Thème Sigma-9 La Fondation

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.

---

Notation :

Utilisation

Ce thème est une version Sigma-9 du thème CSS La Fondation fonctionnant sous Enlumineur Noir créé pour SCP-4485.

Ce thème est destiné à être utilisé sur les articles qui font état de documents réservés au personnel de haut niveau.

Pour appliquer ce thème sur une page, mettez ceci après le module de crédits :

[[include theme:the-foundation-sigma]]

Vous pouvez voir les liens entrants d'une page en cliquant sur "+ Options" en bas, puis sur "Liens entrants".

Exemples

Un trait horizontal peut être créé grâce à 4 traits d'union "——", il s'étend sur toute la largeur de la page s'il n'est pas placée à l'intérieur de quelque chose (par exemple un bloc de citation). Les lignes séparant les sections de ce document sont des traits horizontaux.

Les titres peuvent être créés en mettant entre un et six plus "+" au début d'une ligne.

+ Titres

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Un onglet

Ceci est un onglet.

Test

Test

Un autre onglet

Hé regarde, il y a plus de texte ici.

Surprenant.

Onglet long

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

Onglet vide

Onglet vide

Onglet vide

Onglet vide

Ceci est un bloc de citation, il est possible d'en faire en mettant ">" au début de chaque ligne.

Plus de texte

---

C'est un trait horizontal

Des blocs de citation imbriqués

C'est un	tableau
Tu devrais	déjà savoir
comment les faire

---

Code source

+ show block

Ce modèle n'est pas en usage sur le site afin de préserver la cohérence de la disposition des éléments de page. Pour plus d'informations, voir Charte technique.

/*
    The Foundation Sigma-9 Theme
    [2023 Wikidot Theme]
    By macro_au_micro
    Adapted from The Foundation BHL Theme by Woedenaz
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan
*/
 
@import url("https://use.typekit.net/cjg4ysl.css");
 
:root {
    --body-font: "franklin-gothic-urw", sans-serif;
    --header-font: "titling-gothic-fb-compressed", sans-serif;
    --title-font: "hypatia-sans-pro", sans-serif;
    --mono-font: "IBM Plex Mono", monospace;
    --white-monochrome: 252, 252, 252;
    --pale-gray-monochrome: 244, 244, 244;
    --very-light-gray-monochrome: 215, 215, 215;
    --light-gray-monochrome: 200, 0, 5;
    --gray-monochrome: 66, 66, 72;
    --dark-gray-monochrome: 48, 48, 52;
    --black-monochrome: 12, 12, 12;
    --bright-accent: 133, 0, 5;
    --medium-accent: 100, 46, 44;
    --dark-accent: 100, 3, 15;
 
    --gradient-header: linear-gradient(to bottom,rgba(var(--light-gray-monochrome),1) 0,rgba(var(--light-gray-monochrome),0.987) calc(40rem*0.008),rgba(var(--light-gray-monochrome),0.951) calc(40rem*0.029),rgba(var(--light-gray-monochrome),0.896) calc(40rem*0.064),rgba(var(--light-gray-monochrome),0.825) calc(40rem*0.11),rgba(var(--light-gray-monochrome),0.741) calc(40rem*0.166),rgba(var(--light-gray-monochrome),0.648) calc(40rem*0.231),rgba(var(--light-gray-monochrome),0.550) calc(40rem*0.304),rgba(var(--light-gray-monochrome),0.450) calc(40rem*0.383),rgba(var(--light-gray-monochrome),0.352) calc(40rem*0.467),rgba(var(--light-gray-monochrome),0.259) calc(40rem*0.554),rgba(var(--light-gray-monochrome),0.175) calc(40rem*0.644),rgba(var(--light-gray-monochrome),0.104) calc(40rem*0.735),rgba(var(--light-gray-monochrome),0.049) calc(40rem*0.825),rgba(var(--light-gray-monochrome),0.013) calc(40rem*0.914),rgba(var(--light-gray-monochrome),0) 40rem);
 
    --ct_col_m_sidebar-bg: transparent;
 
    scrollbar-color: rgb(var(--dark-gray-monochrome)) rgb(var(--bright-accent));
}
 
::-moz-selection {
    background: rgba(var(--bright-accent),.25);
    text-shadow: none;
}
 
::selection {
    background: rgba(var(--bright-accent),.25);
    text-shadow: none;
}
 
/* HEADER */
div#container-wrap,
div#header {
    background-image: none;
}
 
#extra-div-1 {
    position: absolute;
    width: 100%;
    height: 12.25rem;
    top: 0;
    left: 0;
    pointer-events: none;
    background: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-header-img.png');
    background-position: center center;
}
 
div#extra-div-2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 40rem;
    top: 0px;
    left: 0;
 
    background: var(--gradient-header);
    background-size: 31.250rem;
    background-repeat: repeat;
    z-index: -2;
}
 
div#extra-div-3 {
    height: 22px;
    width: 100%;
    top: 196px;
    position: absolute;
    background-color: rgb(var(--dark-accent));
} /* red top bar */
 
#header h1 {
    margin-left: 0;
    float: none;
    text-align: center;
}
 
#header h1 span {
    display: none;
}
 
#header h1 a::before {
    color: rgba(var(--white-monochrome));
    text-shadow: none;
    letter-spacing: 0.1em;
    font-family: var(--header-font);
}
 
#header h1 a::before {
    content: "LA FONDATION";
    font-weight: 100;
    font-size: calc(2.75rem + (4.5 - 2.75) * ((100vw - 18.750rem) / (60 - 18.750)));
    line-height: 0.5;
}
 
#header h2 span {
    display: none;
}
 
@media (max-width: 767px) {
    #header h1 a::before {
        font-size: calc(4.75rem + (4.5 - 2.75) * ((100vw - 18.750rem) / (60 - 18.750)));
        line-height: 0.8;
    }
}
 
#content-wrap {
    margin: 82px auto 0;
}
 
#page-content {
    font-size: 0.938rem;
}
 
#login-status {
    flex-grow: 1;
    left: -4%;
    right: initial;
}
 
#search-top-box {
    right: 4%;
    top: 0.5rem;
}
 
 @media (max-width: 767px){
     #search-top-box{
          top: 0.5;
          right: 0;
          font-size: 80%;
    }
     #login-status{
          top: 0.1;
          left: 0;
          font-size: 80%;
    }
    #my-account{
         display: none;
    }
}
 
/* LOG-IN INFO */
#login-status {
    color: rgb(var(--white-monochrome));
}
#login-status a {
    color: rgb(var(--white-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--bright-accent));
    background: rgb(var(--white-monochrome));
}
 
#login-status ul a:hover {
   color: rgb(var(--dark-accent));
   font-weight: bold;
}
 
/* SEARCH BAR */
#search-top-box-input {
    display: none;
}
#search-top-box-input:hover, #search-top-box-input:focus {
    border: solid 1px rgb(var(--white-monochrome));
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--light-gray-monochrome));
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    background: rgb(var(--bright-accent));
    color: rgb(var(--white-monochrome));
    transition: background 0.25s;
}
#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
    background: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
}
 
/* TITLE */
#page-title,h1,h2,h3,h4,h5,h6 {
    color: rgb(var(--light-gray-monochrome)) !important;
    font-family: var(--title-font);
    font-weight: 900;
}
 
#page-title {
    font-size: 210%;
    font-family: 'IMB Plex Mono';
    font-weight: 600;
    margin: 0 0 .6em;
    padding: 0 0 .25em;
    border-bottom: .0625rem solid rgb(var(--gray-monochrome));
    border-color: rgb(var(--dark-accent));
}
 
#page-title, #breadcrumbs {
    text-align: center !important;
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    font-family: var(--title-font);
    color: rgb(var(--black-monochrome));
}
 
@media only screen and (max-width: 768px) {
    #page-title {
     font-size: 2em;
    }
 
    table.wiki-content-table tr {
     flex-wrap: wrap;
    }
 
    table.wiki-content-table tr > td {
     min-width: 100%;
     font-size: 1rem;
     padding: 0.5rem;
    }
}
 
/* TOP-BAR SETTINGS */
#top-bar {
    top: 196px;
    display: flex;
    justify-content: center;
}
 
#top-bar ul li ul {
    border: 0px;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #ea9fa1;
    color: rgb(var(--white-monochrome));
}
#top-bar ul li a {
    color: rgb(var(--white-monochrome));
    font-family: var(--title-font);
    text-transform: uppercase;
}
 
#top-bar ul li:hover a {
    background: #f6d9dA;
    color: rgb(var(--white-monochrome));
    border-color: rgb(var(--bright-accent));
}
 
#top-bar ul li ul {
    background-color: rgb(var(--light-gray-monochrome)) !important;
}
#top-bar ul li ul a {
    color: rgb(var(--light-gray-monochrome)) !important;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background-image: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
}
#top-bar ul li ul.sfhover:hover,
#top-bar ul li ul:hover a:hover {
    background: white;
}
 
#top-bar div[class*="top-bar"] > ul > li.sfhover > a,
#top-bar div[class*="top-bar"] ul li:hover a:hover {
    background-image: url('https://scp-wiki.wikidot.com/local--files/theme:the-foundation-theme/foundation-circles-bg.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
    color: white;
}
 
#top-bar ul li ul li a, #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    background: #f6d9dA;
}
 
#top-bar ul li ul li:hover a, #top-bar ul li.sfhover ul li:hover a {
    background: white !important;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: none;
    color: white;
    background-image: linear-gradient(125deg,rgba(var(--bright-accent),.75) 25%,transparent 25%,transparent 50%,rgba(var(--bright-accent),.75) 50%,rgba(var(--bright-accent),.75) 75%,transparent 75%,transparent 100%);
    background-size: 0.9rem 1.305rem;
    background-color: rgb(var(--dark-accent));
    border: solid 1px rgb(var(--dark-accent));
}
 
.c_topbar_arrow {
    color: rgb(var(--white-monochrome));
}
 
/* SIDE-BAR SETTINGS */
 
#side-bar {
    background-color: transparent;
}
 
div#side-bar {
    -webkit-background-image: linear-gradient(to bottom, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--dark-gray-monochrome), 0.55) 100%), url("https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png");
    background-image: linear-gradient(to bottom, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--dark-gray-monochrome), 0.55) 100%), url("https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png");
    background-size: cover, 125vh !important;
    background-position: -28rem center !important;
    background-blend-mode: multiply, normal !important;
    background-color: rgb(9,9,11);
    font-weight: bold;
    color: white;
}
 
#side-bar a, #side-bar a:visited {
    color: white;
}
 
#side-bar .side-block,
#interwiki .side-block {
    border: transparent;
    border-radius: 0;
    padding: 5px 15px;
    box-shadow: none;
    background-color: transparent;
    direction: ltr;
}
 
#side-bar .side-block.resources, #side-bar .side-block.media  {
    background-color: transparent;
    position: relative;
    margin-bottom: 0.25em;
    padding: 0.75em 15px 0.5em;
}
 
#side-bar .heading,
#interwiki .heading {
    color: white;
    font-family: var(--title-font);
    text-transform: uppercase;
    font-size: 0.94rem;
    border-bottom-color: rgb(var(--dark-accent));
}
 
/* SIDE-BAR IMAGES */
.side-block .menu-item > .image {
    -webkit-filter: hue-rotate(-171deg);
            filter: hue-rotate(-171deg);
}
 
/* Patch pour hover imbriqué */
#top-bar ul li ul li ul {
    left: 159px;
}
 
/* MOBILE SIDE-BAR */
@media (max-width: 767px) {
#side-bar {
    background-color: rgb(var(--white-monochrome));
}
#top-bar .open-menu a {
    border: 0.2em solid rgb(var(--bright-accent));
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--bright-accent));
    }
}
 
/* BODY */
body {
    font-family: var( --body-font);
    font-weight: 400;
}
 
/* FOOTER */
#footer {
    background: rgb(var(--dark-accent));
}
 
/* LINKS */
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):not([href="#u-credit-view"]) {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--gray-monochrome));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome), 1);
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):not([href="#u-credit-view"]):hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent), 1);
    text-decoration: none;
    color: rgb(var(--white-monochrome))
}
 
/* RATING MODULE */
.page-rate-widget-box .rate-points {
    background-color: rgb(var(--dark-accent)) !important;
    border-color: rgb(var(--dark-accent));
    color: rgb(var(--pale-gray-monochrome));
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--pale-gray-monochrome));
    border-top-color: rgb(var(--dark-accent));
    border-bottom-color: rgb(var(--dark-accent));
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--dark-accent));
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: rgb(var(--dark-accent));
    color: rgb(var(--pale-gray-monochrome));
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--dark-accent));
    border-color: rgb(var(--dark-accent));
}
.page-rate-widget-box .cancel a {
    color: rgb(var(--bright-accent));
}
.page-rate-widget-box .cancel a:hover {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--pale-gray-monochrome));
}
 
/* TABLES */
table.wiki-content-table {
    border-collapse: collapse;
}
 
table.wiki-content-table td {
border-color: rgb(var(--light-gray-monochrome)) !important;
}
 
table.wiki-content-table th {
    color: rgb(var(--white-monochrome));
    border-color: rgb(var(--light-gray-monochrome)) !important;
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    text-transform: uppercase;
    background-color: rgb(var(--bright-accent));
}
 
/* TABVIEW */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    zoom: unset;
    display: flex;
    flex-wrap: wrap;
    border: none;
    width: calc(100% - 0.125rem);
    margin: 0 auto;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    zoom: unset;
    background-image: none;
    background-color: rgb(var(--pale-gray-monochrome));
    border: unset;
    font-weight: bold;
}
 
.yui-navset .yui-nav a:before {
    -webkit-clip-path: polygon(0 calc(100% - 0.25rem),calc(100% + 1rem) calc(100% - 0.25rem),calc(100% + 1rem) calc(100% + 1rem),0 calc(100% + 1rem));
    z-index: 0;
    position: absolute;
    top: 0;
    left: -.5%;
    width: 101%;
    height: 101%;
    background-color: rgb(var(--bright-accent));
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: repeat;
    content: " ";
    clip-path: polygon(0 calc(100% - 0.25rem),calc(100% + 1rem) calc(100% - 0.25rem),calc(100% + 1rem) calc(100% + 1rem),0 calc(100% + 1rem));
    pointer-events: none;
    transition: background 50ms cubic-bezier(.4,0,.2,1),clip-path .2s cubic-bezier(.4,0,.2,1),-webkit-clip-path .2s cubic-bezier(.4,0,.2,1) !important;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    zoom: unset;
    background-color: rgb(var(--bright-accent));
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: repeat;
    font-weight: bold;
    color: white;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: transparent;
    border-bottom: transparent;
    max-width: 100%;
    padding: 0;
    margin: 0;
    zoom: unset;
    display: flex;
    position: relative;
    flex-basis: 7vw;
    flex-grow: 2;
    box-shadow: none;
}
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display: flex;
    vertical-align: bottom;
    zoom: unset;
    width: 100%;
    align-items: center;
    justify-content: center;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    padding: 0.35em 0.75em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
 
.yui-navset .yui-nav li em {
    /* Undoes border set by wikidot's default layout */
    border: unset !important;
}
 
/* Selected Tab */
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    padding: 0;
    margin: 0;
    flex-grow: 2;
    background-image: none;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border: none !important;
    border-color: transparent;
    color: white;
}
 
.yui-navset .yui-nav .selected a {
     /* Undoes a color set by wikidot's default layout */
    color: rgb(252, 252, 252) !important;
    width: 100%;
    background-image: none;
}
 
.yui-navset .yui-content {
    background-color: rgb(250,250,250) !important;
    /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--light-gray-monochrome));
    /* content border */
}
 
.yui-navset-left .yui-content {
    border-left-color: #ffb961;
    /* different border color */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: repeat;
    cursor: default;
    margin-bottom: -2px;
    font-weight: bold;
}
 
/* IMAGE BLOCK */
 
.scp-image-block, .scp-image-caption {
    border-color: rgb(var(--dark-accent)) !important;
}
 
/* LINE */
#page-content hr {
    height: 0.5em;
    border: initial;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}
 
#page-content hr::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:the-foundation-theme/cons_circle.png');
    background-size: 100vh;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: repeat;
    -webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
    clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
    pointer-events: none;
}
 
/* BLOCKQUOTE */
 
blockquote {
    position: relative;
    margin: .5em 1.25rem;
    padding: .25em 1.25em;
    clear: both;
    border: none;
    background-color: rgba(var(--pale-gray-monochrome));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--light-gray-monochrome),.5),inset .0625rem 0 0 0 rgba(var(--light-gray-monochrome),.5),inset 0 -.0625rem 0 0 rgba(var(--light-gray-monochrome),.75);
}
 
/* OTHERS */
 
.title.modal-header {
    background-image: linear-gradient(125deg,rgba(var(--bright-accent),.75) 25%,transparent 25%,transparent 50%,rgba(var(--bright-accent),.75) 50%,rgba(var(--bright-accent),.75) 75%,transparent 75%,transparent 100%);
    background-size: 3rem 4.35rem;
    background-color: rgb(var(--dark-accent));
    color: white;
}
 
#odialog-container .owindow > div.modal-body > img[style*="padding: 2px 8px;"]:first-child {
  padding: 0 !important;
  box-shadow: 0 0 0 .25rem rgb(var(--dark-accent));
  margin-right: 1em;
}