DGNum/48h.arts.ens.fr
15
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Decrease the size of several images.

Browse source 
In addition, the header image now exists in three sizes. The right size is selected using CSS media queries.
This commit is contained in:
Daru13 2019-04-22 16:56:35 +02:00
parent 19f625c518
commit ec9d70c737
14 changed files with 4 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

45
css/style.css
View file

@ -96,7 +96,7 @@ a:visited {
height: 100%;
width: 100%;
background-image: url("../img/header/background.jpg");
background-image: url("../img/header/background-1080.jpg");
background-size: cover;
background-repeat: no-repeat;
@ -116,55 +116,18 @@ a:visited {
/*--------------------------------------------------------*/
/*
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 800px) {
#main-header {
height: 650px;
background-image: url("../img/header/background-800.jpg");
}
}
@media only screen and (max-width: 880px) {
#main-header {
height: 500px;
}
#main-header-title {
height: 60%;
width: 60%;
left: 20%;
top: 20px;
}
}
@media only screen and (max-width: 480px) {
#main-header {
height: 350px;
}
#main-header-title {
height: 75%;
width: 75%;
background-image: url("../img/header/background-480.jpg");
}
}
@media only screen and (max-width: 360px) {
#main-header {
height: 300px;
}
#main-header-title {
height: 70%;
width: 70%;
left: 15%;
top: 5%;
}
}
*/
/*--------------------------------------------------------*/
/* CONTENT
/*--------------------------------------------------------*/