Journal 6
@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;
   }
}

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