Link to article: fragment:scp-6460-0.
#page-title {
display: none;
}
/*
Raisa Theme
[2019 Wikidot Theme]
Created by Rounderhouse, with massive help from Woedenaz.
Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
The RAISA logo was created by Croquembouche. Licensed under CC BY SA 3.0.
*/
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800|Share+Tech+Mono');
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600&display=swap');
/* All Vars Used */
:root {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* mua be either "nuscp" or "sigma9" */
--theme-id: "raisa-theme";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "RAISA Theme";
/* set this to your theme's full name */
/* Header */
--logo-image: url("https://i.imgur.com/4uLBoQ3.png");
--header-title: "RAISA ARCHIVE";
--header-subtitle: "Records And Information Security Administration";
/* Typefaces */
--body-font: 'Oxanium', cursive;
--header-font: 'Share Tech Mono', monospace;
--title-font: 'Oxanium', cursive;
--mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
--UI-font: var(--mono-font);
/* Standard Colors */
--white-monochrome: 252, 252, 252;
/* white */
--pale-gray-monochrome: 244, 244, 244;
/* v light gray for blockquotes and stuff */
--light-gray-monochrome: 170, 170, 170;
/* light accent gray for login status */
--gray-monochrome: 66, 66, 72;
/* gray */
--dark-gray-monochrome: 48, 48, 52;
/* dark accent gray for sidebar background */
--black-monochrome: 12, 12, 12;
/* black */
--bright-accent: 221, 221, 119;
/* bright yellow for header */
--medium-accent: 224, 196, 71;
/* medium yellow for header */
--dark-accent: 34, 34, 0;
/* dark yellow-brown */
--newpage-color: 99, 190, 255;
/* bright blue */
--terminal-medium: 170, 170, 85;
/* faded yellow for terminal borders*/
--pale-accent: 96, 96, 0;
/* dark yellow-brown */
/* Primary Theme Colors */
--swatch-primary: var(--bright-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
/* Primary Text Colors */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-important-text: var(--bright-accent);
/* Primary Menu Colors */
--swatch-menubg-color: var(--dark-accent);
--swatch-menubg-light-color: var(--bright-accent);
--swatch-menubg-medium-color: var(--bright-accent);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-menubg-dark-color: var(--dark-accent);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--terminal-medium);
--swatch-menutxt-dark-color: var(--dark-accent);
--swatch-menutxt-light-color: var(--bright-accent);
--swatch-border-color: var(--terminal-medium);
/* Primary Header Colors */
--swatch-topmenu-border-color: var(--dark-accent);
--swatch-topmenu-bg-color: var(--dark-accent);
/* ===SECONDARY & TERTIARY COLORS=== */
/* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
/* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
--swatch-secondary-color: var(--swatch-menubg-light-color);
--swatch-tertiary-color: var(--swatch-menubg-dark-color);
--swatch-alternate-color: var(--swatch-primary);
/* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
--swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
--swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
/* Header Gradients */
--gradient-header: linear-gradient(to bottom,
rgba(var(--medium-accent), 0.97) 10%,
rgba(var(--medium-accent), 0.97) 40%,
rgb(var(--bright-accent)) 100%);
--gradient-topmenu: linear-gradient(to bottom,
rgb(var(--white-monochrome)) 0%,
rgb(var(--white-monochrome)) 7.5rem,
rgba(var(--swatch-topmenu-border-color), 1) 7.5rem,
rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem,
rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) 100%);
--gradient-topmenu-mobile: linear-gradient(to bottom,
rgba(var(--swatch-topmenu-border-color), 1) 0,
rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem,
rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem),
rgba(var(--swatch-topmenu-border-color), 1) 3rem);
--diagonal-stripes: repeating-linear-gradient(180deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh);
--gradient-sidemenu-header: linear-gradient(10deg,
rgba(var(--medium-accent), 0.45) 0%,
rgba(var(--medium-accent), 0.55) 100%);
--header-background-image-size: 100% 7.5rem;
/* Sidebar */
--sidebar-transition-timing: 0.5s ease-in-out 0.1s;
--sidebar-internal-border-thickness: 0.16rem;
--background-gradient-distance: 30rem;
}
/* ===============================
======= SPECIFIC COLORS =======
===============================
/* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */
:root {
/* ===BACKGROUND GRADIENT=== */
/* ===GENERAL BACKGROUND=== */
/* Overall Page Background Color */
--swatch-background: var(--white-monochrome);
/* Gradient Color used for the --gradient-background var */
--background-gradient-color: 242, 242, 120;
/* ===LINK COLORS=== */
--link-color: 126, 116, 38;
--visited-link-color: 75, 98, 66;
--hover-link-color: var(--swatch-primary-darkest);
}
#header {
/* ===HEADER ELEMENTS=== */
/* ===HEADER TITLES=== */
/* Header H1 and H2 colors */
--swatch-headerh1-color: var(--dark-accent);
--swatch-headerh2-color: var(--dark-accent);
/* Focus is when the search box has been clicked on */
--search-icon-focus-color: var(--swatch-primary-darkest);
--search-icon-focus-bg-color: var(--swatch-primary);
--search-focus-outline-color: var(--swatch-primary-darkest);
--search-focus-textbox-bg-color: var(--swatch-alternate-color);
/* ===LOGIN BOX ELEMENT=== */
--login-line-divider-color: var(--swatch-text-secondary-color);
--login-username-color: var(--swatch-text-secondary-color);
--login-myaccount-color: var(--swatch-text-secondary-color);
--login-myaccount-underline-color: var(--swatch-primary);
--login-myaccount-hover-bg-color: var(--swatch-primary);
--login-arrow-color: var(--swatch-text-light);
}
#top-bar {
/* ===TOPBAR ELEMENTS=== */
/* ===TOPBAR CATEGORIES=== */
--topmenu-category-color: var(--terminal-medium);
--topmenu-category-hover-color: var(--terminal-medium);
--mobile-topmenu-sidebar-button-color: var(--terminal-medium);
}
#side-bar,
#interwiki {
/* ===SIDE-BAR ELEMENTS=== */
/* ===MENU-ITEMS=== */
--sidebar-links-text: var(--swatch-text-tertiary-color);
--sidebar-links-hover-bg-color: var(--terminal-medium);
--sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
/* ===SIDEBAR COLLAPSIBLES=== */
/*Folded Colors */
--sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
--sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
/*Unfolded Colors */
--sidebar-collapsible-ufld-link-hover-color: var(--swatch-text-secondary-color);
--sidebar-collapsible-ufld-arrow-hover-color: var(--swatch-text-secondary-color);
/* Unfolded Body Colors */
--sidebar-collapsible-link-hover-color: var(--swatch-text-secondary-color);
}
/* ===FOOTER=== */
#footer {
--footer-bg-color: var(--terminal-medium);
--footer-text-color: var(--swatch-text-secondary-color);
--footer-link-color: var(--swatch-text-secondary-color);
--footer-link-hover-color: var(--swatch-primary);
--footer-link-hover-bg-color: var(--swatch-tertiary-color);
}
/* ===LICENSE AREA=== */
#license-area {
--license-bg-color: var(--dark-accent);
--license-text-color: var(--swatch-text-tertiary-color);
--license-link-color: var(--bright-accent);
--license-link-hover-color: var(--dark-accent);
--license-link-hover-bg-color: var(--bright-accent);
}
#main-content {
/* ===MAIN CONTENT UI ELEMENTS */
/* ===UI ICONS=== */
/* ===PAGE OPTIONS ICONS=== */
--ui-icon-color: var(--swatch-text-tertiary-color);
--ui-icon-bg: var(--terminal-medium);
/* ===TEXT EDITOR ICONS=== */
--editor-icon-hover-color: var(--swatch-menutxt-general-color);
/* ===TABS=== */
--tabs-txt: var(--white-monochrome);
--tabs-bg: var(--dark-accent);
--tabs-hover-txt: var(--dark-accent);
--tabs-content-bg-color: var(--swatch-tertiary-color), 0.25;
/* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
--footnotes-footer-title-text-color: var(--swatch-text-tertiary-color);
--footnotes-footer-num-color: var(--dark-accent);
--footnotes-footer-num-hover-color: var(--dark-accent);
/* ===PAGE TAGS=== */
--pagetags-title-text: var(--swatch-text-tertiary-color);
--pagetags-text-color: var(--swatch-primary-darkest);
--pagetags-text-hover-color: var(--swatch-text-secondary-color);
--pagetags-text-hover-bg-color: var(--swatch-primary);
}
/* ===GLOBAL ELEMENTS=== */
:root {
/* ===UI BUTTONS=== */
--ui-button-bg: var(--swatch-tertiary-color);
--ui-button-hover-bg: var(--terminal-medium);
--ui-button-hover-outline: var(--dark-accent);
/* ===RATING MODULE=== */
--rating-module-button-plus-color: var(--bright-accent);
--rating-module-button-negative-color: var(--bright-accent);
--rating-module-button-cancel-color: var(--bright-accent);
--rating-module-button-credit-color: var(--bright-accent);
--rating-module-bg-color: var(--swatch-primary-darkest);
--rating-module-bottom-border-color: 0, 0, 0, 0;
--rating-module-text-color: var(--swatch-menutxt-dark-color);
--rating-module-text-hover-color: var(--swatch-menutxt-dark-color);
/* ===MODALS=== */
--modal-bg: var(--swatch-tertiary-color);
--modal-body-text: var(--swatch-text-tertiary-color);
--modal-header-txt: var(--swatch-text-tertiary-color);
--modal-header-stripe: var(--terminal-medium);
/* ===FOOTNOTES HOVER BLOCK=== */
--hoverblock-bg: var(--swatch-tertiary-color);
--hoverblock-txt: var(--swatch-text-tertiary-color);
--hoverblock-header-txt: var(--swatch-text-secondary-color);
--hoverblock-footer-txt: var(--swatch-text-tertiary-color);
/* ===LISTPAGES PAGER=== */
--pager-text: var(--swatch-text-general);
--pager-link: var(--link-color);
--pager-link-hover: var(--swatch-text-secondary-color);
--pager-hover-bg: var(--swatch-primary-darkest);
--pager-selected-bg: var(--swatch-primary);
--pager-selected-link: var(--swatch-text-secondary-color);
}
::-moz-selection {
background: rgba(var(--swatch-primary), 1);
color: rgb(var(--black-monochrome)) !important;
text-shadow: none;
}
::selection {
background: rgba(var(--swatch-primary), 1);
color: rgb(var(--black-monochrome)) !important;
text-shadow: none;
}
html,
body,
#side-bar:hover {
scrollbar-color: rgb(var(--terminal-medium)) rgb(var(--dark-accent));
}
::-webkit-scrollbar,
#side-bar:hover::-webkit-scrollbar {
background-color: rgb(var(--dark-accent));
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--terminal-medium));
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--dark-accent));
color: rgb(var(--dark-accent));
font-size: .8em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
}
a[href*="/random:random-tale"],
a[href*="/most-recently-edited"] {
min-width: calc((var(--base-font-size) * (14 / 15)) * 6);
}
.code {
width: 100%;
margin-bottom: 10px;
padding: 5px 5px 5px 15px;
border: 2px dashed rgb(var(--terminal-medium));
background-color: rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
font-family: var(--header-font);
font-size: 1.1em;
}
.hl-main {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
#page-content table.wiki-content-table th,
#page-content table.wiki-content-table tr,
#page-content table.wiki-content-table td {
border: 1px solid rgb(var(--terminal-medium)) !important;
background-color: rgb(var(--dark-accent)) !important;
color: rgb(var(--bright-accent));
}
.footnotes-footer {
width: 100%;
border: 3px solid rgb(var(--terminal-medium));
background-color: rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
font-family: var(--header-font);
font-size: 1.1em;
}
table.wiki-content-table {
border: 2px solid rgb(var(--terminal-medium));
}
hr {
background-color: rgb(var(--bright-accent));
}
.page-rate-widget-box .rate-points {
color: rgb(var(--bright-accent)) !important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
background-color: rgb(var(--terminal-medium)) !important;
}
#page-content .rate-box-with-credit-button>.creditButton>p>a::before {
background-color: rgb(var(--pale-gray-monochrome));
}
#page-content .rate-box-with-credit-button>.creditButton:hover {
background: rgba(var(--bright-accent), 0.8);
}
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .cancel a:hover {
background-color: rgb(var(--bright-accent)) !important;
}
.scp-image-block {
border: solid .1625rem rgb(var(--terminal-medium));
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
margin: 10px auto;
border: 3px solid rgb(var(--terminal-medium));
background-color: rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
font-size: 1rem;
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) a {
color: rgb(227, 237, 33);
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) a:visited {
color: rgb(149, 156, 13);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
background-color: rgb(var(--dark-accent));
}
#search-top-box:not(:focus-within)::before {
color: rgb(var(--terminal-medium));
}
@-webkit-keyframes marquee {
0% {
transform: translateX(100%)
}
100% {
transform: translateX(-100%)
}
}
@keyframes marquee {
0% {
transform: translateX(100%)
}
100% {
transform: translateX(-100%)
}
}
@media only screen and (max-width: 768px) {
#header h2 {
height: 100%;
overflow: hidden;
pointer-events: none;
}
#header h2 span {
width: 150% !important;
margin-right: 0;
margin-left: 0;
padding: 0;
-webkit-animation: marquee linear 10s infinite;
animation: marquee linear 10s infinite;
}
#header h1 span {
font-size: 75%;
}
#top-bar {
font-size: calc(var(--base-font-size)*0.70);
}
}
border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;
border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;