omegamma/static/css/header.css

153 lines
2.3 KiB
CSS
Raw Normal View History

2021-06-08 14:19:46 +00:00
nav {
font-size: 1.3em;
height: 3em;
background: var(--nav-background);
width: 100%;
2021-06-08 16:18:22 +00:00
font-family: var(--light-font);
2021-06-08 14:19:46 +00:00
}
nav .nav-flex {
display: flex;
flex-direction: row;
}
nav .navbar-brand {
padding-top: 1em;
padding-left: 0.5em;
display: flex;
}
2021-06-08 16:18:22 +00:00
nav .navbar-brand .icon-brand {
2021-06-08 14:19:46 +00:00
width: 2.5em;
height: 2.5em;
margin-top: -0.7em;
margin-right: 5px;
}
2021-06-08 16:18:22 +00:00
nav .navbar-menu {
2021-06-08 14:19:46 +00:00
flex: auto;
display: block;
width: 2em;
}
2021-06-08 16:18:22 +00:00
nav .navbar-list {
2021-06-08 14:19:46 +00:00
float:right;
flex: auto;
display: flex;
margin-top: 0px;
list-style-type: none;
text-transform: uppercase;
}
.navbar-list li {
padding: 1em;
margin-left: 0;
display: flex;
}
.navbar-list li.active {
background-color: var(--primary-color);
}
.navbar-list li.background {
background-color: var(--nav-background);
}
.menu-with-sub {
display: block;
}
.menu-with-sub .sub-menu {
display: none;
position: absolute;
margin-left: -1.2em;
width: 100%;
}
.menu-with-sub.toggled .sub-menu {
display: block;
}
.menu-with-sub:hover .sub-menu {
display: block;
}
.menu-with-sub .sub-menu:hover {
display: block;
}
2021-06-08 14:19:46 +00:00
#navbar-toggler {
border: 0;
background: none;
box-shadow: none;
border-radius: 0px;
display: none;
cursor: pointer;
padding-right: 1em;
}
@media screen and (max-width: 700px) {
2021-06-08 14:19:46 +00:00
#navbar-toggler {
display: block;
}
nav {
2021-06-08 16:18:22 +00:00
position: absolute;
}
nav.menuShown {
2021-06-08 14:19:46 +00:00
position: fixed;
}
nav .nav-flex {
display: block;
}
.nav-mobile {
display: flex;
2021-06-08 18:22:47 +00:00
width: 100%;
2021-06-08 14:19:46 +00:00
}
.navbar-brand {
flex: auto;
}
.navbar-menu {
height: calc(100vh - 3em);
2021-06-08 16:18:22 +00:00
width: 100% !important;
display: none !important;
2021-06-08 14:19:46 +00:00
background: var(--nav-background);
}
.navbar-menu.shown {
2021-06-08 16:18:22 +00:00
display: block !important;
2021-06-08 14:19:46 +00:00
}
.navbar-list {
2021-06-08 16:18:22 +00:00
display: block !important;
width: 100vw;
2021-06-08 14:19:46 +00:00
height: 100%;
2021-06-08 16:18:22 +00:00
padding-left: 0;
2021-06-08 14:19:46 +00:00
}
.navbar-list li {
2021-06-08 16:18:22 +00:00
width: 100% !important;
2021-06-08 14:19:46 +00:00
display: flex;
}
.menu-with-sub {
display: block;
}
.menu-with-sub .sub-menu {
margin-left: 1em;
display: ruby;
}
2021-06-08 14:19:46 +00:00
#content {
padding-top: 4em;
2021-06-08 14:19:46 +00:00
}
}