Arscribe 2.0.3 ARS-203-104

in navbar.css<br/><br/><br/><br/><br/><br/>#sidenav_container {<br/> background-color: #F9F9F5;<br/> position: absolute;<br/> height: 100%;<br/> overflow: hidden;<br/> z-index: 30;<br/>}<br/><br/>.darkmode #sidenav_container {<br/> background-color: rgb(30,30,30);<br/>}<br/><br/>#sidenav ul {<br/> background-color: #F9F9F5;<br/> border-radius: 0 15px 15px 0;<br/>}<br/><br/>.darkmode #sidenav ul {<br/> background-color: rgb(30,30,30);<br/>}<br/><br/>#sidenav ul, #sidenav li {<br/> padding: 0;<br/> list-style: none;<br/>}<br/><br/>#sidenav li {<br/> margin: 0;<br/> padding: 0;<br/> border-radius: 4px;<br/>}<br/><br/>#sidenav li a {<br/> text-decoration: none;<br/> padding: 1em 0.5em;<br/> margin: 0;<br/> display: flex;<br/>}<br/><br/>#sidenav p {<br/> padding: 0;<br/> margin: auto 2em auto 0.5em;<br/> display: none;<br/> color: #191919;<br/> max-height: 1em;<br/> opacity: 0.9;<br/> max-width: 12em;<br/>}<br/><br/>.darkmode #sidenav p {<br/> color: #DDD;<br/>}<br/><br/>#sidenav li {<br/> transition: 0.08s ease-out;<br/>}<br/><br/>#sidenav li:hover {<br/> background-color: rgba(255,255,255,0.2);<br/> box-shadow: -1px 2px 12px rgba(0,0,0,0.1);<br/> border-radius: 0 7px 7px 0;<br/> cursor: pointer;<br/>}<br/><br/>.darkmode #sidenav li:hover {<br/> background-color: rgba(255,255,255,0.1);<br/> box-shadow: -1px 2px 12px rgba(0,0,0,0.5);<br/>}<br/><br/>#sidenav ul:hover p {<br/> display: inline-flex;<br/> align-items: center;<br/>}<br/><br/>#sidenav li:hover p {<br/> opacity: 1;<br/>}<br/><br/>#sidenav i {<br/> width: 1.2em;<br/> display: inline-block;<br/> text-align: center;<br/> font-size: 1.5em;<br/> text-shadow: 1px 3px 2px rgba(255,255,255,0.3);<br/>}<br/><br/>.darkmode #sidenav i {<br/> text-shadow: none;<br/>}<br/><br/><br/>@media (min-width: 900px) {<br/> #sidenav ul {<br/> position: fixed;<br/> }<br/>}<br/><br/>@media (max-width: 899px) {<br/> #sidenav_container {<br/> position: relative;<br/> height: 100%;<br/> width: 100%;<br/> }<br/> #sidenav ul {<br/> height: 100%;<br/> display: flex;<br/> justify-content: space-evenly;<br/> margin: 0;<br/> flex-direction: row-reverse;<br/> }<br/> #sidenav li {<br/> flex-grow: 1;<br/> display: flex;<br/> justify-content: center;<br/> }<br/> #sidenav li:hover {<br/> background-color: rgba(255,255,255,0.2);<br/> box-shadow: -1px 2px 12px rgba(0,0,0,0.1);<br/> border-radius: 7px;<br/> }<br/> #sidenav ul:hover p {<br/> display: none;<br/> }<br/> #sidenav li a {<br/> height: 100%;<br/> width: 100%;<br/> padding: 0;<br/> margin: 0;<br/> display: flex;<br/> justify-content: center;<br/> align-items: center;<br/> }<br/>}