Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Mise à neuf du style.css

Browse Source
This commit is contained in:
Jeremy
2025-11-14 16:10:39 -05:00
parent 6bfe1d836b
commit 9b883d0f72
1 changed files with 4 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
www/css/style.css
View File

@@ -1,130 +1,12 @@
@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */ @charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */
@charset "UTF-8"; /****************************/
/* Comment Header */ /* PAGE: Tous */
/* File Header */ /* AUTEUR: Tous */
/****************************/
/* Section CSS Reset -- GLOBAL */
/**************************/
/* Mise en forme générale */
/**************************/
* { * {
margin: 0; margin: 0;
padding: 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 */ /* PAGE: Accueil */
/* AUTEUR: Léa */ /* AUTEUR: Léa */