saone-et-loire-cd71-2019: update logo and header layout (#36588)

This commit is contained in:
Frédéric Péters 2019-10-07 18:28:38 +02:00
parent 73e38cfb91
commit 80878a9544
2 changed files with 19 additions and 3 deletions

View File

@ -28,17 +28,24 @@ div#header-wrapper {
background: white;
border-top: 5px solid $darkblue;
border-bottom: 5px solid #ebedf0;
div#header {
position: static;
height: 101px;
}
@media screen and (max-width: $mobile-limit) {
border-top: 0;
}
#logo {
position: absolute;
left: 10px;
a {
display: block;
background: url(img/logo-header.png) top left no-repeat;
height: 101px;
line-height: 101px;
padding-left: 400px;
padding-left: 0px;
text-indent: -10000px;
width: 450px;
}
@media screen and (max-width: $mobile-limit) {
padding-left: 0px;
@ -92,8 +99,17 @@ div#header-wrapper {
}
}
@media screen and (max-width: $mobile-limit) {
top: -60px;
height: 60px;
box-sizing: border-box;
top: 0px;
left: 0;
right: 0;
margin: 0;
width: 100%;
max-width: none;
text-align: right;
.logout {
padding-left: 1em;
}
}
}
@media screen and (max-width: $mobile-limit) {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 14 KiB