The Foundation Sigma-9 Theme

Rating:

Usage

This is a Sigma-9 theme based on The Foundation Black Highlighter CSS Theme made for SCP-4485.

This theme is intended to be applied to articles that are high-level restricted materials.

To import this theme to your page, put the following anywhere inside it:

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

You can view any page's Backlinks by clicking "+ Options" at the bottom of the page, then "Backlinks".

Examples

A horizontal rule can be created with 5 hyphens "-" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

This is a blockquote, created by putting "> " at the start of each line.

More text

---

That's a horizontal rule

Nested blockquotes

This is a	table
You should know	how to make these
already

---

Source code

+ show block

/*
    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);
 
    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: "THE FOUNDATION";
    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(3.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;
}