| Current Path : /var/www/html/german-vocational.cn/themes/topplus_lite/css/components/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/german-vocational.cn/themes/topplus_lite/css/components/inverted-header.css |
/**
* @file
* Visual styles for Top+ Lite's inverted header.
*/
@media (min-width: 768px) {
/*layout*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .header-top__container {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
/*typography*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .header-top__section,
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .header {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .header-top__section a,
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .header a {
color: #ffffff;
}
/*site branding block*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .site-slogan,
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .site-name a {
color: #ffffff;
}
/*menus*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.menu li a,
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.menu li > span {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.menu > li > a:hover,
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.menu > li > span:hover {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.sf-menu > li > a .sf-sub-indicator:after {
color: #ffffff;
}
/*dropdowns*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .dropdown-trigger {
border-color: rgba(255, 255, 255, 0.5)
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled .dropdown-menu {
background-color: transparent;
padding: 20px 0 0 0;
box-shadow: none;
}
/*forms*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled input.form-search {
background-color: transparent;
color: #ffffff;
box-shadow: none;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ::-webkit-input-placeholder {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled :-moz-placeholder {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ::-moz-placeholder {
color: #ffffff;
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled :-ms-input-placeholder {
color: #ffffff;
}
/*icons list*/
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.icons-list.icons-list--bordered li a {
border-color: rgba(255, 255, 255, 0.50);
}
.inverted-header-enabled:not(.onscroll) .transparent-header-enabled ul.icons-list.icons-list--bordered li a:hover {
border-color: rgba(255, 255, 255, 1);
color: #ffffff;
}
/*on page scroll*/
.inverted-header-enabled.onscroll .transparent-header-enabled .header {
background-color: rgba(255, 255, 255, 0.95)!important;
}
}