Public Access
5
0

Mise à neuf du style.css

This commit is contained in:
Jeremy
2025-11-14 16:10:39 -05:00
parent 0731f8f66a
commit 16370fa9c9

View File

@@ -1,130 +1,12 @@
@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */
@charset "UTF-8";
/* Comment Header */
/* File Header */
/* Section CSS Reset -- GLOBAL */
/**************************/
/* Mise en forme générale */
/**************************/
/****************************/
/* PAGE: Tous */
/* AUTEUR: Tous */
/****************************/
* {
margin: 0;
padding: 0;
font-family: 'Segoe UI';
}
body {
background: #B47871 url('../images/Logo\ ALT-F4\ Bleu.svg') repeat center;
}
main {
width: 800px;
margin: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
h1, h2, p {
text-align: center;
margin: 10px 0;
}
.flex-row-center {
display: flex;
justify-content: center;
}
.flex-col {
display: flex;
flex-direction: column;
}
/*******************************/
/* Mise en forme du formulaire */
/*******************************/
form {
width: 100%;
background-color: #f0f0ec;
border: 1px solid #000000;
border-radius: 10px;
}
fieldset {
display: block;
text-align: right;
margin: 15px;
}
legend {
font-size: 1.2em;
font-weight: bold;
}
form div {
justify-items: center;
margin: 0 10px;
}
label {
width: 15%;
display: flex;
align-items: center;
justify-content: right;
}
label[for=commentaire] {
width: 100%;
justify-content: left;
margin: 10px 0;
}
label[for=date_visite] {
width: 40%;
justify-content: left;
}
input {
width: 35%;
margin: 10px;
}
#courriel {
width: 85%;
}
#date_visite {
width: 60%;
}
button {
width: 15%;
display: block;
justify-content: center;
margin: 10px auto;
padding: 10px;
}
/****************************/
/* Mise en forme de l'aside */
/****************************/
aside {
width: 250px;
border: 1px solid #000000;
background-color: #4c00ff;
position: fixed;
left: 10px;
bottom: 10px;
}
/****************************/
/* PAGE: Accueil */
/* AUTEUR: Léa */