1 /* The grid: Three equal columns that floats next to each other */
24 /* Clear floats after the columns */
31 /* Closable button inside the image */
49 background-color: chartreuse;
53 background-color: orange;
56 /* The sidebar menu */
58 height: 100%; /* Full-height: remove this if you want "auto" height */
59 width: 160px; /* Set the width of the sidebar */
60 position: fixed; /* Fixed Sidebar (stay in place on scroll) */
61 z-index: 1; /* Stay on top */
62 top: 0; /* Stay at the top */
64 background-color: #111; /* Black */
65 overflow-x: hidden; /* Disable horizontal scroll */
69 /* The navigation menu links */
71 padding: 6px 8px 6px 16px;
72 text-decoration: none;
78 /* When you mouse over the navigation links, change their color */
83 /* Style page content */
85 margin-left: 160px; /* Same as the width of the sidebar */
87 background-color: #BBB;
90 /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
91 @media screen and (max-height: 450px) {
92 .sidenav {padding-top: 15px;}
93 .sidenav a {font-size: 18px;}