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.
46 lines
1005 B
46 lines
1005 B
6 years ago
|
/**
|
||
|
* @file
|
||
|
* Visual styles for Magazine+'s transparent header.
|
||
|
*/
|
||
|
/*Layout*/
|
||
|
.js-transparent-header .region--dark-background .header-top__container {
|
||
|
border-color: rgba(255,255,255,0.1);
|
||
|
}
|
||
|
@media (min-width: 768px) {
|
||
|
.js-transparent-header {
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
z-index: 22;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*Site Branding*/
|
||
|
.js-transparent-header .region--light-typography .site-name a {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
/*Menus*/
|
||
|
@media (min-width: 768px) {
|
||
|
.js-transparent-header .region--light-typography ul.menu li a {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
.js-transparent-header .region--light-typography ul.menu ul li a {
|
||
|
color: #232323;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*Navigation Search*/
|
||
|
@media (min-width: 768px) {
|
||
|
.js-transparent-header .region--light-typography .block-search .form-actions:after {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*Drupal Resets*/
|
||
|
.js-transparent-header + .banner .block:first-child .contextual {
|
||
|
top: 120px;
|
||
|
}
|
||
|
.js-transparent-header + .banner .block:first-child .view .contextual {
|
||
|
top: 150px !important;
|
||
|
}
|