99 lines
1.6 KiB
CSS
99 lines
1.6 KiB
CSS
.navbar-lang-icon > path {
|
|
stroke: white;
|
|
stroke-width: 3;
|
|
}
|
|
|
|
.navbar {
|
|
transition: all .3s;
|
|
}
|
|
|
|
.navbar:hover .navbar-brand > div {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar:hover .navbar-item {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar:hover .navbar-lang-icon > path {
|
|
stroke: #333;
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
.navbar-light {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.navbar-light .navbar-brand > div {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-light .navbar-brand > .brand-dark {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-light .navbar-brand > .brand-light {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-light .navbar-item {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-light .navbar-lang-icon > path {
|
|
stroke: #333;
|
|
}
|
|
|
|
.navbar-item > .banner-inner {
|
|
transition: all .3s;
|
|
}
|
|
|
|
.navbar-item:hover > .banner-inner {
|
|
display: flex;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.navbar-mobile-light .navbar-brand > div {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-mobile-light .navbar-brand > .brand-dark {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-mobile-light .navbar-brand > .brand-light {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-mobile-light .navbar-item {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-mobile-light .navbar-lang-icon > path {
|
|
stroke: #333;
|
|
}
|
|
|
|
.navbar-item > .banner-inner {
|
|
transition: all .3s;
|
|
}
|
|
|
|
.navbar-item:hover > .banner-inner {
|
|
display: flex;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 996px) {
|
|
.navbar-items {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-toggler {
|
|
display: flex !important;
|
|
}
|
|
} |