Recoloration d'en-tête

EH TOI LÀ !

Cette page est utilisée en interne par le Wiki SCP,

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;
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License