41 lines
No EOL
810 B
CSS
41 lines
No EOL
810 B
CSS
/* Style the navigation menu */
|
|
.topnav {
|
|
overflow: hidden;
|
|
background-color: #0f0f0f;
|
|
position: relative;
|
|
}
|
|
|
|
/* Hide the links inside the navigation menu (except for logo/home) */
|
|
.topnav #myLinks {
|
|
display: none;
|
|
}
|
|
|
|
/* Style navigation menu links */
|
|
.topnav a {
|
|
color: white;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
font-size: 17px;
|
|
display: block;
|
|
}
|
|
|
|
/* Style the hamburger menu */
|
|
.topnav a.icon {
|
|
background: black;
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
/* Add a grey background color on mouse-over */
|
|
.topnav a:hover {
|
|
background-color: #000000;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
|
|
/* Style the active link (or home/logo) */
|
|
.active {
|
|
background-color: #333;
|
|
color: white;
|
|
} |