forked from ghouar-t/SaeDEV2.2
Actualiser css/style.css
travail en colab avec alexis et nicolas sur un partage
This commit is contained in:
parent
b3098420d9
commit
eafb3633a9
141
css/style.css
141
css/style.css
@ -1,89 +1,86 @@
|
||||
/*Pour toutes les pages : */
|
||||
|
||||
body{background-color: #ffffff}
|
||||
|
||||
header {font-size: 23px;
|
||||
background-image: url(ouiouibaguette.jpg);
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1.Hello {font-size: 50px;
|
||||
text-align: center;
|
||||
color: white;}
|
||||
|
||||
header nav {margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;}
|
||||
flex-direction: column;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
header nav a {color : black;
|
||||
text-decoration: none;}
|
||||
#content.index {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 15px; /* Taille de police réduite */
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background-color: #000000e2;
|
||||
padding: 5px 0; /* Padding réduit pour moins d'espace vertical */
|
||||
margin-top: auto; /* Assure que le footer pousse vers le bas */
|
||||
}
|
||||
|
||||
footer .licence {
|
||||
margin: 0; /* Réduit les marges internes */
|
||||
padding: 0; /* Réduit les padding internes */
|
||||
}
|
||||
|
||||
footer .licence p {
|
||||
margin: 5px 0; /* Réduit les marges des paragraphes */
|
||||
}
|
||||
|
||||
footer .licence img {
|
||||
width: 30px; /* Taille réduite de l'image */
|
||||
vertical-align: middle; /* Aligne verticalement l'image avec le texte */
|
||||
}
|
||||
|
||||
footer .licence a {
|
||||
display: inline-block;
|
||||
margin: 0 5px; /* Marges réduites autour des liens */
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
p.html{font-size: 30px;
|
||||
margin-left: 2%;}
|
||||
header {font-size: 23px;
|
||||
background-image: url(../img/ouiouibaguette.jpg);
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.categorie{
|
||||
border-radius: 30px;
|
||||
background-color: #FFFF;
|
||||
padding: 6px;}
|
||||
|
||||
header nav {margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
header nav a {color : black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/*Pour la page index*/
|
||||
|
||||
h1{text-align: center;
|
||||
font-size: 100px;
|
||||
font-family:monospace; }
|
||||
|
||||
h2.nsi{text-align: center;
|
||||
font-family: cursive;
|
||||
font-size: 170%;
|
||||
margin-top: -1%}
|
||||
/* index.php */
|
||||
|
||||
p.presentation{font-size: 165%;
|
||||
margin-top: 85px;
|
||||
margin-left: 11%;
|
||||
margin-right: 11%;
|
||||
text-align: justify;}
|
||||
h1.Hello {font-size: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p.coco{
|
||||
p.coco{
|
||||
font-size: 125%;
|
||||
margin-top: 75px;
|
||||
margin-right: 30%;
|
||||
margin-left: 5%;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
div.licence{text-align: center;
|
||||
font-size: 26px;}
|
||||
|
||||
|
||||
/*Pour la page cours :*/
|
||||
|
||||
h1.cours{font-size: 60px;}
|
||||
|
||||
div.presentation{font-size: 20px;}
|
||||
|
||||
div.presentation a {color : #50468C;
|
||||
text-decoration: none;
|
||||
font-size: 17px}
|
||||
|
||||
div.presentation a.hdp {color : blue;
|
||||
text-decoration: none;
|
||||
font-size: 25px}
|
||||
|
||||
div.presentation td{text-align:center;}
|
||||
|
||||
div.presentation a.btn:hover{color: white;
|
||||
background-color: #50468C;
|
||||
transition: 0.3s all;}
|
||||
|
||||
a.eve{
|
||||
border-radius: 30px;
|
||||
background-color: #FFFF;
|
||||
padding: 6px;}
|
||||
|
||||
|
||||
footer {font-size: 23px;
|
||||
color: #fff;
|
||||
padding: 10px 0;
|
||||
text-align: right;
|
||||
}
|
||||
line-height: 135%;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user