Actualiser css/style.css

travail en colab avec alexis et nicolas sur un partage
This commit is contained in:
Rafael GHOUAR-TOUSSAINT 2024-06-13 18:01:13 +02:00
parent b3098420d9
commit eafb3633a9

View File

@ -1,89 +1,86 @@
/*Pour toutes les pages : */ /*Pour toutes les pages : */
html, body {
body{background-color: #ffffff} height: 100%;
margin: 0;
header {font-size: 23px;
background-image: url(ouiouibaguette.jpg);
padding: 10px 0;
text-align: center;
} }
h1.Hello {font-size: 50px; body {
text-align: center;
color: white;}
header nav {margin-left: auto;
margin-right: auto;
width: 90%;
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: space-between;} min-height: 100%;
}
header nav a {color : black; #content.index {
text-decoration: none;} 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; header {font-size: 23px;
margin-left: 2%;} 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; /* index.php */
font-family: cursive;
font-size: 170%;
margin-top: -1%}
p.presentation{font-size: 165%; h1.Hello {font-size: 50px;
margin-top: 85px; text-align: center;
margin-left: 11%; color: white;
margin-right: 11%; }
text-align: justify;}
p.coco{ p.coco{
font-size: 125%; font-size: 125%;
margin-top: 75px; margin-top: 75px;
margin-right: 30%; margin-right: 30%;
margin-left: 5%; margin-left: 5%;
line-height: 130%; line-height: 135%;
} }
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;
}