Pastel Skies Theme

• 

  close

  Info

  ---

  X

  Rating with info module.

  ---

This is an aesthetic theme made by Miss Lapis.

To use the theme, insert the following:

[[include :scp-wiki:theme:pastel-skies]]

Pastel Skies Theme is a component:sigma-plus theme. It comes with a pre-styled ACS (see below) and a toggle sidebar.

---

There are three alternative color schemes, including this one. Below you can find the include codes for each of them.

Click on each title for a demo of the respective color scheme.

Dawn/Dusk (default)

[[include :scp-wiki:theme:pastel-skies]]

Day

[[include :scp-wiki:theme:pastel-skies day=--]]

Night

[[include :scp-wiki:theme:pastel-skies night=--]]

---

Image.

A horizontal rule can be created with 4 hyphens "- - - -" as above. 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.

+ Collapsible - Click me

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

bold | italic | underline | strikethrough | teletype | ^superscript_subscript | Link

1. numbered list
2. list item
3. list item

• bulleted list
• list item
• list item

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.

Longer Tab

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Stuff In Tabs Tab

Header in the Tabber

Header in the Tabber But Smaller

Header in the Tabber But Even Smaller

Text — Link

---

Quote One

(Quote Two)

This empty tab right here has a really long name.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Hello.

Empty Tab

Footnotes

1. And a footnote.

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

---

That's a horizontal rule

Nested blockquotes

Lightweight blockquote

[[div class="blockquote lite"]]

+ Additional blockquotes

Every color scheme comes equipped with the blockquote styles of other color schemes. You can access them as such:

[[div class="blockquote dawny-dusky"]]

[[div class="blockquote dawny-dusky lite"]]

[[div class="blockquote daily"]]

[[div class="blockquote daily lite"]]

[[div class="blockquote nighty"]]

[[div class="blockquote nighty lite"]]

+ ACS demo

Below you can find screenshots of ACS on different color schemes (theme pages do not support live components, so only screenshots are available).

This is a	table
You should know	how to make these
already
Otherwise,	go here
wiki-syntax

The header font is IBM VGA8x16.

The body font is Departure Mono.

The UI font is Terminus.

Source Code

+ show block

/*---------------------------------------------------*/
/*  PASTEL SKIES THEME : DAWN AND DUSK
    BY MISS LAPIS
    [2025 Wikidot Theme]
 
    INSPIRED BY / BASED ON: 
    Fossil Theme by EstrellaYoshte: https://scp-wiki.wikidot.com/theme:fossil
    Generic Space Theme by EstrellaYoshte: https://scp-wiki.wikidot.com/theme:space
    Cosmonaut Theme by EstrellaYoshte: https://scp-wiki.wikidot.com/theme:cosmonaut
    Shivering Night Theme by Flea_ZER0: https://scp-wiki-cn.wikidot.com/theme:shivering-night
 
    WITH SPECIAL THANKS TO: 
    STRANGE MATTER ET AL FOR EMOTIONAL SUPPORT AND FOR HYPING ME UP
    SUGARUSH FOR WANTING A PINK THEME (I HOPE THE PINK COLOR SCHEME IS PINK ENOUGH)
    ADASBA, CROQUEMBOUCHE, FISH^12 AND MANG GWAN FOR TECHNICAL SUPPORT
    YOSSIPOSSI FOR SHOWING ME HOW TO DO MULTIPLE COLOR SCHEMES
    ESTRELLAYOSHTE FOR MAKING THEMES
    [aesthetic crit] FOR AESTHETIC CRIT
    [tech team member who approved it] FOR APPROVAL AND ADDITIONAL TECHNICAL SUPPORT */
/*---------------------------------------------------*/
 
/* fonts taken from Isolated Terminal Theme by EstrellaYoshte and from SCP-8980 by Yossipossi */
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/vga8.css');
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css');
@import url('https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css');
 
    /*---------------------------------------------------*/
    /*----------------------- ROOT ----------------------*/
    /*---------------------------------------------------*/
 
:root {
    --header-font: 'mxplus_ibm_vga_8x16regular';
    --title-font: 'mxplus_ibm_vga_8x16regular';
    --body-font: 'Departure Mono'; 
    --UI-font: 'terminus_ttfmedium';
 
    --header-title: "Pastel Skies";
    --header-subtitle: " ";
 
    --sp_header-title-scale: 1.5;
    --sp_header-title-size: min(calc(2.675rem * var(--sp_header-title-scale)), calc(1.25rem * var(--sp_header-title-scale) + 2.5vw));
    --sp_header-logo: unset;
    --sp_header-logo-size: 10rem;
    --sp_header-height: 15rem;
 
    --sp_top-bar-height: 2rem;
    --sp_top-bar-gradient-top-color: rgba(var(--top-bar-color), 0.8);
    --sp_top-bar-gradient-bottom-color: rgba(var(--top-bar-color), 0.8);
    --sp_top-bar-link-hover-background: rgb(var(--dark-color-two));
    --sp_top-bar-link-hover-color: rgb(var(--soft-color));
    --sp_dropdown-background: rgb(var(--dark-color-two));
    --sp_dropdown-link-hover-color: var(--sp_top-bar-link-color);
    --sp_dropdown-link-hover-background: rgb(var(--light-color-one));
 
    --sp_tab-text-color: rgb(var(--soft-color));
    --sp_tab-background: rgb(var(--dark-color-two));
    --sp_tab-border-color: rgb(var(--soft-color));
 
    --sp_tab-hover-text-color: rgb(var(--dark-highlight));
    --sp_tab-hover-background: rgb(var(--light-color-one));
    --sp_tab-hover-border-color: rgb(var(--bright-color));
 
    --sp_tab-selected-text-color: rgb(var(--dark-highlight));
    --sp_tab-selected-background: rgb(var(--light-color-one));
    --sp_tab-selected-border-color: transparent;
 
    --sp_rate-module-text-color: rgb(var(--text-color));
    --sp_rate-module-background: rgb(var(--light-color-one));
    --sp_rate-module-sub-color: rgb(var(--light-color-one));
    --sp_rate-module-active-color: var(--sp_rate-module-background);
    --sp_rate-module-button-color: var(--sp_rate-module-background);
    --sp_rate-module-button-background: var(--sp_rate-module-background);
    --sp_rate-module-button-hover-color: var(--sp_rate-module-active-color);
    --sp_rate-module-button-hover-background: rgb(var(--light-color-two));
 
    --sp_hovertip-background: rgb(var(--dark-color-two));
    --sp_hovertip-border: 0.05rem solid rgb(var(--bright-color));
 
/* ---------- custom colors and vars ---------- */
    --bg-color: 223, 119, 159;
    --dark-color-one:  199, 123, 169;
    --dark-color-two: 230, 151, 190; 
    --light-color-one: 245, 182, 207; 
    --light-color-two: 250, 207, 207;
    --bright-color: 250, 207, 207; 
    --highlight-color: 255, 255, 255; 
    --soft-color: 255, 233, 155; 
 
    --text-color: 32, 21, 51;
    --lowest-sky: 251, 187, 173;
    --dark-bg-color: 111, 17, 55;
    --dark-highlight: 90, 46, 43; 
 
    --top-bar-color: var(--bg-color);
 
    --border-image: url(https://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/bordir.svg) 10;
    --cloud-background-image: url(http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_dawn.png);
 
    --radius: 1.4rem;
    --soft-color-filter: invert(91%) sepia(13%) saturate(7071%) hue-rotate(282deg) brightness(85%) contrast(80%); /* filter for --dark-color-one for the pixel borders */ 
    --bright-color-filter: invert(20%) sepia(6%) saturate(4436%) hue-rotate(315deg) brightness(97%) contrast(93%); /* filter for --bg-color for the pixel borders */
/* -------------------- */
 
    /*---------------------------------------------------*/
    /*------------------- PIXEL BORDER ------------------*/
    /*---------------------------------------------------*/
    /*---------------- CODE FROM CODEPEN ----------------*/
    /*-----------------LICENSED UNDER MIT ---------------*/
    /*---------------------------------------------------*/
    /*---- https://codepen.io/makewistful/pen/ezOGJK ----*/
    /*---------------------------------------------------*/
 
    --pixel-bg: var(--light-color-two);
    --pixel-border: var(--dark-highlight);
    --pixel-border-2: var(--pixel-bg);
    --pixel-border-3: var(--pixel-border);
    --pixel: .3rem; /* Pixel size */
 
    --the-border-itself: /* Inner Background Color */
     0 calc(var(--pixel) * -3) 0 calc(var(--pixel) * -1) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * 3) 0 calc(var(--pixel) * -1) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * -6) 0 calc(var(--pixel) * -2) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * 6) 0 calc(var(--pixel) * -2) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * -9) 0 calc(var(--pixel) * -4) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * 9) 0 calc(var(--pixel) * -4) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * -12) 0 calc(var(--pixel) * -6) rgb(var(--pixel-bg)),
     0 calc(var(--pixel) * 12) 0 calc(var(--pixel) * -6) rgb(var(--pixel-bg)),
 
    /* Pixel Border Layer 1 */
     calc(var(--pixel) * -1) 0 0 0 rgb(var(--pixel-border)),
     var(--pixel) 0 0 0 rgb(var(--pixel-border)),
     0 calc(var(--pixel) * -2) 0 0 rgb(var(--pixel-border)),
     0 calc(var(--pixel) * 2) 0 0 rgb(var(--pixel-border)),
     0 calc(var(--pixel) * -5) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * 5) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * -7) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * 7) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * -10) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * 10) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * -13) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border)),
     0 calc(var(--pixel) * 13) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border)),
 
    /* Pixel Border Layer 2 */
     calc(var(--pixel) * -2) 0 0 0 rgb(var(--pixel-border-2)),
     calc(var(--pixel) * 2) 0 0 0 rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -1) 0 var(--pixel) rgb(var(--pixel-border-2)),
     0 var(--pixel) 0 var(--pixel) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -4) 0 0 rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * 4) 0 0 rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -6) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * 6) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -8) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * 8) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -11) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * 11) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * -14) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border-2)),
     0 calc(var(--pixel) * 14) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border-2)),
 
    /* Border Layer 3: --pixel-border-3 */
     calc(var(--pixel) * -3) 0 0 0 rgb(var(--pixel-border-3)),
     calc(var(--pixel) * 3) 0 0 0 rgb(var(--pixel-border-3)),
     0 0 0 calc(var(--pixel) * 2) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -3) 0 var(--pixel) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 3) 0 var(--pixel) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -5) 0 0 rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 5) 0 0 rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -7) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 7) 0 calc(var(--pixel) * -1) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -9) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 9) 0 calc(var(--pixel) * -2) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -12) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 12) 0 calc(var(--pixel) * -4) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * -15) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border-3)),
     0 calc(var(--pixel) * 15) 0 calc(var(--pixel) * -6) rgb(var(--pixel-border-3));
 
    /*---------------------------------------------------*/
    /*-------------------- END OF ROOT ------------------*/
    /*---------------------------------------------------*/
}
 
    /*---------------------------------------------------*/
    /*------------------ MAIN ELEMENTS ------------------*/
    /*---------------------------------------------------*/
 
/* ---------- griddy ---------- */
#header {
    background: transparent;
    grid-template-areas:
        "login login login search"
        "top-bar top-bar top-bar top-bar"
        ". . . ."
        "h1 h1 . ."
        ". . . .";
    grid-template-rows: auto auto 1fr auto 1fr;
    grid-template-columns: var(--sp_area-comp-margin) 1fr auto auto;
}
/* -------------------- */
 
/* ---------- title ---------- */
#header h2 { display: none; }
#header h1 a {
    font-family: var(--header-font), monospace; 
    text-shadow: 3px 3px 5px rgb(var(--bg-color));
    font-weight: 700;
    line-height: 0.875;
    letter-spacing: -0.1rem;
}
 
#header h1 a:is(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.75rem rgb(var(--bright-color)));
}
 
#header h1 {
    margin-top: 5em;
}
/* -------------------- */
 
/* ---------- user info and owindows ---------- */
#header-extra-div-1 {
    grid-area: login;
    background-color: rgba(var(--bg-color), 0.8);
}
 
#login-status {
    padding-inline-start: calc(var(--sp_area-min-margin) + 1.25rem);
    padding-inline-end: 2rem;
    padding-left: 5em;
    height: 30px;
    text-align: center;
    width: max-content;
    font-size: 0.9em;
    color: rgb(var(--highlight-color));
}
 
#login-status a {
    color: rgb(var(--dark-highlight));
}
 
a#account-topbutton {
    display: grid;
    place-content: center;
    height: 69%;
    width: 1.75rem;
    padding: 0.2em;
    margin: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    font-size: 1.02em;
    color: rgb(var(--dark-highlight));
    border: none;
}
 
a#account-topbutton:is(:hover, :active, :focus, :focus-within) {
    color: rgb(var(--highlight-color));
}
 
#account-options {
    background-color: rgb(var(--dark-color-two));
    border: none;
}
 
#account-options ul li a {
    text-align: center;
    color: rgb(var(--soft-color));
    border-bottom: 0.08em solid rgb(var(--soft-color));
}
 
#account-options ul li a:is(:hover, :active, :focus, :focus-within) {
    color: var(--sp_top-bar-link-color);
    background-color: rgb(var(--light-color-one));
}
 
.owindow {
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
    border: 0.08em solid rgb(var(--soft-color));
}
 
.owindow .title {
    cursor: initial;
    padding: 0.375rem 0.675rem;
    font-family: var(--header-font), monospace; 
    font-size: 190%;
    text-align:center;
    background-color: rgba(var(--bg-color), 0.7);
    color: rgb(var(--bright-color));
    border-top: 0.08em solid rgb(var(--dark-color-one));
    border-bottom: 0.08em solid rgb(var(--dark-color-one));
 
    height: auto;
}
 
.owindow img {
    background-color: transparent!important;
}
 
.owindow a {
    color: rgb(var(--bg-color));
}
 
.owindow:has(#user-abuse-report-button-hovertip) {
    background-color: rgb(var(--light-color-two));
    color: rgb(var(--text-color));
    box-shadow: var(--the-border-itself);
    border: unset;
}
 
.modal-body td img[src*="userkarma.php"] {
    filter: hue-rotate(150deg);
}
/* -------------------- */
 
/* ---------- search box ---------- */
#search-top-box-form {
    gap: 0;
    height: 100%;
}
 
#search-top-box-input, #search-top-box-form input[type=submit] {
    padding: 0.25rem;
    height: 100%;
    box-sizing: border-box;
    border-radius: 0;
}
 
#search-top-box-form input.btn[type=submit] {
    box-shadow: none;
    background: rgba(var(--light-color-one), 0.6);
    border: none;
    font-size: 0;
    width: 2rem;
}
#search-top-box {
    --search-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E);
}
#search-top-box::before {
    content: "";
    display: block;
    width: 2rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(var(--highlight-color));
    pointer-events: none;
    z-index: 2;
    -webkit-mask-image: var(--search-mask);
    mask-image: var(--search-mask);
    -webkit-mask-size: 1.05rem;
    mask-size: 1.05rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
/* -------------------- */
 
/* ---------- top bar ---------- */
#top-bar {
    border-bottom: 0.25em solid rgb(var(--bright-color));
}
 
#top-bar div[class*="top-bar"] > ul > li { 
    flex-grow: 1; 
}
 
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
    display: grid;
    padding: .425rem;
    border: none;
    border-bottom: 0.25em solid rgb(var(--bright-color));
    font-size: 0.9em;
}
 
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
    text-align: center;
    padding: .375rem .625rem;
    font-weight: bold;
}
 
#top-bar .open-menu a {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border: 0.15em solid rgb(var(--bright-color));
    background-color: rgba(var(--top-bar-color), 0.6);
    border-radius: 0;
    color: rgb(var(--bright-color));
}
/* -------------------- */
 
/* ---------- sidebar ---------- */
div#side-bar {
    font-family: 'profontwindowsregular', monospace;
    background-color: rgba(var(--dark-highlight), 0.7);
    border-right: 0.08em solid rgb(var(--bright-color));
    scrollbar-width: none;
}
 
:is(#side-bar, #interwiki) .heading {
    padding-left: 0;
    color: rgb(var(--bright-color));
    font-family: var(--header-font);
    font-size: 1.2em;
    text-align: center;
    border-bottom-color: rgb(var(--bright-color));
}
 
#side-bar a, #interwiki a { 
    color: rgb(var(--soft-color)); 
}
 
#side-bar a:is(:hover, :active, :focus, :focus-within), #interwiki a:is(:hover, :active, :focus, :focus-within) { 
    text-decoration: underline;
}
 
:is(#side-bar, #interwiki) .side-block {
    background-color: rgba(var(--dark-color-one), 0.9);
    border-color: rgb(var(--bright-color));
    box-shadow: 0 2px 6px rgb(var(--bright-color));
}
 
#side-bar .side-block.resources {
    background-color: rgba(var(--dark-color-two), 0.9);
    border-color: rgb(var(--bright-color));
    box-shadow: 0 2px 6px rgb(var(--bright-color));
}
 
#side-bar .side-block.media {
    background-color: rgba(var(--light-color-one), 0.9);
    border-color: rgb(var(--bright-color));
    box-shadow: 0 2px 6px rgb(var(--bright-color));
}
 
.side-block.media a:nth-child(1) img {
    filter: hue-rotate(95deg);
}
.side-block.media a:nth-child(2) img {
    filter: hue-rotate(100deg);
}
.side-block.media a:nth-child(3) img {
    filter: hue-rotate(300deg);
}
.side-block.media a:nth-child(4) img {
    filter: hue-rotate(270deg);
}
.side-block.media a:nth-child(5) img {
    filter: hue-rotate(40deg);
}
.side-block.media a:nth-child(7) img {
    filter: hue-rotate(90deg);
}
/* -------------------- */
 
/* ---------- rating module ---------- */
:not(.rate-box-with-credit-button) > div.page-rate-widget-box,
div.rate-box-with-credit-button {
    border-radius: 0;
    border: 0.08em solid rgb(var(--dark-color-one));
    font-size: 1.08em;
    font-family: var(--UI-font), monospace;
}
 
.page-rate-widget-box :is(.rateup, .ratedown, .cancel) a {
    display: block;
    height: 100%;
    width: 0.95em;
    text-align: center;
}
 
div.page-rate-widget-box .cancel a:hover { 
    background-color: var(--sp_rate-module-button-hover-background);
}
 
.creditButton p a:hover, .creditButtonStandalone p a:hover {
    background-color: var(--sp_rate-module-button-hover-background);
}
 
div.modalbox {
    background: rgb(var(--light-color-two));
    padding: 0.25rem 0.75rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}
.modalbox > .credit {
    margin: 0.5rem;
}
/* -------------------- */
 
/* ---------- scrollbar ---------- */
::-webkit-scrollbar {
  width: 0.625rem;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgb(var(--light-color-two));
  border: none;
}
::-webkit-scrollbar-track {
  background: rgb(var(--bg-color));
}
 
:root {
    scrollbar-color: rgb(var(--light-color-two)) rgb(var(--bg-color));
    scrollbar-width: thin;
}
/* -------------------- */
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*------------------ SKY BACKGROUND -----------------*/
    /*---------------------------------------------------*/
#container {
    background-color: rgb(var(--bg-color));
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_dawn_sky.png'), linear-gradient(0deg, rgba(var(--lowest-sky),1) calc(50vh - 15vw), rgba(var(--bg-color),1) calc(50vh - 15vw));
    background-size: 100dvw auto, auto;
    background-position: center, center;
    background-attachment: fixed, fixed;
    background-repeat: no-repeat, no-repeat;
    image-rendering: pixelated; 
}
 
:root {
  --cloud-background-gradient-transition: calc(100vh - 30vw);
}
 
#container::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: var(--cloud-background-image), linear-gradient(0deg, rgba(var(--dark-color-one),1) var(--cloud-background-gradient-transition), rgba(var(--bg-color),0) var(--cloud-background-gradient-transition));
    background-size: 100dvw auto, auto;
    background-position: right center, top 150%;
    background-repeat: no-repeat, no-repeat;
    image-rendering: pixelated; 
}
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*----------------- BODY CONTAINER ------------------*/
    /*---------------------------------------------------*/
#main-content {
    background-color: rgba(var(--light-color-two), 0.8);
    padding: 2.5rem 2.5rem 0 2.5rem;
    margin: 3rem auto;
    max-width: 53.5rem;
    color: rgb(var(--text-color));
    box-shadow: var(--the-border-itself);
    image-rendering: auto;
}
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*---------------------- FONTS ----------------------*/
    /*---------------------------------------------------*/
body {
    font-family: var(--body-font), monospace; 
    color: rgb(var(--text-color));
}
 
h1 { font-size: 2.1rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.4rem; }
h6 { font-size: 1.2rem; }
 
h1, h2, h3 {
    font-family: var(--header-font), monospace; 
    color: rgb(var(--dark-highlight));
}
 
h4, h5, h6 {
    font-family: var(--header-font), monospace; 
    color: rgb(var(--dark-bg-color));
}
 
#page-title, .meta-title {
    font-family: var(--header-font), monospace; 
    color: rgb(var(--dark-highlight));
    border-bottom-color: rgb(var(--dark-highlight));
    text-align: center;
    font-size: calc(var(--sp_header-title-size) * 0.8);
}
 
#main-content {
    font-size: 0.9em;
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a) {
    font-weight: bold;
    color: rgb(var(--dark-bg-color));
    text-decoration: underline;
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a):where(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.1rem rgb(var(--dark-bg-color)));
}
 
textarea, input.text {
    font-family: var(--UI-font), monospace;
    font-size: 1rem;
}
 
tt {
    font-family: var(--UI-font), monospace;
    font-size: 1rem;
}
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*------------------ MISC ELEMENTS ------------------*/
    /*---------------------------------------------------*/
 
hr {
    background-color: rgb(var(--dark-color-one));
}
 
/* ---------- blockquote ---------- */
blockquote, div.blockquote {
    display: flow-root;
    position: relative;
    border-color: transparent;
    border-radius: var(--radius); 
    padding: 0.25rem 1.325rem;
 
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
}
 
blockquote::after, div.blockquote::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 30px solid;
    border-image: var(--border-image) / 1rem;
    filter: var(--soft-color-filter);
    border-image-outset: 0.1em 0.1em 0.06em;
    pointer-events: none;
}
/* -------------------- */
 
/* ---------- custom divs ---------- */
 
/* ---------- lite blockquote ---------- */
div.blockquote.lite {
    border: 0.08em solid rgb(var(--dark-color-one));
    border-radius: 0; 
}
div.blockquote.lite::after {
    border: transparent;
    border-image: unset;
}
/* -------------------- */
 
/* ---------- dawn blockquotes ---------- */
div.blockquote.dawny-dusky {
    background-color: rgb(245, 182, 207); 
    color: rgb(32, 21, 51);
}
div.blockquote.dawny-dusky::after {
    filter: invert(91%) sepia(13%) saturate(7071%) hue-rotate(282deg) brightness(85%) contrast(80%);
}
 
div.blockquote.dawny-dusky.lite {
    border: 0.08em solid rgb(199, 125, 169);
}
div.blockquote.dawny-dusky.lite::after {
    border: transparent;
    border-image: unset;
}
/* -------------------- */
 
/* ---------- day blockquotes ---------- */
div.blockquote.daily {
    background-color: rgb(198, 218, 241); 
    color: rgb(32, 21, 51);
}
div.blockquote.daily::after {
    filter: invert(65%) sepia(33%) saturate(502%) hue-rotate(191deg) brightness(89%) contrast(87%);
}
div.blockquote.daily hr {
    background-color: rgb(138, 154, 215); 
}
 
div.blockquote.daily.lite {
    border: 0.08em solid rgb(144, 150, 214);
}
div.blockquote.daily.lite::after {
    border: transparent;
    border-image: unset;
}
/* -------------------- */
 
/* ---------- night blockquotes ---------- */
div.blockquote.nighty {
    background-color: rgb(32, 53, 98); 
    color: rgb(174, 205, 205);
}
div.blockquote.nighty::after {
    filter: invert(52%) sepia(10%) saturate(2277%) hue-rotate(177deg) brightness(94%) contrast(93%);
}
 
div.blockquote.nighty.lite {
    border: 0.08em solid rgb(89, 133, 190);
}
div.blockquote.nighty.lite::after {
    border: transparent;
    border-image: unset;
}
/* -------------------- */
 
/* ---------- collapsible ---------- */
div[class*="collapsible-block"] {
    display: flow-root;
}
 
.collapsible-block-folded a.collapsible-block-link,
.collapsible-block-unfolded-link a.collapsible-block-link {
    display: block;
    padding: .53rem 1rem;
    color: rgb(var(--dark-highlight)); 
}
 
.collapsible-block-folded a.collapsible-block-link:is(:hover, :active, :focus, :focus-within) {
    color: rgb(var(--dark-highlight));
    filter: unset;
    text-decoration: none;
}
 
.collapsible-block-folded, .collapsible-block-unfolded-link {
    position: relative;
    margin: 1rem auto;
    padding: 0;
    border-color: transparent;
    border-radius: var(--radius); 
    background-color: rgb(var(--dark-color-two)); 
    font-family: var(--header-font), monospace; 
    font-size: 140%;
 
    text-align:center;
}
 
:is(.collapsible-block-folded, .collapsible-block-unfolded-link)::after {
    content: "";
    position: absolute;
    inset: 0;
    border: unset;
    border-image: var(--border-image) / 1rem;
    filter: var(--soft-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.collapsible-block-folded:is(:hover, :active, :focus, :focus-within),
.collapsible-block-unfolded-link:is(:hover, :active, :focus, :focus-within){
    background-color: rgb(var(--light-color-one)); 
    color: rgb(var(--dark-highlight));
    filter: unset;
}
 
:is(.collapsible-block-folded, .collapsible-block-unfolded-link):is(:hover, :active, :focus, :focus-within)::after {
    content: "";
    position: absolute;
    inset: 0;
    border: unset;
    border-image: var(--border-image) / 1rem;
    filter: var(--bright-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.collapsible-block-link:is(:hover, :active, :focus, :focus-within){
    color: rgb(var(--text-color));
}
 
.collapsible-block-unfolded {
    position: relative;
    margin: 1rem auto;
    border-color: transparent;
    border-radius: var(--radius); 
    background-color: rgb(var(--light-color-one)); 
    color: rgb(var(--text-color));
}
 
.collapsible-block-unfolded::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 30px solid;
    border-image: var(--border-image) / 1rem;
    filter: var(--soft-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.collapsible-block-unfolded > *:nth-child(1){
    padding: 0;
    margin-top: 0;
}
 
.collapsible-block-unfolded > * {
    padding: .53rem 1rem;
}
/* -------------------- */
 
/* ---------- tabs ---------- */
:root .yui-navset.yui-navset-top .yui-nav li a:where(:hover, :active, :focus, :focus-within) {
    color: var(--sp_tab-hover-text-color);
    background: var(--sp_tab-hover-background);
    border-color: var(--sp_tab-hover-border-color);
}
 
.yui-navset .yui-nav {
    border: transparent;
    margin-bottom: 0px;
}
 
.yui-navset.yui-navset-top>.yui-nav {
    row-gap: 0.5em;
}
 
.yui-navset.yui-navset-top>.yui-nav>li {
    flex-grow: 1;
    position: relative;
    margin: 1.2rem;
    padding: .53rem 1rem;
 
    border-color: transparent;
    border-radius: var(--radius);
    background-color: rgb(var(--dark-color-two)); 
 
    font-family: var(--header-font), monospace; 
    font-size: 140%;
    text-align: center;
}
 
:is(.yui-navset.yui-navset-top>.yui-nav>li)::after {
    content: "";
    position: absolute;
    inset: 0;
    border: unset;
    border-image: var(--border-image) / 1rem;
    filter: var(--soft-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.yui-navset.yui-navset-top .yui-nav .selected a {
    border-color: transparent;
    border-radius: var(--radius); 
}
 
:is(.yui-navset.yui-navset-top .yui-nav .selected a)::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    border: unset;
    border-image: var(--border-image) / 1rem;
    filter: var(--bright-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.yui-navset.yui-navset-top>.yui-nav>li a {
    color: rgb(var(--dark-highlight));
    border-color: transparent;
    border-radius: var(--radius); 
}
 
:is(.yui-navset.yui-navset-top>.yui-nav>li a):is(:hover, :active, :focus, :focus-within)::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    border: unset;
    border-image: var(--border-image) / 1rem;
    filter: var(--bright-color-filter);
    border-image-outset: 0.1em;
    pointer-events: none;
}
 
.yui-navset .yui-content {
    margin: auto 1em;
    padding: 0 1em;
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
    border-color: rgb(var(--dark-color-one));
    border-top-color: transparent;
}
/* -------------------- */
 
/* ---------- tables ---------- */
table.wiki-content-table :is(th,td) {
    border-color: rgb(var(--dark-color-one));
}
 
table.wiki-content-table th {
    background-color: rgb(var(--dark-color-two));
    color: rgb(var(--text-color));
}
 
table.wiki-content-table td {
    background: rgb(var(--light-color-one));
}
/* -------------------- */
 
/* ---------- image block ---------- */
.scp-image-block {
    border: none;
    box-shadow: none;
    padding: 0;
    box-sizing: border-box;
    background: rgba(var(--bg-color), 0.25);
}
 
.scp-image-block.block-left { margin-left: 0; }
 
.scp-image-block.block-right { margin-right: 0; }
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--dark-color-two));
    border: none;
    padding: 0;
    padding-top: 0.25rem;
    color: rgb(var(--text-color));
    font-weight: normal;
    font-size: .95em;
}
/* -------------------- */
 
/* ---------- TOC ---------- */
#toc {
    background-color: rgb(var(--light-color-one));
    border: 0.08em solid rgb(var(--dark-color-one));
}
/* -------------------- */
 
/* ---------- ACS ---------- */
div.anom-bar-container {
  --five-color: 150, 52, 103;
  --four-color: 113, 58, 142;
  --three-color: 81, 74, 143;
  --two-color: 68, 103, 140;
  --one-color: 70, 142, 126;
}
 
div.danger-diamond a {
    color: transparent!important;
}
 
div.anom-bar-container.clear-6 .top-center-box > div {
    background-image: url("http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/blue_spaces.jpg");
    background-blend-mode: normal;
}
/* -------------------- */
 
/* ---------- code ---------- */
.code {
    font-weight: bold;
    background: rgb(var(--bright-color));
    border: none;
}
 
pre {
    font-family: var(--UI-font), monospace;
    font-size: 1.15em;
}
 
.hl-code,
.hl-default,
.hl-brackets,
.hl-quotes,
.hl-string,
.hl-identifier {
    color: rgb(18, 18, 18);
}
.hl-special {
    color: rgb(79, 194, 190);
}
.hl-number {
    color: rgb(199, 158, 71);
}
.hl-reserved {
    color: rgb(50, 131, 214);
}
.hl-var, .hl-comment {
  color: rgb(255, 97, 136);
}
/* -------------------- */
 
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*------------------- BOTTOM HALF -------------------*/
    /*---------------------------------------------------*/
 
/* ---------- license area ---------- */
#footer,
#license-area {
    position: relative;
    z-index: 2;
    background-color: rgb(var(--dark-color-one));
    color: rgb(var(--text-color));
}
 
#footer a, #license-area a {
    color: rgb(var(--bright-color));
}
 
#footer {
    padding-top: 1rem;
}
 
#license-area {
    padding-top: 0;
}
 
.hovertip {
    color: rgb(var(--text-color));
    font-family: var(--UI-font), monospace;
    filter: drop-shadow(0 0 0.5rem rgb(var(--dark-bg-color)));
}
/* -------------------- */
 
/* ---------- buttons ---------- */
div.buttons input, input.button, button, a.button, .owindow .button-bar .btn {
    margin: 0.125rem;
    padding: 0.25rem 0.675rem;
    text-decoration: none;
    background-color: rgb(var(--dark-color-two));
    border: 0.08em solid rgb(var(--dark-highlight));
    color: rgb(var(--text-color));
}
 
:is(div.buttons input, input.button, button, a.button, .owindow .button-bar a):is(:hover, :active, :focus, :focus-within) {
    color: rgb(var(--soft-color));
    background-color: rgb(var(--dark-color-two));
    border: 0.08em solid rgb(var(--soft-color));
    font-weight: bold;
    filter: drop-shadow(0 0 0.5rem rgb(var(--soft-color)));
}
 
a.action-area-close:is(:hover, :active, :focus, :focus-within) {
    background-color: transparent;
}
/* -------------------- */
 
/* ---------- really misc misc stuff ---------- */
#lock-info {
    border-color: rgb(var(--dark-color-one));
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
}
 
.page-source {
    font-family: var(--UI-font), monospace;
    font-size: 1.18em;
    background-color: rgb(var(--light-color-one));
    border: 0.08em solid rgb(var(--dark-color-one));
}
 
#edit-page-title {
    width: 100%;
}
 
.keycap {
    color: rgb(var(--dark-color-one));
}
 
table.form td div.sub, form div.sub {
    color: rgb(var(--text-color));
}
/* -------------------- */
 
    /*---------------------------------------------------*/
 
    /*---------------------------------------------------*/
    /*---------------------- PHONE ----------------------*/
    /*---------------------------------------------------*/
@media only screen and (max-width: 1175px) {
#container::before {
    background-position: right center, center;
}
 
:root:root {
  --cloud-background-gradient-transition: calc(50vh - 17vw);
}
}
 
@media only screen and (max-width: 767.98px) {
 
#header h1 {
    padding: 0;
    margin-top: 2em;
    padding-inline-start: var(--sp_area-comp-margin);
    font-family: var(--header-font), monospace; 
    font-weight: 700;
    line-height: 0.875;
    letter-spacing: -0.1rem;
}
 
#top-bar div[class*="top-bar"] > ul > li {
    position: static;
}
 
#container {
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_dawn_sky.png'), linear-gradient(0deg, rgba(var(--lowest-sky),1) calc(75vh - 5vw), rgba(var(--bg-color),1) calc(55vh - 15vw));
    background-size: auto calc(var(--sp_header-height) + var(--sp_top-bar-height)), auto;
    background-position: right 15%, center;
}
 
#container::before {
    background-size: auto calc(var(--sp_header-height) + var(--sp_top-bar-height)), auto;
}
 
:root:root:root {
  --cloud-background-gradient-transition: calc(50vh - 120px);
}
 
#main-content {
    padding: 2.5rem 0.5rem 0 0.5rem;
}
 
.owindow:has(#user-abuse-report-button-hovertip) {
    margin: 3rem auto;
}
}
 
@media only screen and (max-width: 767.98px) and (orientation: landscape) {
#container::before {
    background-size: auto calc(var(--sp_header-height) + var(--sp_top-bar-height)), auto;
    background-position: right center, top 150%;
}
}

/*---------------------------------------------------*/
/*  PASTEL SKIES THEME : DAY  */
/*---------------------------------------------------*/
:root {
    --sp_rate-module-button-hover-background: rgb(var(--light-color-two));
 
    --sp_tab-text-color: rgb(var(--text-color));
    --sp_tab-background: rgb(var(--light-color-two));
    --sp_tab-border-color: transparent;
 
    --sp_tab-hover-text-color: rgb(var(--dark-bg-color));
    --sp_tab-hover-background: rgb(var(--light-color-one));
    --sp_tab-hover-border-color: transparent;
 
    --sp_tab-selected-text-color: rgb(var(--dark-bg-color));
    --sp_tab-selected-background: rgb(var(--light-color-one));
    --sp_tab-selected-border-color: transparent;
 
    --bg-color: 133, 170, 225;
    --dark-color-one:  89, 133, 198;
    --dark-color-two: 138, 154, 215; 
    --light-color-one: 159, 194, 230; 
    --light-color-two: 198, 218, 241;
    --bright-color: 233, 250, 247; 
    --highlight-color: 255, 255, 255; 
    --soft-color: 204, 224, 222; 
 
    --text-color: 32, 21, 51;
    --lowest-sky: 133, 190, 225;
    --dark-bg-color: 61, 93, 161;
    --dark-highlight: var(--bright-color);
 
    --cloud-background-image: url(http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_day.png);
 
    --soft-color-filter: invert(65%) sepia(33%) saturate(502%) hue-rotate(191deg) brightness(89%) contrast(87%); /* filter for --dark-color-two for the pixel borders */
    --bright-color-filter: invert(55%) sepia(10%) saturate(2359%) hue-rotate(177deg) brightness(90%) contrast(85%); /* filter for --dark-color-one for the pixel borders */
 
    --pixel-bg: var(--light-color-one);
    --pixel-border-2: var(--pixel-bg);
 
}
 
.side-block.media a:nth-child(1) img {
    filter: hue-rotate(-15deg);
}
.side-block.media a:nth-child(2) img {
    filter: hue-rotate(-5deg);
}
.side-block.media a:nth-child(3) img {
    filter: hue-rotate(187deg);
}
.side-block.media a:nth-child(4) img {
    filter: hue-rotate(-127deg);
}
.side-block.media a:nth-child(5) img {
    filter: hue-rotate(-61deg);
}
.side-block.media a:nth-child(7) img {
    filter: hue-rotate(-32deg);
}
 
.owindow {
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
}
 
.owindow a {
    color: rgb(var(--dark-bg-color));
}
 
.owindow:has(#user-abuse-report-button-hovertip) {
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--text-color));
    box-shadow: var(--the-border-itself);
    border: unset;
}
 
div.modalbox {
    background: rgb(var(--light-color-one));
}
 
#container {
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_day_sky.png'), linear-gradient(0deg, rgba(var(--lowest-sky),1) calc(50vh - 15vw), rgba(var(--bg-color),1) calc(50vh - 15vw));
}
 
#container::before {
    background-image: var(--cloud-background-image), linear-gradient(0deg, rgba(var(--dark-color-two),1) var(--cloud-background-gradient-transition), rgba(var(--bg-color),0) var(--cloud-background-gradient-transition));
}
 
#main-content {
    background-color: rgba(var(--light-color-one), 0.8);
}
 
body {
    font-family: var(--body-font), monospace; 
    color: rgb(var(--text-color));
}
 
h1, h2, h3 {
    color: rgb(var(--dark-bg-color));
}
 
h4, h5, h6 {
    color: rgb(var(--dark-color-one));
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a, #toc a) {
    color: rgb(var(--dark-bg-color));
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a, #toc a):where(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.1rem rgb(var(--dark-bg-color)));
}
 
#page-title, .meta-title {
    color: rgb(var(--dark-bg-color));
    border-bottom-color: rgb(var(--dark-bg-color));
}
 
#main-content a {
    color: rgb(var(--dark-bg-color));
}
 
a.newpage {
    color: rgb(163, 64, 57);
}
 
blockquote, div.blockquote {
    background-color: rgb(var(--light-color-two));
    color: rgb(var(--text-color));
}
blockquote::after, div.blockquote::after {
    border-image-outset: 0.1em 0.1em 0.06em;
}
blockquote hr, div.blockquote hr {
    background-color: rgb(var(--dark-color-two));
}
 
.collapsible-block-folded, .collapsible-block-unfolded-link {
    background-color: rgb(var(--light-color-two)); 
}
 
.collapsible-block-folded a.collapsible-block-link:is(:hover, :active, :focus, :focus-within) {
    border-radius: var(--radius);
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--dark-bg-color)); 
}
 
.collapsible-block-unfolded-link:is(:hover, :active, :focus, :focus-within) {
    border-radius: var(--radius);
    background-color: rgb(var(--light-color-one));
    color: rgb(var(--dark-bg-color)); 
}
 
.collapsible-block-unfolded {
    background-color: rgb(var(--light-color-two)); 
    color: rgb(var(--text-color));
}
 
.yui-navset.yui-navset-top>.yui-nav>li {
    background-color: rgb(var(--bg-color)); 
}
 
.yui-navset.yui-navset-top .yui-nav .selected a {
    color: rgb(var(--dark-bg-color));
    background-color: rgb(var(--light-color-one)); 
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--light-color-two));
    color: rgb(var(--text-color));
    border-color: rgb(var(--dark-color-two));
}
 
table.wiki-content-table :is(th,td) {
    border-color: rgb(var(--dark-color-one));
}
 
hr {
    background-color: rgb(var(--dark-color-one));
}
 
div.blockquote.nighty::after {
    filter: invert(52%) sepia(10%) saturate(2277%) hue-rotate(177deg) brightness(94%) contrast(93%);
}
div.blockquote.dusky::after {
    filter: invert(91%) sepia(13%) saturate(7071%) hue-rotate(282deg) brightness(85%) contrast(80%);
}
 
.code {
    background: rgb(var(--bright-color));
}
 
.scp-image-block .scp-image-caption {
    background-color: rgba(var(--bright-color), 0.6);
}
 
#toc {
  background-color: rgb(var(--light-color-two));
}
 
#toc a {
    color: rgb(var(--dark-bg-color));
}
 
#toc a:where(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.1rem rgb(var(--dark-bg-color)));
}
 
#footer,
#license-area {
    background-color: rgb(var(--dark-color-two));
}
 
div.buttons input, input.button, button, a.button, .owindow .button-bar .btn {
    color: rgb(var(--bright-color));
}
 
.hovertip {
    color: rgb(var(--bright-color));
}
 
@media only screen and (max-width: 767.98px) {
#container {
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_day_sky.png'), linear-gradient(0deg, rgba(var(--lowest-sky),1) calc(75vh - 5vw), rgba(var(--bg-color),1) calc(55vh - 15vw));
}
}

/*---------------------------------------------------*/
/*  PASTEL SKIES THEME : NIGHT  */
/*---------------------------------------------------*/
:root {
    --sp_tab-text-color: rgb(var(--soft-color));
    --sp_tab-background: rgb(var(--dark-color-two));
    --sp_tab-border-color: rgb(var(--soft-color));
 
    --sp_tab-hover-text-color: rgb(var(--bright-color));
    --sp_tab-hover-background: rgb(var(--bg-color));
    --sp_tab-hover-border-color: rgb(var(--bright-color));
 
    --sp_tab-selected-text-color: rgb(var(--bright-color));
    --sp_tab-selected-background: rgb(var(--bg-color));
    --sp_tab-selected-border-color: transparent;
 
    --sp_rate-module-text-color: rgb(var(--text-color));
    --sp_rate-module-background: rgb(var(--dark-color-two));
    --sp_rate-module-sub-color: rgb(var(--light-color-one));
    --sp_rate-module-active-color: var(--sp_rate-module-background);
    --sp_rate-module-button-color: var(--sp_rate-module-background);
    --sp_rate-module-button-background: var(--sp_rate-module-background);
    --sp_rate-module-button-hover-color: var(--sp_rate-module-active-color);
    --sp_rate-module-button-hover-background: rgb(var(--bg-color));
 
    --sp_hovertip-background: rgb(var(--dark-color-one));
    --sp_hovertip-border: 0.05rem solid rgb(var(--bright-color));
 
    --bg-color: 32, 21, 51;
    --dark-color-one: 37, 36, 70;
    --dark-color-two: 32, 53, 98;
    --light-color-one: 30, 87, 156;
    --light-color-two: 0, 152, 219;
    --bright-color: 12, 230, 242; 
    --highlight-color: 255, 255, 255; 
    --soft-color: 174, 205, 205; 
 
    --text-color: 230, 230, 230;
    --top-bar-color: var(--dark-color-one);
    --dark-highlight: var(--bright-color); 
 
    --cloud-background-image: url(http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/cloudy_night.png);
 
    --soft-color-filter: invert(97%) sepia(4%) saturate(1658%) hue-rotate(124deg) brightness(90%) contrast(77%); /* filter for --soft-color for the pixel borders */
    --bright-color-filter: invert(75%) sepia(40%) saturate(1083%) hue-rotate(132deg) brightness(96%) contrast(99%); /* filter for --bright-color for the pixel borders */
 
    --pixel-bg: var(--dark-color-one);
    --pixel-border: var(--soft-color); /* Inner border color: */
    --pixel-border-2: var(--dark-color-one); /* Middle border color: */
    --pixel-border-3: var(--pixel-border); /* Outer border color */
}
 
#header h1 a:is(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.75rem rgb(var(--soft-color)));
}
 
#header-extra-div-1 {
    background-color: rgba(var(--top-bar-color), 0.8);
}
 
.owindow {
    background-color: rgb(var(--dark-color-one));
    border: 0.08em solid rgb(var(--soft-color));
    color: rgb(var(--soft-color));
}
 
.owindow .title {
    background-color: rgb(var(--bg-color));
    border-top: 0.08em solid rgb(var(--bright-color));
    border-bottom: 0.08em solid rgb(var(--bright-color));
}
 
.owindow a {
    color: rgb(var(--bright-color));
}
 
.owindow:has(#user-abuse-report-button-hovertip) {
    background-color: rgb(var(--dark-color-one));
}
 
#search-top-box::before {
    background-color: rgb(var(--soft-color));
}
 
#top-bar {
    border-bottom: 0.25em solid rgb(var(--light-color-two));
}
 
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
    border-bottom: 0.25em solid rgb(var(--light-color-two));
}
 
#top-bar .open-menu a {
    border: 0.15em solid rgb(var(--light-color-two));
    color: rgb(var(--light-color-two));
}
 
div#side-bar {
    background-color: rgba(var(--bg-color), 0.9);
}
 
.side-block.media a:nth-child(1) img {
    filter: hue-rotate(-15deg);
}
.side-block.media a:nth-child(2) img {
    filter: hue-rotate(-5deg);
}
.side-block.media a:nth-child(3) img {
    filter: hue-rotate(187deg);
}
.side-block.media a:nth-child(4) img {
    filter: hue-rotate(-127deg);
}
.side-block.media a:nth-child(5) img {
    filter: hue-rotate(-61deg);
}
.side-block.media a:nth-child(7) img {
    filter: hue-rotate(-32deg);
}
 
div.modalbox {
    background: rgb(var(--dark-color-one));
}
 
#container {
    background-color: rgb(var(--bg-color));
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/stars_tile_transparent.png');
    background-size: 500px auto;
    background-position: fixed;
    background-attachment: fixed;
    background-repeat: repeat;
    background-blend-mode: screen, 0.5;
    image-rendering: pixelated; 
}
 
#container::before {
    background-image: var(--cloud-background-image), linear-gradient(0deg, rgba(var(--dark-color-one),1) var(--cloud-background-gradient-transition), rgba(var(--bg-color),0.6) var(--cloud-background-gradient-transition));
}
 
#main-content {
    background-color: rgba(var(--dark-color-one), 0.9);
    color: rgb(var(--text-color));
}
 
body {
    color: rgb(var(--text-color));
}
 
h1, h2, h3 {
    color: rgb(var(--bright-color));
}
 
h4, h5, h6 {
    color: rgb(var(--soft-color));
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a, #toc a) {
    color: rgb(var(--bright-color));
}
 
#main-content a:not(.yui-navset .yui-nav a, .collapsible-block a, #toc a):where(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.1rem rgb(var(--bright-color)));
}
 
hr {
    background-color: rgb(var(--soft-color));
}
 
blockquote, div.blockquote {
    background-color: rgb(var(--dark-color-two)); 
    color: rgb(var(--soft-color));
}
 
div.blockquote.lite {
    border: 0.08em solid rgb(var(--soft-color));
    border-radius: 0; 
}
 
.collapsible-block-folded:is(:hover, :active, :focus, :focus-within),
.collapsible-block-unfolded-link:is(:hover, :active, :focus, :focus-within){
    background-color: rgb(var(--bg-color)); 
}
 
.collapsible-block-link:is(:hover, :active, :focus, :focus-within){
    color: rgb(var(--soft-color));
}
 
.collapsible-block-unfolded {
    background-color: rgb(var(--dark-color-two));
    color: rgb(var(--soft-color));
}
 
.yui-navset.yui-navset-top>.yui-nav>li a {
    color: rgb(var(--soft-color));
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--bg-color)); 
    color: rgb(var(--soft-color));
    border-color: rgb(var(--soft-color));
}
 
.scp-image-block .scp-image-caption {
    background-color: rgba(var(--light-color-two), 0.6);
    color: rgb(var(--highlight-color));
}
 
table.wiki-content-table :is(th,td) {
    border-color: rgb(var(--bright-color));
}
table.wiki-content-table th {
    background-color: rgb(var(--dark-color-two));
    color: rgb(var(--bright-color));
}
table.wiki-content-table td {
    background-color: transparent;
}
 
#toc a {
    color: rgb(var(--bright-color));
}
 
#toc a:where(:hover, :active, :focus, :focus-within) {
    filter: drop-shadow(0 0 0.1rem rgb(var(--bright-color)));
}
 
div.blockquote.nighty {
    background-color: rgb(32, 53, 98); 
    color: rgb(174, 205, 205);
}
div.blockquote.nighty::after {
    filter: invert(97%) sepia(4%) saturate(1658%) hue-rotate(124deg) brightness(90%) contrast(77%);
}
 
div.blockquote.nighty.lite {
    border: 0.08em solid rgb(174, 205, 205);
}
div.blockquote.nighty.lite::after {
    border: transparent;
    border-image: unset;
}
 
.code {
    background: rgb(22, 23, 33);
}
.hl-code,
.hl-default,
.hl-brackets,
.hl-quotes,
.hl-string,
.hl-identifier {
    color: rgb(255, 255, 255);
}
.hl-special, .hl-prepro {
    color: rgb(79, 194, 190);
}
.hl-number {
    color: rgb(199, 158, 71);
}
.hl-reserved, .hl-inlinedoc {
    color: rgb(50, 131, 214);
}
.hl-var, .hl-comment {
  color: rgb(255, 97, 136);
}
.hl-types {
  color: rgb(171, 141, 242);
}
 
#footer,
#license-area {
    background-color: rgb(var(--dark-color-one));
}
 
div.buttons input, input.button, button, a.button, .owindow .button-bar .btn {
    background-color: rgb(var(--bg-color));
}
 
#lock-info {
    color: rgb(var(--soft-color));
}
 
@media only screen and (max-width: 767.98px) {
 
#container {
    background-color: rgb(var(--bg-color));
    background-image: url('http://scptestwiki.wdfiles.com/local--files/sigma%3Alapistest/stars_tile_transparent.png');
    background-size: 500px auto;
    background-position: fixed;
}
 
}

‡ Licensing / Citation

Cite this page as:

"Pastel Skies Theme" by Miss Lapis and radian628, from the SCP Wiki. Source: https://scpwiki.com/theme:pastel-skies. Licensed under CC BY-SA.

For information on how to use this component, see the License Box component. To read about licensing policy, see the Licensing Guide.

Filename: blue_spaces.jpg
License: CC BY 3.0
Source Link: SCP Foundation Wiki

Image is a composite that incorporates the following image:

Filename: Dragonfish600.jpg
Author: NASA/JPL-Caltech/Univ. of Toronto
License: Public Domain
Source Link: Wikimedia Commons

Filename: acs_dawn.png, acs_day.png, acs_night.png
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki

Image is a composite that incorporates the following:

Name: Anomaly Classification Bar
Author: Woedenaz
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki

Filename: All other images
Author: Miss Lapis
License: CC BY-SA 3.0
Source Link: SCP Foundation Wiki

Filename: —the-border-itself and all corresponding variables
Author: makewistful
License: MIT
Source Link: Codepen