Link to article: SCP-9935.
@import url('https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap');
:root {
--header-title: "SCP FOUNDATION";
--header-subtitle: "Department of Structures, Constructs, and Patterns";
--lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-9935/baseballlogo.png);
--white-monochrome: 28, 22, 16;
--pale-gray-monochrome: 54, 46, 37;
--light-pale-gray-monochrome: 72, 64, 54;
--very-light-gray-monochrome: 96, 86, 74;
--light-gray-monochrome: 206, 193, 167;
--gray-monochrome: 222, 210, 186;
--dark-gray-monochrome: 237, 228, 206;
--black-monochrome: 247, 241, 226;
--top-fade: 217, 201, 180;
--accentColor: 171, 43, 40;
--background-gradient-color: var(--dark-gray-monochrome);
--swatch-menubg-dark-color: var(--very-light-gray-monochrome);
--swatch-text-tertiary-color: var(--accentColor);
--ui-button-hover-txt: var(--black-monochrome);
--body-font: Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
--accentNavy: 28, 49, 82;
--brass: 173, 142, 86;
--clay: 133, 87, 52;
/* helpers for fades */
--bg-ink: 0, 0, 0;
--sunset-navy: 28, 49, 82;
--sunset-amber: 221, 158, 72;
--sunset-clay: 133, 87, 52;
--sunset-rose: 171, 43, 40;
--modal-header-txt: var(--black-monochrome);
--modal-header-bg: var(--white-monochrome);
--hoverblock-header-txt: var(--black-monochrome);
--hoverblock-bg: var(--black-monochrome);
}
/* Page background: pinstripes + cream */
body {
position: relative;
z-index: 0;
background:
repeating-linear-gradient(
90deg,
rgba(var(--accentNavy), .08) 0 1px,
transparent 1px 20px
);
background-color: rgb(var(--black-monochrome));
}
/* Top fade (shows only when at page top) */
body::before {
content:"";
position:absolute;
top:0; left:0; right:0;
height:20rem;
pointer-events:none;
z-index:0;
background: linear-gradient(to bottom,
rgba(var(--top-fade), .42),
rgba(var(--top-fade), 0)
);
}
/* Bottom fade (shows only when at page bottom) */
body::after {
content:"";
position:absolute;
bottom:0; left:0; right:0;
height:26rem;
pointer-events:none;
z-index:0;
background: linear-gradient(to top,
rgba(var(--sunset-navy), .10) 0%,
rgba(var(--sunset-clay), .10) 35%,
rgba(var(--sunset-amber), .12) 65%,
rgba(var(--sunset-rose), .12) 85%,
rgba(0,0,0,0) 100%
);
}
/* Content panel sits above fades/stripes */
#main-content {
position: relative;
z-index: 1;
background-color: rgb(var(--dark-gray-monochrome));
box-shadow: 0px 0px 2px 2px rgba(168,162,149, 1);
padding-top: 0rem;
}
#header {
padding-bottom: 20px;
}
#page-title {
display: none
}
#footer {
position:relative;
z-index: 1000;
}
#header h1 a { color: rgb(var(--accentNavy)); }
#header h2 { color: rgba(var(--white-monochrome), .75); }
a { color: rgb(var(--accentNavy)); }
a:hover, a:focus { color: rgb(var(--accentColor)); }
.scp-image-block {
border: .5rem double rgba(var(--gray-monochrome), 1);
border-bottom-width: .5rem;
box-shadow: .2rem .3rem 0 0 rgba(var(--brass), .8);
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--light-gray-monochrome));
color: rgb(var(--white-monochrome));
}
.info-container .collapsible-block-folded {
height: 2em;
}
.info-container .collapsible-block-unfolded-link {
height: 2em;
}
#page-content .info-container .collapsible-block-folded::before,
#page-content .info-container .collapsible-block-unfolded-link::before {
font-size: 140%;
font-family: "Jacquard 24", system-ui;
font-weight: 400;
font-style: normal;
color: #ede4ce;
padding-bottom: 30px;
margin-top: -0.1em; /* new line to fix wonky font */
}
.code pre, .code p, .code {
background-color: rgb(var(--dark-gray-monochrome));
color: rgb(var(--white-monochrome));
border: 1px solid rgba(var(--pale-gray-monochrome), .4);
}
hr, .page-tags::before {
background-image:
repeating-linear-gradient(90deg,
rgba(var(--accentColor), .7) 0 2px,
rgba(0,0,0,0) 2px 8px);
height: 2px;
border: 0;
opacity: .9;
}
button:hover, .btn:hover, #page-content a.action-area:hover {
background-color: rgb(var(--accentColor));
color: rgb(var(--black-monochrome));
}
width: 100%;
border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; text-align: center; width: 25%;
border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; text-align: center; width: 25%;
border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; text-align: center; width: 25%;
border-bottom: 1px solid #AAA; text-align: center; width: 25%;
border-right: 1px solid #AAA; text-align: center; width: 25%;
border-right: 1px solid #AAA; text-align: center; width: 25%;
border-right: 1px solid #AAA; text-align: center; width: 25%;
text-align: center; width: 25%;
component:preview
:scp-wiki:component:info-ayers
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
:scp-wiki:component:djk
[info]
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
footer-wikiwalk-nav