CSS BLANKSTYLE

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.


Ceci est le thème Blankstyle, un style visuel créé par Placeholder McDPlaceholder McD et HarryBlankHarryBlank destiné à être utilisé dans les articles de son auteur éponyme. Il a été créé pour pouvoir être facilement mis à jour et appliqué à un large spectre de travaux. Il s'agit fondamentalement d'une variante claire du Thème Pénombre d'EstrellaYoshteEstrellaYoshte, avec plusieurs spécificités mises en place pour les besoins de Blank. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:blankstyle]]

Tous les articles postés sur le site doivent utiliser le code du dessus, mais il ne marchera pas sur votre page sandbox ! Pour cela, il vous faudra utiliser celui-ci :

[[include :fondationscp:theme:blankstyle]]


notation: 0+x
logo-scp.svg

Image d'exemple.

Texte avec une note de bas de page1

Premier Titre

Premier Titre

Second Titre

Premier Titre

Second Titre

Troisième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre
Sixième Titre

Ceci est un onglet.

Ceci est un bloc de citation faisable en mettant un chevron ">" suivi d'un espace au début de chaque ligne.
Plus de texte


C'est un trait horizontal

Blocs de citation imbriqués

Titre Titre Titre
Contenu Contenu Contenu
Contenu Longue cellule
Très longue cellule


Ce thème comprend les éléments suivants :

Lorsque vous utilisez ce thème avec le module de crédit, intégrez le module dans un bloc [[div]] afin que l'apparition du volet d'information ne soit pas retardée par le module de fondu.

Ce thème reprend du code provenant de PeppersGhostPeppersGhost et son bloc d'image Peppo et d'EstrellaYoshte pour centrer les images par défaut et les blocs d'images de sorte qu'ils apparaissent de manière plus esthétique sur les petits écrans (sur mobile, en gros). Il reprend également la technologie géniale des sidebox du Thème Pénombre créé par Estrella, lequel est dérivé du Thème Paperstack pour la majorité de son code.

Pour en savoir plus sur certaines des fonctionnalités supplémentaires du CSS BLANKSTYLE, rendez-vous sur le fil de discussion de la page originale et consultez les notes de mise à jour.


TABLEAUX AUX COULEURS DE l'ACS

Les tableaux suivants avec des en-têtes de couleur personnalisée peuvent être utilisés par l'insertion d'un tableau dans une des divs disponibles, nommés.Notez que le fait de placer un bloc d'image dans l'une de ces divs appliquera le même effet à sa légende. Remarquez également que ceci est une note de bas de page améliorée et que les détails de son utilisation peuvent être trouvés en cliquant sur le lien plus haut. de "table1" à "table5". Elles correspondent aux 5 niveaux de base du module de la barre ACS. Il existe également une div table6 pour faire des tableaux violets.

Ceci est un tableau normal ;
ne procure aucun fun si vous le testez
Ceci est un tableau VERT ;
fun à tester.
Ceci est un tableau BLEU ;
également fun à tester.
Ceci est un tableau JAUNE ;
également fun à tester.
Ceci est un tableau ORANGE ;
également fun à tester.
Ceci est un tableau ROUGE ;
pas si fun que ça à tester.
Ceci est un tableau VIOLET
c'est le test

Note : Le violet est utilisé pour désigner les objets de classe Thaumiel et les documents nécessitant une accréditation de Niveau 6 (Cosmic Top Secret) ou 6/Provisoire (Thaumiel-Proviso). Ce choix reflète les préférences synesthésiques de Placeholder McDPlaceholder McD, ainsi que la volonté de Harry d'inclure des choses que j'aime dans ses articles.

Le div tableb séparera également les cellules au sein des tableaux.

Ceci est un tableau CASSÉ ;
assez fun à tester !

Code source

#content-wrap .page-rate-widget-box .rateup,
#content-wrap .page-rate-widget-box .ratedown {
    background: var(--ct_col_rate-primary);
}
 
#content-wrap .page-rate-widget-box .rate-points,
#content-wrap .page-rate-widget-box .rateup a,
#content-wrap .page-rate-widget-box .ratedown a,
#content-wrap .page-rate-widget-box .cancel a,
#content-wrap .page-rate-widget-box .creditButton a {
    color: var(--ct_col_rate-secondary);
}
 
#content-wrap .page-rate-widget-box .rateup a:hover,
#content-wrap .page-rate-widget-box .ratedown a:hover,
#content-wrap .page-rate-widget-box .cancel a:hover,
#content-wrap .page-rate-widget-box .creditButton a:hover {
    background: var(--ct_col_rate-link-hover);
    color: var(--ct_col_rate-primary);
}
:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License