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

De wikiup
Sauter à la navigation Sauter à la recherche
Ligne 158 : Ligne 158 :
 
   background-color: #72777D;
 
   background-color: #72777D;
 
   border-color: #72777D;
 
   border-color: #72777D;
 +
}
 +
 +
 +
/*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 */
 
}
 
}

Version du 11 septembre 2024 à 10:44

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


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