Thème de la Carte mère

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.

Ceci est le thème Carte mère. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include component:motherboard-theme]]

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:component:motherboard-theme]]

Image d'exemple.

Ceci est un lien

Ceci est un lien déjà visité

Ceci est un lien inexistant

Texte avec une note de bas de page¹

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 permet aussi d'utiliser des éléments personnalisés que vous pouvez utiliser comme ceci :

Voici un "newblock" :

[[div class="newblock"]]
Texte
[[/div]]

Texte

Et voici un "oldblock" :

[[div class="oldblock"]]
Texte
[[/div]]

Texte

Si vous placez un délimiteur "-----" à l'intérieur d'une div "fancyhr", cela donne ceci :

[[div class="fancyhr"]]
-----
[[/div]]

Vous pouvez également enclore n'importe quel élément dans une bordure spéciale avec la classe "fancyborder" :

[[div_ class="fancyborder"]]
Texte
[[/div]]

Texte

La police principale est Texturina.
La police de l'en-tête est Charm.
La police du titre est Charm.
La police monospace est Recursive Mono.

/* Thème de la Carte mère par LAN 2D 
* Thème Wikidot 2022
*    Basé sur le thème Dust Jacket par Woedenaz et le thème Black Highlighter par Woedenaz et Croquembouche, le thème Archives fantômes par UncertaintyCrossing, le thème REDTAPE par Rounderhouse, et le thème Aesthetic par Woedenaz
* Text0ure de fond et d'en-1tête basées sur DAVID ILIFF https://en.wikipedia.org/wiki/File:Hong_Kong_Skyline_Restitch_-_Dec_2007.jpg et éditées par LAN 2D, publié sous licence CC BY 3.0
* L'image, la texture cyber sous la barre supérieure, les textures de la fancy rule et de la fancy border ont toutes été créées par LAN 2D et publiées sous licence CC BY SA 3.0
* Les polices utilisées sont  */
 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quantico:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
 
/*Importation du thème Dust Jacket*/
@import url("https://wanderers-library.wikidot.com/component:theme/code/1");
 
    :root {
        /* Intégration dans S-CSS-P */
        /* Si vous faites un nouveau thème CSS, incluez au minimum les trois variables suivantes. */
        --theme-base: "nuscp";
        /* soit "nuscp" soit "sigma9" */
        --theme-id: "motherboard-theme";
        /* indiquez ici l'URL de la page de votre thème - par exemple pour "component:ar-theme", indiquez "ar-theme" */
        --theme-name: "Thème de la Carte mère";
        /* indiquez ici le nom complet de votre thème */
 
        /* En-tête */
       --header-title: "LE RÉSEAU";
       --gradient-header: url("http://fondationscp.wdfiles.com/local--files/component%3Amotherboard-theme/city%20skyline%202.png");       
       --logo-image: url("http://fondationscp.wdfiles.com/local--files/component%3Amotherboard-theme/hex%20header%209.png");
       --header-h1-font-size: calc(var(--base-font-size) * 4);
 
        /* Polices */
        --body-font: 'Open Sans', sans-serif;
        --header-font: 'Quantico', sans-serif;
        --title-font: 'Quantico', sans-serif;
        --UI-font: 'Orbitron', sans-serif;
 
        /* Couleurs standard */
        --white-monochrome: 217, 233, 251; /* white */
       --pale-gray-monochrome: 189, 0, 255; /* magenta? */
        --light-pale-gray-monochrome: 170, 207, 251; /* very light blue */
        --very-light-gray-monochrome: 26, 139, 235; /* mid-blue */
        --light-gray-monochrome: 26, 139, 235; /* mid-blue */
        --gray-monochrome: 21, 64, 191; /* darker blue */
        --dark-gray-monochrome: 6, 6, 75; /* very dark blue */
        --black-monochrome: 14, 12, 45; /* navy blue */
        --bright-accent: 1, 245, 252; /* neon blue */
        --less-bright-accent: 0, 221, 227; /* less neon blue */
        --pale-accent: var(--pale-gray-monochrome);
        --dark-accent: 93, 1, 252; /* purple*/
        --medium-accent: var(--dark-accent);
        --newpage-color: var(--less-bright-accent); /* neon blue */
        --neon-pink: 234, 0, 217;
 
        --toggle-roundness: 0%;
       --toggle-border-width: 2px;
 
        --swatch-text-general: var(--swatch-text-light);
        --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
        --tabs-selected-txt: var(--dark-gray-monochrome);
 
        --ui-wght: 700;
        --ui-hvr-wght: 900;
 
        --ui-button-hover-txt: var(--dark-gray-monochrome);
 
        /* ===COULEURS SECONDAIRES ET TERTIAIRES=== */
        /* Editer ces éléments affectera une grand majorité d'éléments du thème. Utile pour faire des thèmes sombres */
 
        /* Couleurs du texte pour les éléments secondaires et tertiaires comme le bloc de citation et les onglets Yui */
        --swatch-secondary-color: var(--swatch-menubg-dark-color);
        --swatch-tertiary-color: var(--swatch-menubg-light-color);
        --swatch-alternate-color: var(--swatch-primary);
 
        /* Couleurs du texte pour les éléments secondaires et tertiaires comme les titres de la barre latérale et le texte des menus de la barre supérieure */
        --swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
        --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
        --swatch-headerh2-color: var(--dark-gray-monochrome);
 
        --swatch-topmenu-border-color: var(--bright-accent);
        --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
 
        /* ===COULEURS DE FOND DU MENU=== */
        --swatch-menubg-color: var(--black-monochrome);
 
        --swatch-border-color: var(--medium-accent);
 
        --rating-module-text-color: var(--bright-accent);
        --rating-module-button-color: var(--bright-accent);
 
        --swatch-background: var(--black-monochrome, 14, 12, 45);
 
        --rating-module-text-color: var(--dark-gray-monochrome);
        --rating-module-button-color: var(--dark-gray-monochrome);
 
        /* ===TAILLES DE POLICES DES TITRES D'EN-TÊTE=== */
        --header-h2-font-size: calc(var(--base-font-size) * 0.8);
 
        --scrollbar-width: 0.5rem;
    }
 
    #header {
        /* ===ÉLÉMENTS D'EN-TÊTE=== */
 
        /* ===barre de recherche=== */
        --search-icon-color: var(--swatch-primary);
        --search-icon-bg-color: var(--black-monochrome);
        --search-icon-hover-color: var(--swatch-primary);
        --search-icon-hover-bg-color: var(--swatch-primary);
        --search-icon-focus-color: var(--black-monochrome);
        --search-icon-focus-bg-color: var(--medium-accent);
        --search-focus-outline-color: var(--medium-accent);
        --search-textbox-text-color: var(--swatch-text-tertiary-color);
        --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
    }
 
    #top-bar {
        /* ===ÉLÉMENTS DE LA BARRE SUPÉRIEURE=== */
 
        /* ===CATÉGORIES DE LA BARRE SUPÉRIEURE=== */
        --topmenu-category-color: var(--bright-accent);
        --topmenu-category-hover-color: var(--bright-accent);
 
        --mobile-topmenu-sidebar-button-color: var(--bright-accent);
 
        /* ===MENU DÉROULANT=== */
        --dropdown-bg-color: var(--swatch-secondary-color), 0.8;
        --dropdown-links-color: var(--swatch-text-tertiary-color);
        --dropdown-links-hover-color: var(--swatch-text-secondary-color);
    }
 
    #side-bar {
        /* ===ÉLÉMENTS DE LA BARRE LATÉRALE=== */
 
        /* ===ÉLÉMENTS GÉNÉRAUX DE LA BARRE LATÉRALE=== */
        --sidebar-resources-bg-color: 0, 0, 0, 0;
        --sidebar-media-bg-color: 0, 0, 0, 0;
 
        /* ===MENU DU BLOC LATÉRAL=== */
        --sideblock-bg-color: 0, 0, 0, 0;
        /* Transparent */
 
        /* ===ÉLEMENTS DU MENU=== */
        --sidebar-links-text: var(--swatch-primary);
        --sidebar-links-hover-bg-color: var(--medium-accent);
        --sidebar-links-hover-text-color: var(--neon-pink);
    }
 
    #license-area {
        --license-link-hover-color: var(--swatch-text-secondary-color);
    }
 
    ::-moz-selection {
        background: rgb(var(--less-bright-accent));
        color: rgb(var(--black-monochrome));
    }
 
    ::selection {
        background: rgb(var(--less-bright-accent));
        color: rgb(var(--black-monochrome));
    }
 
    html {
        background: white;
    }
 
    html,
    body {
        font-feature-settings: "onum"0;
        font-variant-numeric: tabular-nums;
    }
 
 #header::before{
    background-size: auto 7.5rem;
    opacity: 1.0;
}
 
#header h1 a::before {
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1.0;
    pointer-events: none;
    content: "LE RÉSEAU";
    content: var(--header-title);
    color: rgb(1, 245, 252);
text-shadow: 2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000;
}
  #header h1 a::after {
        color: rgb(var(--bright-accent));
        background:
            linear-gradient(to top,
                rgb(var(--bright-accent)) 0%,
                rgb(var(--bright-accent)) 30%,
                rgb(var(--light-gray-monochrome)) 50%,
                rgb(var(--neon-pink)) 80%,
                rgb(var(--neon-pink)) 90%);
        background-size: contain;
        overflow-wrap: normal;
        z-index: 1;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
 #extra-div-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(0deg, rgba(25, 0, 215,1) 35%, rgba(56, 18, 144,1) 97%);
    pointer-events: none;
    opacity: 0.5;
}
div#extra-div-1 {
     z-index: 0;
}
    #side-bar,
    #side-bar:hover {
        background: linear-gradient(to bottom,
                rgb(var(--black-monochrome)) 0%,
                rgb(var(--dark-gray-monochrome)) 50%,
                rgb(var(--dark-accent)) 100%);
        background-size: 400vh;
        background-origin: border-box;
        background-position: top left;
    }
.hovertip .content {
        color: rgb(var(--black-monochrome));
        background-color: rgb(var(--bright-accent));
}
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    height: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-image-source: url(http://fondationscp.wdfiles.com/local--files/component%3Amotherboard-theme/fancyhr%20cyber%20final.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
.fancyborder {
    box-sizing: border-box;
    padding: 2vw;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    border-image: url("http://fondationscp.wdfiles.com/local--files/component%3Amotherboard-theme/cyberfancy%20border%20final.png") 600 round;
    border-image-width: 6;
}
#login-status #account-options {
    display: block!important;
    z-index: 12;
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 10em;
    margin: 0.25em 0 0;
    padding: 0;
    overflow: hidden;
    background-image: var(--black-monochrome);
    background-color: rgb(var(--login-dropdown-bg-color));
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
}
#account-options {
    background: var(--black-monochrome);
}
#page-content table.wiki-content-table th {
    --wght: calc(var(--ui-wght) + 200);
    padding: 0.5em 1em;
    background: rgb(var(--bright-accent));
    color: rgb(var(--tables-header-txt));
    font-weight: var(--wght);
}
 .oldblock {
    margin: 1.25rem;
    padding: 0.75rem;
    border: solid 0.2rem rgb(var(--bright-accent));
    background: rgb(var(--light-pale-gray-monochrome));
    color: black;
}
.newblock {
    margin: 1.25rem;
    padding: 0.75rem;
    border: 0.25rem outset rgb(var(--medium-accent));
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-monochrome));
}
.wlnavbar .footer-wikiwalk-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
    font-weight: 400;
    letter-spacing: 0.025em;
    color: rgba(var(--bright-accent));
}
.wlnavbar .left > a::before {
    content: "?";
    color: rgb(var(--white-monochrome));
    left: -1em;
    transition: left 1s ease-in-out;
    will-change: left;
    -webkit-animation: bounce-left 1.7s infinite;
    animation: bounce-left 1.7s infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.wlnavbar .right > a::before {
    content: "?";
    color: rgb(var(--white-monochrome));
    right: -1em;
    transition: right 1s ease-in-out;
    will-change: right;
    -webkit-animation: bounce-right 1.7s infinite;
    animation: bounce-right 1.7s infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.hovertip .f-heading {
color: rgb(var(--black-monochrome));
}
.bibitems .title, .footnotes-footer .title {
    --wght: 700;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -0.75em;
    padding: 0 0.5em;
    background-color: rgb(var(--footnotes-footer-title-bg-color));
    color: rgb(var(--white-monochrome));
    font-weight: var(--wght);
    font-size: 1.25em;
}
    /* Tailles de polices d'en-tête sur mobile */
    @media only screen and (max-width: 36rem) {
        :root {
            /* ===TAILLES DE POLICES DES TITRES D'EN-TÊTE=== */
            --header-h1-font-size: calc(var(--base-font-size) * 3);
            --header-h2-font-size: calc(var(--base-font-size) * 0.7);
        }
    }
 
    @media only screen and (max-width: 21.875rem) {
        :root {
            /* ===TAILLES DE POLICES DES TITRES D'EN-TÊTE=== */
            --header-h1-font-size: calc(var(--base-font-size) * 2);
            --header-h2-font-size: calc(var(--base-font-size) * 0.7);
        }
    }
 
    #top-bar {
        font-size: var(--base-font-size);
    }
 
    #top-bar div.top-bar>ul>li>ul>li>a {
        --wght: 600;
    }
 
    #side-bar div.menu-item {
        --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
        border-bottom: 0.0625rem solid rgb(var(--swatch-border-color));
        border-top: 0.0625rem solid rgb(var(--swatch-border-color));
        margin-top: -0.0625rem;
        text-shadow: .063rem .063rem .063rem var(--text-shadow);
    }
 
    #side-bar div.menu-item> :not(:nth-child(2)):not(.collapsible-block) {
        border-left: 0.0625rem solid rgb(var(--swatch-border-color));
    }
#content-wrap {
    background-image:     
                linear-gradient(to bottom,
               rgb(70, 4, 191) 0rem,
                rgb(var(--black-monochrome)) 28rem);;
}
#content-wrap { position: relative; }
#content-wrap::before {
  content: "";
  position: absolute;
  height: 30%; width: 100%; top: 0; left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Amotherboard-theme/cyberdrop%20OG%202.png);
  opacity: 0.9;
}
 
    #side-bar div.menu-item a,
    #side-bar div.menu-item a:visited,
    #side-bar div.menu-item .text {
        --text-shadow: rgb(var(--black-monochrome));
        letter-spacing: 0.1em;
        word-spacing: 0.1em;
    }
 
    #side-bar div.menu-item a::before,
    #side-bar div.menu-item a:hover::before {
        color: var(--dark-accent);
    }
 
    #side-bar .heading {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
 
    #side-bar .heading p,
    #side-bar .side-block>.collapsible-block .collapsible-block-link {
        --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
        --ui-hvr-wght: 900;
        letter-spacing: 0.05rem;
        font-size: 1.25rem;
        position: relative;
        display: flex;
        justify-content: center;
        margin: 1rem 0 1rem 0.5rem;
        color: rgb(var(--pale-gray-monochrome));
        font-family: var(--header-font);
        text-transform: none;
    }
 
    #side-bar .side-block[style*="background-color:"] .heading {
        margin-top: .25rem;
    }
 
    #side-bar .heading p::after,
    #side-bar .side-block>.collapsible-block .collapsible-block-link::after {
        bottom: -0.6rem;
    }
 
    #side-bar .heading p::before,
    #side-bar .side-block>.collapsible-block .collapsible-block-link::before {
        top: -0.6rem;
    }
 
    #main-content {
        z-index: 1;
        position: relative;
    }
 
    #main-content a:not([href*="javascript"]):not([href*="classification-"]),
    #main-content a:not([href*="javascript"]):not([href*="classification-"]):visited,
    #main-content div.collapsible-block a,
    #main-content div.collapsible-block a:visited {
        --wght: var(--ui-wght);
        background-color: rgb(var(--swatch-primary));
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 0.4em 0 0.2em;
        color: rgb(var(--swatch-background));
        box-shadow: 0.25em 0.25em 0 0 rgb(var(--swatch-primary-darker));
        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-box-decoration-break: clone;
                box-decoration-break: clone;
    }
 
    #main-content a:not([href*="javascript"]):not([href*="classification-"]):hover,
    #main-content div.collapsible-block a:hover {
       --wght: var(--ui-hvr-wght);
        background-color: rgb(var(--swatch-primary-darker));
        color: rgb(var(--white-monochrome));
        text-decoration: none;
        box-shadow:
            0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
            0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
}
 
    #main-content a:not([href*="javascript"]):not([href*="classification-"]):active,
    #main-content div.collapsible-block a:active {
        --wght: var(--ui-hvr-wght);
        background-color: rgb(var(--swatch-primary-darker));
        color: rgb(var(--swatch-background));
        text-decoration: none;
        box-shadow:
            0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
            0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
    }
 
    #main-content a:not([href*="javascript"]):not([href*="classification-"]):focus-within,
    #main-content div.collapsible-block a:focus-within {
        --wght: var(--ui-hvr-wght);
        background-color: rgb(var(--swatch-primary-darker));
        color: rgb(var(--swatch-background));
        text-decoration: none;
        box-shadow:
            0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
            0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
    }
 
    #main-content a.footnoteref,
    #main-content a.footnoteref:visited {
        --wght: var(--ui-wght);
        background-color: rgb(var(--swatch-primary));
        width: 1em;
        height: 1.1em;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 0.4em 0 0.2em;
        color: rgb(var(--swatch-background));
        box-shadow: 0.25em 0.25em 0 0 rgb(var(--swatch-primary-darker));
        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }
 
    #main-content a.footnoteref:hover,
    #main-content a.footnoteref:active {
        --wght: var(--ui-hvr-wght);
        background-color: rgb(var(--swatch-primary-darker));
        color: rgb(var(--swatch-background));
        box-shadow:
            0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
            0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
    }
 
    a.footnoteref:focus-within {
        --wght: var(--ui-hvr-wght);
        background-color: rgb(var(--swatch-primary-darker));
        color: rgb(var(--swatch-background));
        box-shadow:
            0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
            0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
    }
 
#login-status span.printuser {
    --wght: var(--ui-wght);
    margin-right: 0.5em;
    color: rgb(var(--bright-accent));
    font-weight: var(--wght);
}
 
#login-status a#my-account, #login-status a[href*="account/messages"] {
    color: rgb(var(--bright-accent));
}
 
#login-status #account-options li>a, #login-status #account-options li>a:visited {
    color: rgb(var(--bright-accent));
}
 
    #page-title,
    .meta-title {
        color: rgb(var(--bright-accent));
        border-color: rgba(0, 0, 0, 0);
    }
 
  #page-title::before,
    #page-title::after,
    .meta-title::before,
    .meta-title::after {
        background-image:
            linear-gradient(30deg,
                rgb(var(--bright-accent), 0.8) 0%,
                rgb(var(--dark-accent), 0.3) 50%,
                rgba(var(--bright-accent), 1) 100%);
        background-size: 100%;
        background-color: rgb(var(--bright-accent));
        height: 0.125rem;
    }
 
    blockquote,
    .blockquote {
        background-color: rgba(var(--gray-monochrome), 0.25);
        border: 0.0625rem solid rgb(var(--swatch-border-color));
    }
 
    blockquote:nth-of-type(odd) {
        border-color: rgb(var(--swatch-border-color));
    }
 
    blockquote:nth-of-type(even) {
        border-color: rgb(var(--swatch-primary));
    }
 
    table.wiki-content-table th {
        background: rgb(var(--swatch-primary-darker));
        color: rgb(var(--dark-gray-monochrome));
    }
 
    table.wiki-content-table,
    table.wiki-content-table th,
    table.wiki-content-table td {
        border: .0625rem solid rgba(var(--swatch-border-color), 1) !important;
        border-collapse: collapse;
    }
 
    .code {
        background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
        border-color: rgb(var(--swatch-border-color));
    }
 
    .hl-main {
        -webkit-filter: invert(1) hue-rotate(180deg);
                filter: invert(1) hue-rotate(180deg);
    }
 
    .scp-image-block .scp-image-caption {
        background-color: rgba(var(--swatch-menubg-dark-color), 0.25);
    }
 
    .scp-image-block img {
        border: 0.0625rem solid rgba(var(--swatch-border-color));
    }
 
    a:visited {
        color: rgb(var(--swatch-primary-darker));
    }
 
    h1 {
        color: rgb(var(--swatch-primary)) !important;
    }
 
    hr {
        border-top: none;
        position: relative;
        height: 0.35rem;
        background: rgba(0, 0, 0, 0);
        display: flex;
    }
 
    hr::before {
        content: " ";
        position: absolute;
        top: 0.1125rem;
        left: 0;
        border-top: none;
        width: 100%;
        height: 0.125rem;
        background: rgba(var(--bright-accent), 1);
        background-position: center center;
        -webkit-filter: blur(0.04rem);
                filter: blur(0.04rem);
    }
 
    .page-rate-widget-box {
        background: linear-gradient(to top left, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important;
    }
 
    form#edit-page-form {
        background-color: rgba(var(--dark-accent), 0.25);
        border: 0.0625rem solid rgb(var(--light-gray-monochrome));
    }
 
}
 @media only screen and (max-width: 28.125rem) {
  #header::before{
    background-size: auto 4rem;
}
}
 
    @media only screen and (max-width: 56.25rem) {
 
        #side-bar .heading p,
        #side-bar .side-block>.collapsible-block .collapsible-block-link {
            font-size: 1em;
        }
    }
 
    @-webkit-keyframes fade-in {
        from {
            opacity: 0;
            box-shadow: 0.25em 0.25em 0 0 rgb(var(--swatch-primary-darker));
        }
 
        to {
            opacity: 1;
            box-shadow:
                0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
                0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
        }
    }
 
    @keyframes fade-in {
        from {
            opacity: 0;
            box-shadow: 0.25em 0.25em 0 0 rgb(var(--swatch-primary-darker));
        }
 
        to {
            opacity: 1;
            box-shadow:
                0.125em 0.125em 0 0 rgb(var(--swatch-primary)),
                0.3625em 0.3625em 0 0 rgb(var(--pale-gray-monochrome));
        }
    }
}
 
div[id*="page-options-bottom"]:not(.page-rate-widget-box):not(#search-top-box-form) > a.btn {
    box-shadow: inset 2em 0 0 0 rgb(var(--bright-accent));
}
 
:not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a,
:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input,
:not(.page-rate-widget-box):not(#search-top-box-form) > input.button,
:not(.page-rate-widget-box):not(#search-top-box-form) > button,
:not(.page-rate-widget-box):not(#search-top-box-form) > .button,
:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input,
:not(.page-rate-widget-box):not(#search-top-box-form) > input.button,
:not(.page-rate-widget-box):not(#search-top-box-form) > button,
:not(.page-rate-widget-box):not(#search-top-box-form) > .btn {
    border-radius: 0.0rem;
}
.yui-navset .yui-nav li,
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li a::before {
    border-radius: 0rem 0rem 0 0;
}
#main-content {
    --tabs-selected-txt: var(--dark-gray-monochrome);
 
    --ui-icon-color: var(--dark-gray-monochrome);
    --ui-icon-hover-color: var(--dark-gray-monochrome);
}
 
.yui-navset .yui-content {
    background-color: rgba(9, 41, 106, 1.0);
}
 
.blockquote, blockquote {
    background-color: rgba(9, 41, 106, 1.0);
}
@supports(display: grid)  {
 
.hovertip .footnote {
    background-color: rgb(var(--bright-accent));
}
}
 
@supports (display: grid) {
#side-bar div.menu-item {
    --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, ));
    border-bottom: 0.0625rem solid rgb(var(--pale-gray-monochrome));
    border-top: 0.0625rem solid rgb(var(--pale-gray-monochrome));
    margin-top: -0.0625rem;
    text-shadow: 0.063rem 0.063rem 0.063rem var(--text-shadow);
}
}
.collection .collapsible-block-folded .collapsible-block-unfolded-link {
    margin: auto;
    border: 0.125rem solid white;
    background-color: rgba(var(--bright-accent), 0.7);
}
.collection .collapsible-block-unfolded-link {
    margin: auto;
    border: 0.125rem solid white;
    background-color: rgba(var(--bright-accent), 0.5);
}

thème

Fondation SCP

Sécuriser, Contenir, Protéger

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

Autres sites dignes d'intérêt

时间轴书店

Horizons

Women's Film History Network

Igor

Fondation SCP

Sécuriser, Contenir, Protéger

Crédits

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

Autres sites dignes d'intérêt

时间轴书店

Horizons

Women's Film History Network

Igor