@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: 200, 82, 82;
/* medium red */
--dark-accent: 235, 0, 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(--medium-accent));
--ct_col_link-visited: rgb(var(--bright-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(--bright-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%);
}
#side-bar a,
#side-bar a:visited {
color: rgb(var(--medium-accent));
}
iframe.scpnet-interwiki-frame {
filter: invert(1) hue-rotate(183deg) saturate(400%)
}
/* CREDIT */
.modalbox {
background-color: rgb(var(--dark-accent));
color: var(--ct_col_body-txt);
}
.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;
}
}