djkaktus's Proposal III

---

+ Show theme code

:root {
    /* New Vars */
    --swatch-menubg-extra-dark-color: 30, 30, 32;
 
    /* Old Vars */    
    --black-monochrome: 20, 22, 24;
    --light-pale-gray-monochrome: 250, 250, 250;
    /* Primary Theme Colors */
    --swatch-background: var(--swatch-menubg-black-color);
    /* Background and Header Colors */
    --background-gradient-color: 10, 10, 10;
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--swatch-menubg-black-color);
    --header-gradient-color-top: var(--swatch-menubg-black-color);
    /* Primary Text Colors */
    --swatch-text-light: var(--light-pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--swatch-menubg-black-color);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
    --rating-module-text-color: var(--swatch-text-general);
    --rating-module-button-color: var(--swatch-text-general);
    --rating-module-button-cancel-color: 100, 100, 100;
 
    --gradient-header: linear-gradient(
        to bottom,
        rgb(var(--header-gradient-color-bottom)) 0%,
        rgb(var(--header-gradient-color-middle)) 90%,
        rgb(var(--header-gradient-color-top)) 100%
    );
 
    --diagonal-stripes: repeating-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
    );
}
 
::selection {
    background: rgb(var(--swatch-primary-darkest));
}
 
#search-top-box-input {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
}
 
#account-options {
  background: var(--gradient-header);
}
 
#login-status {
    color: rgba(var(--swatch-menutxt-light-color),0.5);
}
 
#login-status ul a {
  color: rgb(var(--swatch-menutxt-light-color));
}
 
span.printuser {
    color: rgb(var(--swatch-menutxt-light-color));
}
 
#login-status a#my-account {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -webkit-transition:
        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),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        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),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-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);
    -moz-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),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 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);
    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),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#login-status a#my-account:hover,
#login-status a#my-account:active  {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    text-decoration: none;
    color: rgb(var(--white-monochrome))
}
 
.page-rate-widget-box {
    background: -webkit-gradient(linear,
        left top, left bottom,
        from(rgba(var(--header-gradient-color-bottom),0.5)),
        color-stop(90%, rgba(var(--header-gradient-color-middle),0.15)),
        to(rgba(var(--header-gradient-color-top),0.15)));
    background: -webkit-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -moz-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -o-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: linear-gradient(to bottom,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
}
 
#top-bar div.top-bar > ul > li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}
 
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, 
#top-bar div.mobile-top-bar > ul > li:hover > ul, 
#top-bar div.top-bar > ul > li.sfhover > ul, 
#top-bar div.top-bar > ul > li:hover > ul {
    background: rgba(var(--swatch-menubg-black-color),0.85);
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li > a, 
#top-bar div.top-bar > ul > li > ul > li > a {
    -webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
       -moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
            box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
 
blockquote,
.blockquote,
.code {
    --swatch-border-color: var(--swatch-menubg-light-color);
    border-color: rgba(var(--swatch-border-color),0.25);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: rgb(var(--swatch-primary-darkest));
    border-color: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    --box-shadow: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-general));
}
 
.yui-navset .yui-nav .selected, 
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--swatch-primary-darkest));
}
 
table.wiki-content-table th {
    background: rgb(var(--swatch-secondary-color));
}
 
table.wiki-content-table th,
table.wiki-content-table tr {
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
 
table.wiki-content-table td {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.hovertip {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
    color: rgb(var(--swatch-text-light)) !important;
}
 
#footer {
    color: rgb(var(--swatch-text-general));
}
 
.scpnet-interwiki-wrapper {
    -webkit-filter: initial;
    filter: initial;
    margin-top: 1em;
}
 
.scpnet-interwiki-frame {
    -webkit-filter: invert(0.92) grayscale(1) contrast(1);
    filter: invert(0.92) grayscale(1) contrast(1);
}

BY ORDER OF THE OVERSEER COUNCIL

The following file is Level 6/001 Classified.
Unauthorized access is forbidden.

001

Item#: 001

Level6

Containment Class:

esoteric

Secondary Class:

principalis

Disruption Class:

amida

Risk Class:

notice

link to memo

---

All Things Must End

---

Special Containment Procedures: It is the imperative of the Overseer Council to establish containment of SCP-001.

Description: To know the nature of SCP-001 is to know the nature of the Foundation.

For more information, see Document 001-GOI.01-Operatus.

Addendum 001.1: Attached Documentation

Enter Decryption Key

The first man stood alone
on the barren field
and in the distance he saw
the locked gate beyond which
his greatest shame was kept.

He turned to the snake
who writhed on its belly
like a worm
and cursed it for its treachery.

"You tricked me," the man said
"you led my hand astray
and now we are damned for it."

The snake sighed.
"I gave you knowledge," it said
"and with that knowledge
you made the choice you made.
I could not make it for you."

The man cried out
"All the same, trusting you was
my greatest mistake."

"No," the snake said
"Your greatest mistake was
believing you had a choice at all."


- — -

Access Document 001-GOI.01-Operatus