/*
RSO6K Sigma
[2021 Wikidot Theme]
By DrMacro
Header by Agente_Shuffle
Adapted from RSO6K by Rounderhouse
Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan
*/
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root {
/* 4 Rating module */
--ct_col_rate-primary: #bc3621;
--ct_col_rate-secondary: #dfdfdf;
--ct_col_rate-cancel: #fff;
--ct_col_rate-link-hover: rgb(var(--bright-accent));
--ct_dim_rate-border-radius: 0;
--dark-gray-monochrome: 48, 48, 52;
--black-monochrome: 25, 20, 16;
--gradient-header:
linear-gradient(to bottom, rgba(188,54,33,0.5) 0%,
transparent 100%);
--red: 188, 54, 33;
--medium-accent: var(--red);
--ct_bg_sidebar-item-default: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%223.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E%0A");
--ct_bg_sidebar-item-forum: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m4%203c-1.108%200-2%200.892-2%202v1c0%201.108%200.892%202%202%202h2.0156l-0.015625%202.5%202.5-2.5h0.5c1.108%200%202-0.892%202-2v-1c0-1.108-0.892-2-2-2h-5z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20stroke-linecap%3D%22square%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.5%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E");
--ct_bg_sidebar-item-help: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%201.1728e-8%20-1114)%22%3E%0A%3Cpath%20transform%3D%22matrix(.26458%200%200%20.26458%200%20294.75)%22%20d%3D%22m6.5%202-4.5%204.5%204.5%204.5%204.5-4.5zm1.4766%202.4257c0.36739%200.3237%200.55078%200.70117%200.55078%201.1328%200%200.23887-0.068912%200.46444-0.20508%200.67773-0.1336%200.21317-0.42138%200.50362-0.86328%200.87109-0.22866%200.19024-0.37121%200.34348-0.42773%200.45898-0.053954%200.11565-0.077406%200.32309-0.072266%200.62109h-0.98242c-0.00257-0.14135-0.00391-0.22707-0.00391-0.25781%200-0.31859%200.052865-0.58158%200.1582-0.78711%200.10534-0.20561%200.31485-0.4365%200.63086-0.69336%200.31601-0.25691%200.50475-0.42621%200.56641-0.50586%200.09506-0.12598%200.14258-0.26453%200.14258-0.41602%200-0.21065-0.084339-0.39002-0.25391-0.53906-0.167-0.15168-0.39255-0.22656-0.67773-0.22656-0.2749%200-0.50447%200.07765-0.68945%200.23438-0.18498%200.15672-0.31345%200.39566-0.38281%200.7168l-0.99414-0.12305c0.028261-0.45987%200.22368-0.85072%200.58594-1.1719%200.36483-0.32116%200.84268-0.48242%201.449-0.4824s1.1016%200.16396%201.469%200.49026zm-2.0391%204.1348h1.082v1.084h-1.082z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
--ct_bg_sidebar-item-home: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%20-1.4376e-8%20-1114)%22%3E%0A%3Cpath%20d%3D%22m0.39178%20296.54%201.328-1.2608%201.328%201.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
--ct_bg_sidebar-item-main: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%201.8677e-8%20-1114)%22%3E%0A%3Crect%20transform%3D%22matrix(.70712%20-.7071%20.70712%20.7071%200%200)%22%20x%3D%22-209.08%22%20y%3D%22210.2%22%20width%3D%221.3096%22%20height%3D%221.3096%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
--ct_bg_sidebar-item-series: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m4.9999%203.9999v7h4.9999v-4.9999l-2-2zm2.0001%200.49999%202.4998%202.5001h-2.4998z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%22.99998%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3Cpath%20d%3D%22m2.997%201.9931v7.0053h1.004v-6.0015h2.0005v-1.0039h-3.0044z%22%20color%3D%22%23000000%22%20color-rendering%3D%22auto%22%20dominant-baseline%3D%22auto%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.8%22%20image-rendering%3D%22auto%22%20shape-rendering%3D%22auto%22%20solid-color%3D%22%23000000%22%20stop-color%3D%22%23000000%22%20stroke-width%3D%223.7795%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* HEADER */
div#header {
background-image: none;
}
div#extra-div-1 {
height: 164px;
width: 100%;
top: 1rem;
position: absolute;
background: url(https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg);
background-size: auto 9.5rem;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.45;
}
#header h1,
#header h2 {
margin-left: 0;
float: none;
text-align: center;
text-transform: uppercase;
}
#header h1 a {
font-family: 'Share Tech Mono', monospace;
text-shadow: .063rem .063rem .063rem #0c0c0c;
}
#header h2 span {
color: white;
font-family: 'Share Tech Mono', monospace;
font-size: 1.3em;
text-shadow: .063rem .063rem .063rem #0c0c0c;
}
#header h2 {
margin-top: 0.45rem;
}
div#extra-div-2 {
position: absolute;
display: block;
width: 100%;
height: 21rem;
top: 0;
left: 0;
}
div#extra-div-2 {
background: var(--gradient-header);
background-size: 31.250rem;
background-repeat: repeat;
z-index: -2;
}
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
}
div#container-wrap {
background: url(http://fondationscp.wdfiles.com/local--files/theme%3Arso6k-sigma/bodyrso6k.png) center top repeat-x;
height: 211px;
}
#content-wrap {
margin: 72px auto 0;
}
#page-title {
color: #BC3621;
}
/* SEARCH BAR */
#search-top-box-input {
background-color: #742215;
}
#search-top-box-input:hover, #search-top-box-input:focus {
border-color: #fff;
color: #fff;
background-color: #9A2D1C;
}
#search-top-box-form input[type=submit] {
background: #9A2D1C;
color: #ccc;
}
#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
background: #BC3621;
color: #fff;
}
/* SIDE-BAR SETTINGS */
#side-bar .side-block {
border: #BC3621;
border-radius: 0;
border-left: 8px double #fcfcfc;
background-color: #BC3621;
box-shadow: 5px 5px rgba(1,1,1,.25);
color: #DFDFDF;
}
#side-bar .side-block.media {
background-color: #D5948A !important;
border-color: #D5948A !important;
border-left: 8px double #fcfcfc !important;
}
#side-bar .side-block.resources {
background-color: #C15743 !important;
border-color: #C15743 !important;
border-left: 8px double #fcfcfc !important;
}
#side-bar .heading {
color: #DFDFDF;
font-family: 'Share Tech Mono', monospace;
padding: 0.1rem;
font-size: 1.15em;
text-transform: uppercase;
border-bottom: 0.15rem dashed #DFDFDF !important;
}
#side-bar hr {
border-top: 0.15rem dashed white !important;
background: transparent !important;
border-left: none !important;
border-right: none !important;
}
/* SIDE-BAR IMAGES */
.side-block .menu-item > .image {
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: rgba(0,0,0,0.1);
}
#top-bar .open-menu a {
border: 0.2em solid rgb(var(--bright-accent));
background-color: rgb(var(--white-monochrome));
color: rgb(var(--bright-accent));
}
}
/* TOP-BAR */
#top-bar {
top: 186px;
display: flex;
justify-content: center;
}
/* OTHER STRUCTURAL ELEMENTS */
/* LINKS */
a {
color: #E6283C;
}
#side-bar a,
#side-bar a:visited,
#side-bar a.newpage {
color: white;
}
/* Module de crédit FR */
.info-container .collapsible-block-folded a { color: #fff }
.info-container .collapsible-block-unfolded-link a { color: #fff }
/* FOOTER */
#footer {
background: #BC3621;
}
table.wiki-content-table th {
background: rgb(var(--red));
color: white;
border-color: #A52F1D;
text-align: center;
}
#page-title {
text-align: center;
}
#main-content .page-tags a,
#main-content .page-tags a:visited {
color: #BC3621;
}
.collapsible-block {
display: block;
text-align: center;
padding: 0.75em;
background-color: #dfdfdf;
border-top: 0.125rem solid crimson;
border-bottom: 0.125rem solid crimson;
}
.collapsible-block .collapsible-block-content {
text-align: left;
}
ul {
list-style: disclosure-open;
}
.addendum {
background: #EAEAEA;
border: none;
border-left: 6px solid rgb(var(--red));
width:85%;
padding:1px 15px;
margin: 10px auto;
}
div.banner {
display: grid;
grid-template-columns: repeat(2, 50fr);
grid-template-rows: auto;
grid-gap: 1rem;
grid-template-areas:
"head head"
"info image";
}
div.bannerhead {
grid-area: head;
background: rgb(var(--red));
color: white;
font-family: 'Staatliches', cursive;
font-size: 5em;
text-align: center;
padding: 0;
position: relative;
z-index: 1;
border-left: 12px double #fcfcfc;
box-shadow: 5px 5px rgba(1,1,1,.25);
line-height: 1.2;
}
div.bannerinfo{
grid-area: info;
background: rgb(var(--red));
color: white;
font-family: 'Share Tech Mono', monospace;
padding: 0.75rem;
font-size: 1.5em;
position: relative;
z-index: 1;
border-left: 12px double #fcfcfc;
box-shadow: 5px 5px rgba(1,1,1,.25);
}
div.bannerinfo hr {
border-top: 0.15rem dashed white !important;
background: transparent !important;
border-left: none !important;
border-right: none !important;
}
div.bannerimage{
grid-area: image;
height: min-content;
position: relative;
z-index: 0;
}
div.bannerimage img {
z-index: 0;
animation: spin 15s cubic-bezier(1,1,1,1) infinite;
filter: drop-shadow(0 0 0.15rem black);
}
#page-content hr {
border-top: none;
height: .07em;
background: crimson;
border-left: 50px double #fcfcfc;
border-right: 50px double #fcfcfc;
}
.addendum hr {
border-color: #eaeaea!important;
}
.scp-image-block {
border: none;
border-bottom: 2px solid crimson;
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 520px) {
div.banner {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 20fr auto;
grid-template-areas:
"head"
"info"
"image";
}
div.bannerinfo, div.bannerhead {
opacity: 0.9;
}
div.bannerimage {
position: absolute;
}
