85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
.page-header nav {
|
|
background-color: var(--primary-color-lighter);
|
|
border-bottom: 1px solid var(--primary-color-light);
|
|
}
|
|
|
|
.page-header .logo {
|
|
height: 4rem;
|
|
image-rendering: -webkit-optimize-contrast;
|
|
transition: 0.2s linear height;
|
|
padding: 0.5rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
.page-header #navBar a.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.page-header .navbar-brand div {
|
|
height: 100%;
|
|
}
|
|
|
|
.page-header .lang {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.page-header .lang .icon {
|
|
width: 1em;
|
|
line-height: 1em;
|
|
margin: 0 .2em;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#languageSelection {
|
|
width: auto;
|
|
}
|
|
|
|
@media(min-width: 768px) {
|
|
.page-header .navbar {
|
|
padding: 0;
|
|
}
|
|
|
|
.page-header .navbar > .container {
|
|
height: 100%;
|
|
}
|
|
|
|
.page-header #navBar {
|
|
align-self: end;
|
|
height: 100%;
|
|
align-items: end;
|
|
}
|
|
|
|
.page-header #navBar div.lang,
|
|
.page-header #navBar a {
|
|
padding-bottom: 1.15rem;
|
|
}
|
|
|
|
.page-header .navbar-brand,
|
|
.page-header #navBar a {
|
|
margin-right: 1.5rem;
|
|
}
|
|
|
|
.page-header #navBar a {
|
|
border-bottom: .3rem solid transparent;
|
|
}
|
|
|
|
.page-header #navBar a:focus,
|
|
.page-header #navBar a:hover,
|
|
.page-header #navBar a.active {
|
|
border-bottom: .3rem solid var(--primary-color-light);
|
|
}
|
|
}
|
|
|
|
@media(max-width: 991px) {
|
|
.page-header .logo {
|
|
height: 3rem;
|
|
}
|
|
|
|
.page-header #navBar div.lang,
|
|
.page-header #navBar a {
|
|
padding-bottom: .65rem;
|
|
}
|
|
|
|
}
|