Recoloration d'en-tête

EH TOI LÀ !

Cette page est utilisée pour le fonctionnement du site,

MERCI DE NE PAS MODIFIER CETTE PAGE
SANS LA PERMISSION DU STAFF.

---

Ce module permet de modifier les couleurs de l'en-tête du site en passant par un code plutôt qu'une image ; n'hésitez pas à l'utiliser pour vos pages individuelles ou thèmes CSS en y insérant ceci tout en haut du code.

[[include component:body-bg]]

Puis ceci en dessous (ATTENTION : Valeurs à indiquer en RGB comme dans le code plus bas).

[[module css]]
:root {
--head-top: [Couleur du sommet du dégradé];
--head-bottom: [Couleur du bas du dégradé];
--bar-top: [Couleur du sommet de la barre de navigation];
--bar-bottom: [Couleur du bas de la barre de navigation];
--bar-shadow-top: [Couleur de l'ombre au-dessus de la barre de navigation];
--bar-shadow-bottom: [Couleur de l'ombre en dessous de la barre de navigation];
--body: [Couleur du corps de page];
}
[[/module]]

Vous pouvez supprimer toutes les variables qui ne doivent pas changer par rapport au thème de base du site.

---

Code

/*
     CSS gradient to replace Sigma-9 body-bg image
     By 7happy7, Dr Lekter and Styrius
     Based on code by Woedenaz
*/
 
:root {
    --head-top: 0, 0, 0; /* Black */
    --head-bottom: 103, 61, 61; /* Brown */
    --bar-top: 83, 83, 83; /* Light gray */
    --bar-bottom: 59, 59, 59; /* Dark gray */
    --bar-shadow-top: 95, 60, 60; /* Dark brown */
    --bar-shadow-bottom: 157, 157, 157; /* Very light gray */
    --body: 255, 255, 255; /* White */
}
 
div#container-wrap {
    background-image:
        linear-gradient(to top, rgba(var(--head-bottom), .5) 10%,
        rgba(var(--head-top), 1) 80%), 
 
        repeating-linear-gradient(45deg,hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 2px,
        rgba(88, 88, 88, 0.2) 2px,
        rgba(88, 88, 88, 0.2) 4px),
 
        linear-gradient(to bottom, rgba(var(--head-top), 1) 4.67rem,
        rgba(var(--head-bottom), 1) 8.55rem,
        rgba(var(--bar-shadow-top), 1) 8.675rem,
        rgba(var(--bar-top), 1) 8.8rem,
        rgba(var(--bar-top), 1) calc(90% - 0.125rem),
        rgba(var(--bar-bottom), 1) calc(98% - 0.125rem)),
 
        linear-gradient(to bottom,rgba(var(--bar-bottom), 1) 10.1rem,
        rgba(var(--bar-shadow-bottom), 1) 10.225rem,
        rgba(var(--body), 1) 10.345rem);
 
    background-size: 100% 8.7rem, 100% 8.7rem, 100% 10.1rem, 100% 10.465rem;
    background-repeat: no-repeat;
}