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

De wikiup
Sauter à la navigation Sauter à la recherche
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 3 : Ligne 3 :
 
/* 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
+
/*ajout pour le thème sombre*/
{
+
/* Styles pour le thème clair (par défaut) */
color: #FF6B40;
+
body {
 +
    background-color: #ffffff;
 +
    color: #000000;
 
}
 
}
  
h3
+
/* Styles pour le thème sombre */
{
+
body.dark-theme {
color: #FF6B40;
+
    background-color: #333333;
 +
    color: #ffffff;
 
}
 
}
  
h4
+
/* Ajustements spécifiques pour le thème Timeless */
{
+
body.dark-theme .content {
color: #FF6B40;
+
    background-color: #444444; /* Exemple de couleur pour les sections de contenu */
 
}
 
}
  
h5
+
body.dark-theme .header,
{
+
body.dark-theme .footer {
color: #FF6B40;
+
    background-color: #222222; /* Exemple de couleur pour les en-têtes et pieds de page */
 
}
 
}
  
#mw-content-container { background-image: none }
 
 
color-middle
 
{
 
color:#FF6B40;
 
}
 
  
color-left
+
/* Débogage pour vérifier si le thème sombre est appliqué */
{
+
body.dark-theme {
color:#FF6B40;
+
    border: 5px solid red; /* Ajouter une bordure rouge pour voir si la classe est appliquée */
 
}
 
}
  
 
+
body.dark-theme .content {
color-right
+
     border: 3px dashed blue; /* Ajouter une bordure bleue pour les sections de contenu */
{
 
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{
 
background:#FF6B40;
 
}
 
 
 
.color-right{
 
background:#FF6B40;
 
}
 
 
 
[id^="ca-nstab-"] a {
 
background-image: none;
 
}
 
 
 
#ca-talk a {
 
background-image:none;
 
background-image:none;
 
}
 
 
 
#ca-edit a {
 
    background-image: none;
 
     background-image: none;
 
}
 
 
 
#ca-history a {
 
    background-image:none;
 
    background-image:none;
 
}
 
 
 
.color-middle-container {
 
    background: #FF6B40;
 
  }
 
 
 
.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;
 
}
 
 
 
 
 
.mw-parser-output > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
 
text-align:center;
 
background-color:#CCCCFF9;
 
color:#3D6999;
 
}
 
 
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 
color:#fff;
 
background-color:#72777D;
 
  border-color: #72777D;
 
}
 
 
 
 
 
/* load.php | https://wiki.myhumankit.org/load.php?lang=fr&modules=ext.MobileDetect.nomobile%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.timeless&only=styles&skin=timeless */
 
 
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 
  /* background-color: .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button \{; */
 
  /* background-color: #36c; */
 
  /* border-color: #36c; */
 
  background-color: #72777D;
 
  border-color: #72777D;
 
 
}
 
}

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 */
}