Link to article: A man in a cave..
/* =========================
My (mysticgalaxy's) theme by me
========================= */
/* GLOBAL MIDNIGHT BACKGROUND */
html,
body {
background-color: #05080f !important;
color: #d6e3ff;
}
#content-wrap,
#main-content,
#page-content,
#container,
#header,
#top-bar {
background-color: transparent !important;
}
#side-bar {
background-color: #070b14 !important;
}
/* =========================
PAGE CARD
========================= */
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
background-color: #0b1220;
background-image: linear-gradient(
to top,
#05080f 0%,
#0b1220 40%,
#121a2e 100%
);
border: 1px solid #1f2c4f;
border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
box-shadow: 0px 4px 12px rgba(0,0,0,0.65);
color: #d6e3ff;
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
/* =========================
COLLAPSIBLES / FORMS
========================= */
.fakeprot .mailform-box .buttons { display: none; }
.fakeprot + .collapsible-block .collapsible-block-link {
padding: 0.1em 0.5em;
text-decoration: none;
background-color: #0f172a;
border: 1px solid #1f2c4f;
color: #9fc1ff;
}
.fakeprot + .collapsible-block .collapsible-block-link:hover,
.fakeprot + .collapsible-block .collapsible-block-link:active {
background-color: #1a2440;
color: #d6e3ff;
}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link,
.fakeprot + .collapsible-block .collapsible-block-folded {
margin: 0.5em 0;
text-align: center;
}
.fakeprot .passw input[type=text] {
text-security: disc;
-webkit-text-security: disc;
-mox-text-security: disc;
}
.mailform-box td:first-child {
width: 80px;
}
/* =========================
LINKS
========================= */
a,
a.newpage {
color: #8fbaff;
}
a:hover {
color: #c2d9ff;
}
a:visited {
color: #6fa0e6;
}
/* =========================
BLOCKQUOTES
========================= */
blockquote,
div.blockquote {
border-color: #1f2c4f;
background-color: #0f172a;
color: #cfe0ff;
}
/* =========================
IMAGE CAPTIONS (FIXED)
========================= */
.scp-image-caption,
figcaption {
color: #e6eeff;
background: rgba(5, 8, 15, 0.85);
padding: 6px 10px;
margin-top: 4px;
font-size: 0.9em;
text-align: center;
border-radius: 6px;
border: 1px solid #1f2c4f;
text-shadow: 0 0 6px rgba(120,160,255,0.35);
}
.scp-image-block {
background: transparent;
}
/* =========================
SIDEBAR / INTERWIKI
========================= */
#side-bar a,
#interwiki a {
color: #8fbaff;
}
#side-bar .side-block,
#interwiki .side-block {
padding: 10px;
border: 2px solid #1f2c4f;
border-radius: 2px;
background: #0b1220;
margin-bottom: 15px;
color: #cfe0ff;
box-shadow: none !important;
}
#side-bar .heading,
#interwiki .heading {
color: #9fc1ff;
border-bottom: dotted 1px #1f2c4f;
font-size: 10pt;
}
#interwiki .menu-item img {
filter: hue-rotate(200deg) brightness(0.7);
}
/* =========================
HEADER VARIABLES
========================= */
:root {
--header-title: "SCP";
--sp_header-height: 21.75rem;
--sp_header-logo: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_%28emblem%29.svg);
--sp_header-logo-size: 7.25rem;
--sp_header-logo-adaptive-size: min(
var(--sp_header-logo-size),
calc(var(--sp_header-logo-size)*0.575 + 5vw)
);
}
#header h2 span {
color: transparent;
text-shadow: none;
font-family: sans-serif;
}
#header h2 span::before {
content: "Secure. Contain. Protect";
color: #d6e3ff;
text-shadow: 0 0 10px rgba(120,160,255,0.9);
background: transparent;
padding: 5px 11px 5px 10px;
}
/* =========================
HEADER IMAGE
========================= */
#header {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/02/NGC_2683_Spiral_galaxy.jpg);
}
#page-title {
display: none;
}
/* =========================
SEARCH
========================= */
#search-top-box-input {
border: solid 1px #1f2c4f;
color: #d6e3ff !important;
background-color: #0b1220;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
background-color: #121a2e;
}
#search-top-box-form input[type=submit] {
border: solid 1px #1f2c4f;
color: #d6e3ff;
background: #1a2440;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
background: #25345f;
}
/* =========================
RATE WIDGET
========================= */
.page-rate-widget-box .rate-points,
.page-rate-widget-box > *,
.rate-box-with-credit-button {
background-color: #1a2440 !important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #0b1220;
border-top: solid 1px #1f2c4f;
border-bottom: solid 1px #1f2c4f;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #d6e3ff;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #25345f;
color: #ffffff;
}
.page-rate-widget-box .cancel {
background-color: #1a2440;
border: solid 1px #1f2c4f;
}
.page-rate-widget-box .cancel a {
color: #d6e3ff;
}
.page-rate-widget-box .cancel a:hover {
background: #25345f;
color: #ffffff;
}
:root {
--timeScale: 2;
--timeDelay: 0.5s;
}
:root {
--timeScale: 2;
--timeDelay: 0.5s;
}
border-radius: 10px; margin: 10px
border-radius: 10px; margin: 10px
border-radius: 10px; margin: 10px
border-radius: 10px; margin: 10px
border-radius: 10px; margin: 10px
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:sigma-plus
[info]
:scp-wiki:component:preview
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:queerframe
[info]
:scp-wiki:component:acs-animation
[info]
component:preview
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote