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.
First Title
Second Title
Third Title
Fourth Title
Fifth Title
Sixth Title
bold | italic | underline | strikethrough | teletype | superscriptsubscript | Link
|
Table of Contents
|
- numbered list
- list item
- list item
- bulleted list
- list item
- list item
- Tabulator
- Tabulation
- Long Tab
- Longer Tab
- Stuff In Tabs Tab
- This empty tab right here has a really long name.
- Empty Tab
- Empty Tab
- Empty Tab
- Empty Tab
- Empty Tab
This is a tab view.
Hey look, more text here.
How quaint.
This is a long tab. It contains a lot of text.1
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 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.
Header in the Tabber
Header in the Tabber But Smaller
Header in the Tabber But Even Smaller
Text — Link
Quote One
(Quote Two)
Hello.
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"]]
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"]]
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
/*---------------------------------------------------*/ /* 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; } }
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 WikiImage 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 WikiImage 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






