SaeDEV2.2/css/style.css

215 lines
3.6 KiB
CSS
Raw Normal View History

2024-06-02 23:31:38 +02:00
/*Pour toutes les pages : */
html, body {
height: 100%;
margin: 0;
}
2024-06-02 23:31:38 +02:00
body {
display: flex;
flex-direction: column;
min-height: 100dvh; /* Utilisez 100vh pour une hauteur complète de la fenêtre */
background-image: url(../img/jo20244.jpeg);
background-size: cover;
overflow-x: hidden;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
body::before{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
}
#content.index {
flex: 1;
}
2024-06-03 00:34:04 +02:00
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 p {
margin: 5px 0; /* Réduit les marges des paragraphes */
}
2024-06-02 23:31:38 +02:00
footer .licence a {
color: #ffffff;
}
2024-06-02 23:31:38 +02:00
header {
font-size: 23px;
background-image: url(../img/ouiouibaguette.jpg);
padding: 10px 0;
text-align: center;
}
2024-06-02 23:31:38 +02:00
a.categorie{
margin-top: 1%;
margin-bottom: 1%;
border-radius: 30px;
background-color: #f2f2f2;
padding: 8px;}
2024-06-02 23:31:38 +02:00
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;
}
2024-06-02 23:31:38 +02:00
/* index.php */
2024-06-02 23:31:38 +02:00
h1.Hello {
margin-top: 0%;
font-size: 50px;
text-align: center;
color: white;
}
2024-06-02 23:31:38 +02:00
p.coco{
font-size: 145%;
margin-top: 10%;
margin-right: 15%;
margin-left: 48%;
line-height: 160%;
color: #ffffff;
}
/* Inscription et connextion */
div.error-message {
color: red;
font-size: 60%;
}
.connexion {
width: 400px;
height: 420px;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
}
.inscription {
width: 400px;
height: 950px;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
2024-06-16 17:26:27 +02:00
}
.commentaire {
width: 400px;
height: 900px;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
2024-06-16 17:31:28 +02:00
}
2024-06-16 17:26:27 +02:00
.event {
width: 400px;
height: 900px;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
}
.compteUser{
font-size: 70%;
}
.compteUser a{
color: #000000;
}
.submit {
font-size: 100%;
border-radius: 30px;
background-color: #0059ffe2;
border: none;
padding: 10px;
color: #ffffff;
}
/* profil*/
.page_profil {
width: 400px;
height: 900px;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
}
img.profil {
max-width : 15%;
}
/* evenement.php*/
.ListeEvenement {
width: auto;
height: auto;
margin: 100px auto ; /* Augmenter la marge en haut à 100px */
padding: 40px;
background-color: #d4d4d4;
border: none;
border-radius: 50px;
text-align: center;
font-size: 140%;
line-height: 170%;
color: #000000;
}
2024-06-16 10:48:38 +02:00
table.Event{
color: #000000;
text-decoration: none;
column-width: 60rem;
}