You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
First-Website/resources/css/navbar.css

78 lines
1.3 KiB

.navigation {
position: fixed;
top: 0px;
height: 55px;
width: 100%;
background-color: #101012;
z-index: 3;
}
.navigation button {
padding: .5rem;
height: 100%;
transition: color .5s;
border: 0;
background-color: transparent;
color: white;
display: inline;
}
.navigation button:focus {
outline: 0;
}
.navbarList {
list-style: none;
margin: 0;
padding: 0;
}
.navList {
float: left;
}
.navigation i {
margin: 10px 15px 10px 10px;
}
.dropdownList {
background-color: #101012;
margin: 0;
padding: 0;
list-style: none;
}
.dropdownButton {
width: 100%;
}
.navList:hover .dropdownList {
display: block!important;
}
.navigation button:hover {
color: gray!important;
}
.lowerIndex {
z-index: -1!important;
}
.opacityMenu {
width: 100vw;
position: fixed;
left: 0px;
top: 0px;
height: 100vh;
opacity: .5;
background-color: black;
display: inline-block;
z-index: 1;
}
.fa-bars {
display: none!important;
}
@media screen and (min-width:0px) and (max-width:1000px) {
.fa-bars {
margin: 10px 0 0 10px!important;
display: block!important;
}
.navigation li{
display: none;
background-color: #101012;
}
.navigation .fa-bars:hover + ul li, .navigation ul:hover li {
display: block!important;
width: 100%;
}
}