forked from DGNum/lanuit.ens.fr
update header normalement ça marche merci Alice
This commit is contained in:
parent
b3a3ff06c0
commit
e9fede696a
1 changed files with 2 additions and 7 deletions
|
@ -116,48 +116,43 @@ a {
|
|||
background-image: url("../img/ui/header-nuit.png");
|
||||
background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 18%;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 2);
|
||||
background-size: auto calc(100vh / 2);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 2.5);
|
||||
background-size: auto calc(100vh / 2.5);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 3);
|
||||
background-size: auto calc(100vh / 3);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 5);
|
||||
background-size: auto calc(100vh / 5);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 300px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 7);
|
||||
background-size: auto calc(100vh / 7);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 200px) {
|
||||
#main-header {
|
||||
height: calc(100vh / 8);
|
||||
background-size: auto calc(100vh / 8);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue