Différences entre versions de « MediaWiki:Timeless.css »

De wikiup
Sauter à la navigation Sauter à la recherche
 
 
(3 versions intermédiaires par le même utilisateur non affichées)
Ligne 2 : Ligne 2 :
  
 
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */
 
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */
 
colorbar
 
{
 
color: black;
 
}
 
 
h1
 
{
 
color: #3D6999;#blue mhk
 
}
 
 
h2
 
{
 
color: #FF6B40;
 
}
 
 
h3
 
{
 
color: #FF6B40;
 
}
 
 
h4
 
{
 
color: #FF6B40;
 
}
 
 
h5
 
{
 
color: #FF6B40;
 
}
 
 
#mw-content-container { background-image: none }
 
 
color-middle
 
{
 
color:#FF6B40;
 
}
 
 
color-left
 
{
 
color:#FF6B40;
 
}
 
 
 
color-right
 
{
 
color:#FF6B40;
 
}
 
 
 
/* Indefinite content width */
 
@media screen and (min-width: 851px) {
 
    .color-middle-container,
 
    .ts-inner { max-width: none; }
 
}
 
 
#mw-content h1.firstHeading{
 
color:#3D6999;
 
}
 
 
#mw-header-hack color-bar.color-middle-container {
 
background-color:#FF6B40;
 
}
 
 
 
#mw-content-text {
 
color:black
 
}
 
 
#mw-pages-links li.selected{
 
border-bottom-color:yellow;
 
}
 
 
#mw-content h1.firstHeading{
 
border-bottom:solid 4px #3D6999;
 
}
 
 
  
  
.color-middle{
 
background:#FF6B40;
 
}
 
  
.color-left{
+
/*ajout pour le thème sombre*/
background:#FF6B40;
+
/* Styles pour le thème clair (par défaut) */
 +
body {
 +
    background-color: #ffffff;
 +
    color: #000000;
 
}
 
}
  
.color-right{
+
/* Styles pour le thème sombre */
background:#FF6B40;
+
body.dark-theme {
 +
    background-color: #333333;
 +
    color: #ffffff;
 
}
 
}
  
[id^="ca-nstab-"] a {
+
/* Ajustements spécifiques pour le thème Timeless */
background-image: none;
+
body.dark-theme .content {
 +
    background-color: #444444; /* Exemple de couleur pour les sections de contenu */
 
}
 
}
  
#ca-talk a {
+
body.dark-theme .header,
background-image:none;
+
body.dark-theme .footer {
background-image:none;
+
    background-color: #222222; /* Exemple de couleur pour les en-têtes et pieds de page */
 
}
 
}
  
#ca-edit a {
 
    background-image: none;
 
    background-image: none;
 
}
 
  
#ca-history a {
+
/* Débogage pour vérifier si le thème sombre est appliqué */
     background-image:none;
+
body.dark-theme {
    background-image:none;
+
     border: 5px solid red; /* Ajouter une bordure rouge pour voir si la classe est appliquée */
 
}
 
}
  
.color-middle-container {
+
body.dark-theme .content {
     background: #FF6B40;
+
     border: 3px dashed blue; /* Ajouter une bordure bleue pour les sections de contenu */
  }
 
 
 
.color-middle {
 
height: 0.35em;
 
background:#FF6B40;
 
margin-left: 15em;
 
margin-right: 17em;
 
}
 
.color-left {
 
height: 0.35em;
 
background:#FF6B40;
 
width: 50%;
 
float: left;
 
}
 
.color-right {
 
display: inline-block;
 
height: 0.35em;
 
background:#FF6B40;
 
width: 50%;
 
float: right;
 
 
}
 
}

Version actuelle datée du 11 septembre 2024 à 15:23

/* All CSS here will be loaded for users of the Timeless skin */

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Timeless */



/*ajout pour le thème sombre*/
/* Styles pour le thème clair (par défaut) */
body {
    background-color: #ffffff;
    color: #000000;
}

/* Styles pour le thème sombre */
body.dark-theme {
    background-color: #333333;
    color: #ffffff;
}

/* Ajustements spécifiques pour le thème Timeless */
body.dark-theme .content {
    background-color: #444444; /* Exemple de couleur pour les sections de contenu */
}

body.dark-theme .header, 
body.dark-theme .footer {
    background-color: #222222; /* Exemple de couleur pour les en-têtes et pieds de page */
}


/* Débogage pour vérifier si le thème sombre est appliqué */
body.dark-theme {
    border: 5px solid red; /* Ajouter une bordure rouge pour voir si la classe est appliquée */
}

body.dark-theme .content {
    border: 3px dashed blue; /* Ajouter une bordure bleue pour les sections de contenu */
}