Différences entre versions de « MediaWiki:Timeless.css »
Sauter à la navigation
Sauter à la recherche
(Created page with "→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 : colorbar { co...") |
|||
(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 */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*ajout pour le thème sombre*/ | |
− | background:# | + | /* Styles pour le thème clair (par défaut) */ |
+ | body { | ||
+ | background-color: #ffffff; | ||
+ | color: #000000; | ||
} | } | ||
− | . | + | /* Styles pour le thème sombre */ |
− | background:# | + | body.dark-theme { |
+ | background-color: #333333; | ||
+ | color: #ffffff; | ||
} | } | ||
− | + | /* Ajustements spécifiques pour le thème Timeless */ | |
− | background- | + | body.dark-theme .content { |
+ | background-color: #444444; /* Exemple de couleur pour les sections de contenu */ | ||
} | } | ||
− | + | body.dark-theme .header, | |
− | background- | + | 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 */ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
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 */ }