86 lines
1.4 KiB
CSS
86 lines
1.4 KiB
CSS
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
transition: background-color 0.5s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.light-mode {
|
||
|
|
background-color: #fff;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark-mode {
|
||
|
|
background-color: #333;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#theme-toggle {
|
||
|
|
position: fixed;
|
||
|
|
top: 10px;
|
||
|
|
left: 10px;
|
||
|
|
margin: 5px;
|
||
|
|
padding: 10px;
|
||
|
|
cursor: pointer;
|
||
|
|
/* Nouvelle couleur du texte en mode sombre */
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.btnedit {
|
||
|
|
color:#e8dede;
|
||
|
|
background-color:#d9534f;
|
||
|
|
border-color:#adadad;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-title {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
background-color: #19191e; /* Couleur de fond du titre */
|
||
|
|
color: green; /* Couleur du texte du titre */
|
||
|
|
padding: 2px;
|
||
|
|
margin: 0;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 1000; /* Pour s'assurer que le titre est au-dessus du reste du contenu */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
footer {
|
||
|
|
/* background-color: #19191e;*/ /* Couleur de fond du titre */
|
||
|
|
color: #fff;
|
||
|
|
padding: 10px;
|
||
|
|
margin: 0;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer pre {
|
||
|
|
line-height: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
margin-top: 60px; /* Ajustez cette valeur pour éviter que le contenu soit caché derrière le titre fixe */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
a, a:hover, a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Ajoutez cette règle pour styliser l'image */
|
||
|
|
.logo-image {
|
||
|
|
/* float: right; *//* Aligner l'image à droite */
|
||
|
|
position: fixed;
|
||
|
|
top: 5px;
|
||
|
|
right: 10px;
|
||
|
|
margin_: 5px;
|
||
|
|
padding_: 10px;
|
||
|
|
margin-right: 10px;
|
||
|
|
max-height: 50px;
|
||
|
|
|
||
|
|
}
|