imio-publik-themes/static/liege-pwa-2019/_header.scss

95 lines
1.6 KiB
SCSS

@charset "UTF-8";
/******************************************************* NORMAL ITEM
**/
@import "../../publik-base-theme/static/includes/fonts/abel";
div#page {
max-width: 1920px;
margin: auto;
}
body.has-header-background header {
background-position: 50% 62px;
@media screen and ($max-mobile-viewport) {
background-position: 50% 42px;
}
}
div#header-wrapper {
border-top: 62px solid black;
}
div#header {
max-width: none;
width: 100%;
margin: 0 auto;
position: relative;
top: -62px;
z-index: 0;
padding: 0 1ex;
height: 274px;
@media screen and ($max-mobile-viewport) {
height: 150px;
h1 {
padding-left: 0;
}
}
}
h1#logo a {
background: url(images/logo.png) 10px 0px no-repeat;
background-size: 140px;
height: 140px;
padding-left: 170px;
color: #ffffff;
display: block;
font-size: 21px;
font-weight: normal;
@media screen and ($max-mobile-viewport) {
background-position: 0 0;
background-size: 80px;
padding-left: 90px;
}
span.site-title {
font-family: $title-font-family;
padding-top: 5px;
font-size: 18px;
display: block;
line-height: 50px;
text-transform: uppercase;
}
&:hover {
text-decoration: none;
}
}
#toplinks {
background: transparent;
box-shadow: none;
border: none;
padding: 0;
a {
line-height: 52px;
color: white;
font-size: 16px;
}
.sep {
display: none;
}
.registration {
display: none;
}
@media screen and ($max-mobile-viewport) {
a {
display: inline-block;
padding-top: 5px;
padding-right: 5px;
line-height: 100%;
}
.connected-user {
display: none;
}
}
}