164 lines
3.8 KiB
CSS
164 lines
3.8 KiB
CSS
/* Couleurs en mode sombre */
|
|
html {
|
|
background-color: #0f1f2e; /* Fond sombre pour toute la page */
|
|
color:#5e88a0;
|
|
}
|
|
|
|
nav {
|
|
background-color: #000824;; /* Fond sombre pour la barre de navigation */
|
|
}
|
|
|
|
.navbar ul ul li {
|
|
background-color: #000824; /* Fond sombre pour les sous-menus */
|
|
border-color: #4f6f8f; /* Couleur de la bordure */
|
|
box-shadow: 2px 2px 2px #0f1f2e; /* Ombre légère */
|
|
}
|
|
|
|
.navbar ul ul a {
|
|
color: #5e88a0; /* Couleur du texte pour les liens des sous-menus */
|
|
}
|
|
|
|
.brand {
|
|
color: #c4d7e0; /* Couleur du texte pour la marque */
|
|
}
|
|
|
|
a {
|
|
color: #7ca9c6; /* Couleur de base pour les liens */
|
|
}
|
|
|
|
a:hover {
|
|
color: #ffc3a0; /* Couleur au survol */
|
|
text-shadow: #fff 0px 1px 5px; /* Ombre du texte au survol */
|
|
}
|
|
|
|
a.house {
|
|
color: #5e88a0; /* Couleur spécifique pour certains liens */
|
|
}
|
|
|
|
a.house:hover {
|
|
color: #7ca9c6; /* Couleur au survol */
|
|
}
|
|
|
|
.button {
|
|
background-color: #2a3e4c; /* Fond sombre pour les boutons */
|
|
color: #fff; /* Couleur du texte */
|
|
border-color: transparent; /* Bordure transparente */
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #ff8a6b; /* Fond au survol */
|
|
}
|
|
|
|
.test-me {
|
|
border-color: #7ca9c6; /* Couleur de bordure */
|
|
background-color: #9cd0ef; /* Fond */
|
|
color: #2e485d; /* Couleur du texte */
|
|
}
|
|
|
|
.reset {
|
|
border-color: #ff7b39; /* Couleur de bordure */
|
|
background-color: #ffd0a1; /* Fond */
|
|
color: #8e4b1e; /* Couleur du texte */
|
|
}
|
|
|
|
.courseNav {
|
|
border-color: #0f1f2e; /* Couleur de bordure */
|
|
box-shadow: 2px 2px 2px #4f6f8f; /* Ombre */
|
|
background-color: #334c66; /* Fond sombre */
|
|
}
|
|
|
|
.edito {
|
|
border-color: #a4b8c7; /* Couleur de bordure */
|
|
background-color: #334c66; /* Fond sombre */
|
|
color: #86a3b4;
|
|
}
|
|
|
|
.test {
|
|
border-color: #8c7d49; /* Couleur de bordure */
|
|
background-color: #b5ac8f; /* Fond */
|
|
color: #70685a; /* Couleur du texte */
|
|
}
|
|
|
|
.comment {
|
|
color: #6cb87e; /* Couleur pour les commentaires */
|
|
}
|
|
|
|
h1 {
|
|
color: #4e9ed6; /* Couleur pour les titres h1 */
|
|
border-left-color: #ffa500; /* Couleur de la bordure gauche */
|
|
border-bottom-color: #ffa500; /* Couleur de la bordure inférieure */
|
|
}
|
|
|
|
h2 {
|
|
color: #e58a01; /* Couleur pour les titres h2 */
|
|
}
|
|
|
|
.card {
|
|
border-color: #b5b5b5; /* Couleur de bordure des cartes */
|
|
box-shadow: 2px 2px 2px #888888; /* Ombre */
|
|
}
|
|
|
|
.card-header img.thumbnails {
|
|
transition: transform 1s ease; /* Transition pour les images */
|
|
}
|
|
|
|
.card:hover img.thumbnails {
|
|
transform: scale(1.2); /* Zoom au survol */
|
|
}
|
|
|
|
.card-body {
|
|
background-color: #0f1f2e; /* Couleur des liens dans le corps des cartes */
|
|
}
|
|
|
|
.card-body a {
|
|
color: #4e9ed6; /* Couleur des liens dans le corps des cartes */
|
|
}
|
|
|
|
.card-body a:hover {
|
|
color: #631a37; /* Couleur au survol */
|
|
}
|
|
|
|
.question {
|
|
background-color: #c5fffa; /* Fond pour les questions */
|
|
border-color: #006e65; /* Couleur de bordure */
|
|
color: #006e65; /* Couleur du texte */
|
|
}
|
|
|
|
.validation {
|
|
background-color: #c5ffcf;
|
|
border-color: #006e18;
|
|
color: #006e18;
|
|
}
|
|
|
|
.conclusion {
|
|
background-color: #ffdac5; /* Fond pour les conclusions */
|
|
border-color: #6e1f00; /* Couleur de bordure */
|
|
color: #6e1f00; /* Couleur du texte */
|
|
}
|
|
|
|
.exercice {
|
|
background-color: #eeffc5; /* Fond pour les exercices */
|
|
border-color: #636e00; /* Couleur de bordure */
|
|
color: #636e00; /* Couleur du texte */
|
|
}
|
|
|
|
.info {
|
|
background-color: #c5f3ff; /* Fond pour les exercices */
|
|
border-color: #004f6e; /* Couleur de bordure */
|
|
color: #002c6e; /* Couleur du texte */
|
|
}
|
|
|
|
th {
|
|
border-color: #b5b5b5; /* Couleur de bordure pour les cellules d'en-tête */
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
background-color: #536a7d; /* Fond pour les lignes paires */
|
|
color: #002c6e;
|
|
}
|
|
|
|
|
|
footer {
|
|
background-color: #000824; /* Fond sombre pour le pied de page */
|
|
color: #8d8d8d; /* Couleur du texte */
|
|
}
|