Thème Dénouement

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 thème est celui initialement créé pour le dénouement final du cycle Ouroboros. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:ouroborous-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:theme:ouroborous-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

Asphalte--black-monochrome(15, 5, 5)

Sangria--bright-accent(153, 1, 0)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Fumée blache--pale-gray-monochrome(244, 244, 244)

Tundora--gray-monochrome(66, 66, 66)

Nuages chargés--light-gray-monochrome(133, 133, 133))

Tamarillo--medium-accent(140, 20, 25)

Baie rouge--dark-accent(153, 1, 0)

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

Code

@import url('https://fonts.googleapis.com/css?family=Play');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
/*
    Thème Dénouement
    [Thème Wikidot 2021 - CC BY-SA 3.0]
    Créé par Dr Lekter
    Basé sur le thème Sigma 9 par Aelanna,
    Le premier thème Dénouement (Sigma 9) par djkaktus
    Et le second thème Dénouement (Black Highlighter) par Woedenaz
*/
 
:root {
     /* Standard Colors */
     --white-monochrome: 246, 246, 246;
     /* white */
     --pale-gray-monochrome: 244, 244, 244;
     /* v light gray for blockquotes and stuff */
     --light-pale-gray-monochrome: 244, 244, 244;
     /* very light pale gray for misc. use */
     --very-light-gray-monochrome: 215, 215, 215;
     --light-gray-monochrome: 133, 133, 133;
     /* light accent gray for login status */
     --gray-monochrome: 66, 66, 66;
     /* gray */
     --dark-gray-monochrome: 59, 59, 59;
     /* dark accent gray for sidebar background */
     --black-monochrome: 15, 5, 5;
     /* black */
     --bright-accent: 185, 5, 4;
     /* bright red */
     --medium-accent: 140, 20, 25;
     /* medium red */
     --dark-accent: 153, 1, 0;
     /* dark red */
     --newpage-color: 221, 102, 17;
     /* pale orange */
 
    /* 1 Common */
    --ct_bg_body: #000; /*rgb(var(--black-monochrome))*/
    --ct_col_body-txt: rgb(var(--pale-gray-monochrome));
    --ct_col_h1-txt: rgb(var(--bright-accent));
    --ct_col_link: rgb(var(--bright-accent));
    --ct_col_link-visited: rgb(var(--medium-accent));
    --ct_col_link-newpage: rgb(var(--newpage-color));
 
    /* 2 Header */
    --ct_cnt_alt-header-txt: 'LA FONDATION';
    --ct_cnt_alt-slogan-txt: 'Bureau du superviseur';
    --ct_fns_alt-header-txt: 43.8px;
    --ct_fns_alt-slogan-txt: 13.4px;
    --ct_fns_header-txt: 0;
    --ct_fns_slogan-txt: 0;
    --ct_bg_header-image: url('http://www.kaktuskontainer.wikidot.com/local--files/component:thewayitendstheme/body_bg.png');
    --ct_bg_header-logo: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aouroborous-theme/ouroborous_logo.svg');
    --ct_fnt_header-txt: korolev-condensed, sans-serif;
    --ct_col_header-txt: rgb(var(--dark-accent));
    --ct_col_slogan-txt: rgb(var(--pale-gray-monochrome));
 
    /* 2 Account menu */
    --ct_col_account-menu-txt: #aaa;
    --ct_col_account-menu-link: #ddd;
    --ct_col_account-submenu-bg: #fff;
    --ct_col_account-submenu-link: #700;
    --ct_col_account-submenu-link-hover: #000;
    --ct_brd_account-submenu: 1px solid #888;
 
    /* 2 Search box */
    --ct_col_searchbox-txt: rgb(var(--pale-gray-monochrome));
    --ct_brd_searchbox-border: solid 1px rgb(var(--light-gray-monochrome));
    --ct_col_searchbox-highlight: rgb(var(--pale-gray-monochrome));
    --ct_brd_searchbox-highlight: solid 1px rgb(var(--light-gray-monochrome));
    --ct_col_searchbox-gradient-1: rgb(var(--black-monochrome));
    --ct_col_searchbox-gradient-2: rgb(var(--dark-accent));
    --ct_col_searchbox-gradient-3: rgb(var(--bright-accent));
    --ct_col_searchbox-gradient-4: rgb(var(--medium-accent));
 
    /* 2 Topbar */
    --ct_col_topbar-txt: rgb(var(--pale-gray-monochrome));
    --ct_col_topbar-link: rgb(var(--bright-accent));
    --ct_bg_topbar-item: rgb(var(--black-monochrome));
    --ct_bg_topbar-item-highlight: rgba(var(--dark-accent));
    --ct_brd_topbar-menu: solid 1px rgb(var(--dark-accent));
    --ct_brd_topbar-menu-hover: solid 1px rgb(var(--black-monochrome));
    --ct_brd_topbar-item: solid 1px rgb(var(--dark-accent));
    --ct_brd_topbar-item-hover: solid 1px rgb(var(--dark-accent));
 
    /* 2 Sidebar */
    --ct_shd_sidebar-block: 0 2px 6px rgba(var(--dark-accent),.5);
    --ct_col_sidebar-elements: rgb(var(--medium-accent));
    --ct_brd_sidebar-elements: solid 1px rgb(var(--bright-accent));
    --ct_bg_sidebar-default: rgb(var(--black-monochrome));
    --ct_bg_sidebar-blue: #200010;
    --ct_bg_sidebar-red: #250b00;
    --ct_bg_sidebar-green: #160e00;
    --ct_bg_sidebar-yellow: #201910;
    --ct_col_sidebar-subtext: rgb(var(--light-gray-monochrome));
 
    /* 3 Footer */
    --ct_bg_footer: rgb(var(--dark-accent,100,3,15));
    --ct_col_footer-txt: rgb(var(--gray-monochrome,66,66,72));
    --ct_col_footer-link: rgb(var(--light-gray-monochrome,66,66,72));
 
    /* 4 Content area */
    --ct_col_page-title: rgb(var(--black-monochrome));
    --ct_col_page-title-border: rgb(var(--medium-accent));
 
    /* 4 Rating module */
    --ct_col_rate-primary: rgb(var(--black-monochrome));
    --ct_col_rate-secondary: rgb(var(--dark-accent));
    --ct_brd_rate-primary: solid 1.5px var(--ct_col_rate-secondary);
    --ct_col_rate-cancel: rgb(var(--medium-accent));
    --ct_col_rate-link-hover: rgb(var(--bright-accent));
 
    /* 4 Standard image block */
    --ct_brd_image-block: solid 2px rgba(var(--dark-accent),.25);
    --ct_col_image-block-contrast: var(--ct_col_blockquote-bg);
 
    /* 4 Tabview (YUI-Tabs) */
    --ct_col_tab-bg: rgba(var(--dark-gray-monochrome), 0.5);
    --ct_col_tab-menu-bg-selected-txt: rgb(var(--pale-gray-monochrome));
    --ct_col_tab-menu-border: rgba(var(--dark-gray-monochrome), 0.8);
    --ct_col_tab-menu-bg: var(--ct_col_tab-menu-border);
    --ct_col_tab-menu-bg-hover: rgba(var(--medium-accent),0.7);
    --ct_col_tab-menu-bg-selected: rgb(var(--dark-accent));
    --ct_col_tab-menu-text: var(--ct_col_tab-menu-bg-selected-txt);
    --ct_brd_tab_content: 1px solid rgba(var(--dark-gray-monochrome), 0.9);
    --ct_col_tab_content-border-top: transparent;
 
    /* 4 Other page elements */
    --ct_col_toc-bg: var(--ct_col_blockquote-bg);
    --ct_brd_toc: 1px dashed rgba(var(--medium-accent), 0.5);
    --ct_col_blockquote-bg: rgba(var(--dark-gray-monochrome), 0.3);
    --ct_brd_blockquote: 1px dashed var(--ct_col_blockquote-bg);
    --ct_col_code-bg: var(--ct_col_blockquote-bg);
    --ct_col_code-border: var(--ct_col_code-bg);
 
    /* 7 Responsive Web Design */
    --ct_col_m_sidebar-bg: rgb(var(--black-monochrome));
    --ct_brd_m_sidebar: 1px solid rgb(var(--gray-monochrome));
    --ct_brd_m_sidebar-right: 1px solid rgb(var(--gray-monochrome));
    --ct_col_m_sidebar-button-bg: rgb(var(--black-monochrome));
    --ct_brd_m_sidebar-button: 0.2em solid rgb(var(--bright-accent));
    --ct_shd_m_sidebar-button: none;
}
 
/* TOPBAR */
 
#top-bar ul li:hover a,
#top-bar ul li ul li:hover a,
#top-bar ul li ul li ul li:hover a{
    color: rgb(var(--pale-gray-monochrome));
}
 
/* SIDEBAR */
 
#side-bar .heading {
    border-bottom: solid 1px rgb(var(--light-gray-monochrome));
}
 
#side-bar img {
    filter: hue-rotate(210deg);
    -webkit-filter: hue-rotate(210deg); brightness(120%); /* Safari 6.0 - 9.0 */
    filter: brightness(120%);
}
 
iframe.scpnet-interwiki-frame {
    filter: invert(1) hue-rotate(183deg) saturate(400%)
}
 
/* CREDIT */
 
.modalbox {
    background-color: rgb(var(--dark-accent));
}
.modalbox a {
    color: rgb(var(--pale-gray-monochrome));
    text-shadow: 3px 3px rgba(var(--black-monochrome),.3);
}
.modalbox .modalbox-title h3 {
    font-weight: bold;
}
.modalbox .modalbox-title {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--bright-accent));
}
 
/* CORPS DE PAGE */
div#container-wrap {
    background-size: auto;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: rgba(var(--dark-gray-monochrome), 0.6);
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: solid transparent;
}
 
table.wiki-content-table th {
    background-color: rgb(var(--bright-accent));
    border: 1px solid rgb(var(--bright-accent));
}
table.wiki-content-table td {
    background-color: rgb(var(--black-monochrome));
    border: 1px solid rgb(var(--pale-gray-monochrome));
}
 
/* Codeblocks */
.code span.hl-code, .code span.hl-identifier {
    color: rgb(var(--pale-gray-monochrome));
}
.code span.hl-brackets {
    color: rgb(var(--light-gray-monochrome));
}
.code span.hl-number {
    color: rgb(var(--bright-accent));
}
.code span.hl-string {
    color: #006dcc;
}
 
/* Séparation */
hr {
    border-top: none;
    background: -webkit-linear-gradient(80deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background: -moz-linear-gradient(80deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background: -o-linear-gradient(80deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background: linear-gradient(10deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    -webkit-filter: blur(0.04rem);
    filter: blur(0.04rem);
    height: 0.03125rem;
    margin: 1.25em 0;
}
 
hr::before {
    content: " ";
    position: absolute;
    top: 0.1125rem;
    left: 0;
    border-top: none;
    width: 100%;
    height: 0.125rem;
    background:
    -webkit-linear-gradient(80deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background:
    -moz-linear-gradient(80deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background:
    -o-linear-gradient(80deg,
     rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background:
    linear-gradient(10deg,
    rgba(var(--bright-accent), 0.15) 0%,
    rgba(var(--bright-accent), 1) 50%,
    rgba(var(--bright-accent), 0.15) 100%);
    background-position: center center;
    -webkit-filter: blur(0.04rem);
    filter: blur(0.04rem);
}
 
/* Classes custom */
.content-panel {
    border: solid 2px rgb(var(--light-gray-monochrome));
    background-color: rgb(var(--gray-monochrome));
    box-shadow: none;
}
.content-panel.standalone {
    background: rgb(var(--gray-monochrome));
}
 
div.sexy-box {
    background: var(--ct_col_blockquote-bg);
    border: 2px solid rgb(var(--gray-monochrome));
}
div.sexy-box div.image-container img {
    border: 2px solid rgb(var(--gray-monochrome));
}
 
.alternate:nth-child(even) {
    background-color: rgba(255,255,255,.9);
}
 
.keycap {
    border-color: rgb(var(--medium-accent)) rgb(var(--black-monochrome)) rgb(var(--black-monochrome)) rgb(var(--medium-accent));
    background-color: rgb(var(--dark-accent));
}
 
/* Fenêtres contextuelles */
.owindow .title {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.owindow h1 {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
#odialog-container, .title.modal-header, .owindow, .hovertip {
    background-color: rgb(var(--dark-accent));
}
 
.owindow .button-bar a {
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-monochrome));
}
 
#lock-info {
    background-color: rgba(var(--dark-gray-monochrome), 0.25);
    border-color: rgba(var(--dark-gray-monochrome), 0.25);
}
 
div.buttons input, input.button, button, file, a.button {
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--pale-gray-monochrome));
    border-color: rgb(var(--pale-gray-monochrome));
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
    background-color: rgb(var(--light-gray-monochrome));
    color: rgb(var(--black-monochrome));
}
 
/* Scrollbar */
 
::-webkit-scrollbar{
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-round: 0.5px;
}
::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb{
    background: rgba(175, 175, 175, 0.4);
}
 
/* QUERIES */
 
@media only screen and (max-width: 455px) {
   :root {
       /* 2 Header */
       --ct_fns_alt-header-txt: 35px;
       --ct_fns_alt-slogan-txt: 17px;
   }
}
@media only screen and (max-width: 442px) {
   :root {
       /* 2 Header */
       --ct_fns_alt-header-txt: 31px;
       --ct_fns_alt-slogan-txt: 15px;
   }
}

modèle thème

révision de page: 29, édité la dernière fois: 23 Dec 2021 17:49

Éditer Voter (0) Étiquettes Discuter (0) Historique Fichiers Imprimer Outils du site + Options

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

Code

Autres sites dignes d'intérêt

The Eastrooms東室

SCP基金會

WIKIDOT联盟

Obscurative

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

Code

Autres sites dignes d'intérêt

The Eastrooms東室

SCP基金會

WIKIDOT联盟

Obscurative