mirror of
https://github.com/LucasVbr/game-lib.git
synced 2026-05-13 17:21:51 +00:00
Lucàs
83 lines
2.9 KiB
CSS
83 lines
2.9 KiB
CSS
/*
|
|
* aPropos.css
|
|
*
|
|
* @author Vabre Lucas, Nogaret Tristan
|
|
*/
|
|
|
|
:root { /* Pour scroll fluidement jusqu'a l'encrage */
|
|
scroll-behavior: smooth; /* Rend le scroll lent et ne fais pas mal aux yeux */
|
|
}
|
|
|
|
.mini-menu { /* Caractéritiques du mini-menu */
|
|
border-radius: 5px; /* Arrondi les coin du menu */
|
|
padding: 20px; /* Defini les merges internes du menu */
|
|
margin: 10px; /* Défini les marges extérieurs du menu */
|
|
background-color: var(--overlay-color); /* Attribue la 2e couleur de fond au menu */
|
|
display: inline-block; /* Affiche les element en ligne */
|
|
position: fixed; /* Fixe la position du menu */
|
|
top: 0; /* Aligne le menu en haut */
|
|
z-index: 9999; /* Affiche le menu au prmier plan */
|
|
}
|
|
|
|
.mini-menu ul { /* Caractéristiques de la liste du menu */
|
|
display: inline-block; /* Affiche les element en ligne */
|
|
padding: 0; /* Defini les marges interieures */
|
|
margin: 0; /* Defini les marges extérieures */
|
|
}
|
|
|
|
.mini-menu li { /* Caractéristqiues des elements de la liste */
|
|
text-decoration: none; /* Enleve les décoration appliqué au texte */
|
|
}
|
|
|
|
.mini-menu p { /* Modifie l'aspect du texte dans le menu */
|
|
margin: 0; /* Defini la marge externes du texte */
|
|
text-align: left; /* Aligne le texte à gauche */
|
|
}
|
|
|
|
.profil { /* Caractéristiques des photos */
|
|
border-radius: 50%; /* Mets les photos sous formes de disques */
|
|
width: 120px; /* Défini ses dimensions */
|
|
filter: grayscale(1); /* Attribut un filtre noir et blanc */
|
|
display: inline-block; /* Affiche la photo en ligne */
|
|
}
|
|
|
|
.name-block { /* Caractéristiques du bloc de nom */
|
|
display: inline-block; /* Affiche les éléments en ligne */
|
|
vertical-align: top; /* Aligne le block nom en haut */
|
|
}
|
|
|
|
.name { /* Caractériqtiques du nom */
|
|
margin-bottom: 0; /* Définie la marge inférieure du nom phonétique */
|
|
}
|
|
|
|
.name-ph { /* Caractéristques du nom phonétiques */
|
|
margin-top: 0; /* Définie la marge supérieure du nom phonétique */
|
|
}
|
|
|
|
|
|
article { /* Caractéristiques de la section */
|
|
background-color: var(--overlay-color); /* Attribue la 2e couleur de fond a la section */
|
|
border-radius: 5px; /* Arrondi les coin du menu */
|
|
padding: 25px; /* Modifie les marges intérieures */
|
|
margin-top: 15px; /* Modifie la marge extérieure suérieures */
|
|
}
|
|
|
|
.section-right { /* Caractéristqiue des sections à droite */
|
|
margin-top: 50px; /* Modifie la marge extérieure supérieures */
|
|
}
|
|
|
|
.section-right div { /* Caractéristqiue de la sous branche div des sections à droite */
|
|
margin-left: 50%; /* Modifie la marge extérieure gauche */
|
|
}
|
|
|
|
.section-right div div {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.section-right article { /* Caractéristqiue de la sous branche article des sections à droite */
|
|
margin-left: 50%; /* Modifie la marge extérieure gauche */
|
|
}
|
|
|
|
.section-left { /* Carctéristiques des sections à gauches */
|
|
margin-right: 50%; /* Modifie la marge extérieure droite */
|
|
} |