DGNum/interq.ens.fr
15
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

MAJ planning, rajout section safeness

Browse source
This commit is contained in:
louiseh 2024-04-05 23:44:16 +02:00
parent 8b13a37f49
commit 90367f6a41
1 changed files with 62 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
www/css/style.css
View file

@ -228,12 +228,13 @@ section:nth-child(6) {
section:nth-child(7) { section:nth-child(7) {
background-color: #fbfbfb; background-color: #fbfbfb;
background-image: url(../img/theme/elements/papillon.svg); background-image: url(../img/theme/paint/paint-blue.svg), url(../img/theme/elements/papillon.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 60%; background-size:auto, 60%;
background-position: top left; background-position: 0% 100%, center left;
} }
section p { section p {
padding-bottom: 20px; padding-bottom: 20px;
font-size: 1.2rem; font-size: 1.2rem;
@ -412,6 +413,10 @@ section p a:active {
text-align: center; text-align: center;
} }
.plan img {
text-align: center;
}
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@media only screen and (max-width: 880px) { @media only screen and (max-width: 880px) {
@ -419,6 +424,11 @@ section p a:active {
width: 80%; width: 80%;
height: 80%; height: 80%;
} }
.plan img {
width: 80%;
height: 80%;
}
} }
@ -459,12 +469,23 @@ section p a:active {
padding-left: 60px; padding-left: 60px;
} }
#consentement {
font-size: 1.2rem;
margin-left: 0;
padding-left: 60px;
}
/* Média query pour les écrans de petite taille */ /* Média query pour les écrans de petite taille */
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.limited { .limited {
margin-left: 0; margin-left: 0;
padding-left: 20px; padding-left: 20px;
} }
.consentement {
margin-left: 0;
padding-left: 20px;
}
} }
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@ -773,7 +794,7 @@ section p a:active {
} }
#sponsors img.sponsor-disc:hover { #sponsors img.sponsor-disc:hover {
border: 5px solid #884578ff border: 5px solid #849697ff
} }
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@ -791,6 +812,43 @@ section p a:active {
} }
/*--------------------------------------------------------*/
/* Telephone safeness
/*--------------------------------------------------------*/
#Ulm > span::before {
content: " ";
display: inline-block;
background-image: url("../img/icons/tel.svg");
background-size: 32px 32px;
height: 32px;
width: 32px;
margin: 0 5px;
}
/*--------------------------------------------------------*/
@media only screen and (max-width: 480px) {
#contact-email {
font-size: 1.2rem;
}
#contact-email > span::before {
content: "";
height: 0;
width: 0;
background: none;
}
}
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
/* CONTACT /* CONTACT