Link to article: Anorrack's Author Page.
div.pullquote {
border: 1px dashed #999;
padding: 1em;
text-align: center;
margin: 1em;
}
@import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
:root {
--img-chew444: var(--MASK-chew222);
--MASK-chew_repeat: repeat;
--MASK-chew_size:100%;
--theme-base: "black-highlighter";
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/fiic-logo-wash.png");
--header-title: "FIIC";
--header-subtitle: " ";
--body-font: 'Jost', sans-serif;
--header-font: 'Rubik', sans-serif;
--title-font: 'Archivo', sans-serif;
--mono-font: 'IBM Plex Mono', monospace;
--UI-font: var(--printer-paper-font);
--manila-tabs-font: 'Telegraphem', monospace;
--manila-body-font: 'Remington Noiseless', serif;
--blokquote-alt-font: var(--printer-paper-font);
--ticker-font: 'Nouveau IBM', monospace;
--printer-paper-font: 'Alte Haas Grotesk', sans-serif;
--handwriting-font: 'Sedgwick Ave', cursive;
--windows-font: 'Modern DOS 8x16', sans-serif;
--logs-header-font: 'Commodore 64 Angled', sans-serif;
--logs-text-font: 'BabelSans', sans-serif;
--logs-dialogue-font: 'Arimo', sans-serif;
--logs-action-font: 'MoonGloss Display', sans-serif;
--header-height-on-desktop: 11.5rem;
--header-height-on-mobile: 11.5rem;
/* WHITE - GREY */
--win-white: 255, 255, 255;
--win-grey: 195, 195, 195;
--win-lborder: 237, 237, 237;
--win-border: 207, 207, 207;
--printer-paper: 245, 242, 235;
--believe-white: 215, 216, 217;
--grey-child: 205, 206, 208;
--papers-edge: 176, 176, 176;
--another-grey: 196, 196, 196;
--filing-cabinet: 193, 197, 201;
--white-lodge: 159, 160, 161;
--one-more-grey: 99, 99, 99;
--dark-track: 40, 42, 46;
--faded-type: 28, 28, 28;
--ink-blot: 10, 10, 10;
/* BLUE */
--dept-blue: 2, 4, 20;
--saucer-steel: 19, 21, 26;
--believe-grey: 25, 29, 43;
--einhander-gun: 78, 82, 92;
--fiic-blue: 16, 20, 105;
--fiic-grey: 119, 125, 140;
--cooper: 98, 112, 140;
--mulder: 69, 84, 115;
--skinner: 41, 51, 91;
--scully: 34, 40, 54;
/* BROWN */
--manila-folder: 217, 201, 160;
--manila-body: 224, 213, 186;
--manila-edge: 189, 169, 124;
--coffee-ring: 71, 39, 5;
--dead-wood: 43, 35, 25;
--light-desk: 26, 24, 21;
--dark-desk: 13, 12, 11;
--reyes: 224, 219, 195;
--doggett: 140, 119, 98;
/* GREEN */
--peaks-green: 0, 145, 9;
/* YELLOW */
--highlighter: 214, 184, 36;
--post-it: 230, 223, 131;
/* RED */
--red-room: 163, 0, 0;
--color-darkest:#000;
--color-darker:#333;
--color-dark:#555;
--mz-paper-bg:rgba(236,235,220, 0.6);
--mz-paper-bg222:#e9e9e2;
--icon-noise:url(https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png);
/* THEME ASSIGNMENTS */
--white-monochrome: var(--filing-cabinet);
--pale-gray-monochrome: var(--reyes);
--light-gray-monochrome: var(--manila-edge);
--gray-monochrome: var(--ink-blot);
--dark-gray-monochrome: var(--filing-cabinet);
--black-monochrome: var(--printer-paper);
--pale-accent: var(--cooper);
--bright-accent: var(--doggett);
--medium-accent: var(--scully);
--dark-accent: var(--mulder);
--swatch-topmenu-bg-color: var(--einhander-gun);
--swatch-topmenu-border-color: var(--einhander-gun);
--swatch-code-text-general: var(--swatch-text-dark);
--swatch-text-light: var(--believe-white);
--swatch-text-dark: var(--ink-blot);
--swatch-text-general: var(--swatch-text-light);
--swatch-menubg-color: var(--filing-cabinet);
--swatch-menubg-medium-color: var(--papers-edge);
--swatch-menubg-medium-dark-color: var(--ink-blot);
--swatch-menutxt-light-color: var(--believe-white);
--swatch-menutxt-dark-color: var(--ink-blot);
--swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
--swatch-text-secondary-color: var(--ink-blot);
--swatch-text-tertiary-color: var(--believe-white);
--swatch-important-text: var(--bright-accent);
--swatch-background: var(--dark-desk);
--header-gradient-color-top: var(--saucer-steel);
--header-gradient-color-middle: var(--believe-grey);
--header-gradient-color-bottom: var(--saucer-steel);
--background-gradient-distance: 0rem;
--diagonal-stripes: linear-gradient(transparent 0);
--sidebar-transition-timing: 0.8s ease-in-out 0.1s;
--hover-link-color: var(--highlighter);
--newpage-color: var(--manila-folder);
--link-color: var(--manila-folder);
--visited-link-color: var(--grey-child);
--rating-module-bg-color: var(--einhander-gun);
--rating-module-button-plus-color: var(--peaks-green);
--rating-module-button-cancel-color: var(--scully);
--rating-module-bottom-border-color: var(--scully);
--rating-module-text-hover-color: var(--swatch-text-tertiary-color);
--toggle-button-bg: rgba(var(--ink-blot), 0);
--toggle-border-color: rgb(var(--printer-paper));
--toggle-icon-color: rgb(var(--believe-white));
--toggle-roundness: 0%;
--ui-button-bg: var(--another-grey);
--ui-button-txt: var(--ink-blot);
--ui-button-hover-bg: var(--skinner);
--ui-button-hover-outline: var(--scully);
--ui-button-hover-txt: var(--printer-paper);
--SB-btn_border_cl:var(--color-darker);
--SB-btn_txt:var(--color-darker);
--PGtt-line_color:var(--color-darker);
}
#main-content {
--tabs-bg: var(--manila-folder);
--tabs-txt: var(--ink-blot);
--tabs-hover-bg: var(--manila-edge);
--tabs-hover-txt: var(--dead-wood);
--tabs-selected-bg: var(--manila-edge);
--tabs-selected-txt: var(--ink-blot);
--tabs-selected-outline: var(--manila-edge);
--tabs-bottom-border-color: var(--manila-edge);
.CS-title {
font-family: 'alpha_echoregular';
}
.page {
display: block;
overflow: hidden;
font-family: "Monotype";
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(255,244,139) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.mz-paper{
border: 3.5px double #555;
padding:0.5rem 1rem;
margin: 1rem 1rem;
background-size:100px;
background-position: 0% 0%;
background-repeat: repeat;
background-color:var(--mz-paper-bg);
background-image: var(--icon-noise);
}
.genblock {
background-color: rgb(var(--printer-paper));
background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:twin-files/paper-texture.png");
background-repeat: repeat;
background-size: 100%;
color: rgb(var(--ink-blot));
font-family: var(--printer-paper-font);
border: 1px solid white;
border-color: rgb(var(--papers-edge));
padding: 1.5em 1em 1.5em 1em;
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
.ticker {
padding: 10px 5px 1.1em 3.7em;
font-family: var(--ticker-font);
font-size: 110%;
font-weight: 400;
color: #000;
background: repeat-y url("https://scp-wiki.wdfiles.com/local--files/theme%3Atwin-files/tickerback.png");
background-position: center top;
background-size: 100%;
border: 2px solid #D8D6CA;
border-style: dashed solid dashed;
border-width: medium 2px 0px;
}
.chew-bottom,
.chew-top{
--NOTEPAGE-txt_border-size:0.8em;
--NOTEPAGE-before_area:header;
--NOTEPAGE-after_area:footer;
--NOTEPAGE-side_width: 100%;
--NOTEPAGE-side_height: 1rem;
--MASK-chew_repeat: repeat-x;
--MASK-chew_size:14rem;
--NOTEPAGE-before_display:none;
--NOTEPAGE-after_display:none;
--NOTEPAGE-header_font-size:0;
--NOTEPAGE-footer_font-size:0;
--NOTE-quote_width:100%;
--NOTE-quote_bg-size:3em;
--NOTE-quote_height:3em;
--NOTE-quote-side_clip:inset(0 0 25% 0);
--NOTE-quote-side_position: 0em 0;
--NOTE-quote-side_repeat:repeat-x;
}
.chew-top {
--NOTEPAGE-before_display:inline-grid;
--MASK-chew-before_margin:0px 0 -1px 0;
--NOTEPAGE-footer_font-size:0.8em;
--NOTEPAGE-header_display:none;
}
.chew-bottom {
--MASK-chew-after_margin: -1px 0 0 0;
--NOTEPAGE-after_display:inline-grid;
--NOTEPAGE-header_font-size:1.5em;
}
.chew-bottom .notepage-body:after{
--MASK-chew-after: var(--MASK-chew222);
}
.chew-top .notepage-body:before{
--MASK-chew-before: var(--MASK-chew222);
transform: scaleY(-1);
}
.mmposter-wrap{
display: flex;
justify-content: center ;
flex-wrap: wrap;
}
.mmposter-cell{
min-width: 10%;
justify-self: center;
}
.mmposter-blockquote .mmposter-cell{
min-width: 50%;
}
.mmposter-semi .mmposter-cell{
width: 50% ;
}
.mmposter-semi .mmposter-cell span[style*="underline"]{
display: none
}
.flex-pc{
display: flex;
}
.flex-wrap{
display: flex;
justify-content: space-around;
}
.flex-wrap div{
margin: 0 0.5rem;
width: 100%;
}
@media (max-width: 500px) {
.flex-pc{
display: block;
}
.flex-wrap{
flex-wrap:wrap;
}
.mmposter-semi .mmposter-cell,
.mmposter-cell{
width: 100%;
min-width: auto;
}
.mmposter-right{
margin-top:2rem;
}
.mob-breakkkk{
display: block
}
}
.clip-wrap div {
max-width: 60%;
margin: 1rem auto;
width: 60%;
}
.clip-wrap .clip-img,
.clip-wrap .clip-body {
border: solid 2px rgb(var(--clip-border,0,0,0));
background-color: rgb(var(--clip-bg, 244, 244, 244));
box-sizing: border-box;
position: relative;
z-index: 0;
padding: 0.5rem;
}
.clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
.clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
content:'';
position: absolute;
pointer-events: none;
border: solid 0.25rem var(--color-darker);
transform: rotate(25deg);
}
.clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
border: solid 0.25rem var(--color-darker);
}
.clip-wrap .clip-img::before,
.clip-wrap .clip-body::before {
right: 0.45rem;
height: 36px;
width: 9px;
top: -0.45rem;
border-radius: 0 0 2rem 2rem;
border-top: none;
}
.clip-wrap .clip-img::after,
.clip-wrap .clip-body::after {
top: -24px;
right: -0.5rem;
height: 16px;
width: 14px;
border-radius: 2rem 2rem 0 0;
border-bottom: solid 0.55rem transparent;
z-index: -1;
}
.clip-wrap .clip-body img,
.clip-wrap .clip-img {
border: 0.15rem solid var(--color-darkest);
width: max-content;
}
.clip-wrap .clip-img::before {
right: -0.2rem;
top: -0.45rem;
}
.clip-wrap .clip-img::after {
right: -0.8rem;
height: 45px;
}
.clip-wrap .clip-img {
padding: 0rem;
border: 0.12rem solid var(--color-darkest);
box-shadow: 0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
}
@media (max-width: 500px) {
.clip-wrap{
max-width: 100%;
}
.clip-wrap .clip-img::before,
.clip-wrap .clip-body::before {
right: 0.3rem;
height: 1.4rem;
width: 0.4rem;
top: 0rem;
}
.clip-wrap .clip-img::after,
.clip-wrap .clip-body::after {
top: -1rem;
right: -0.5rem;
height: 1rem;
width: 0.7rem;
}
}
@import url('https://scp-wiki.wdfiles.com/local--files/theme:twin-files/stylesheet-alt.css');
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url('https://fonts.googleapis.com/css?family=Courier+Prime');
@import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/telegram3.css');
@import url('http://scp-wiki.wdfiles.com/local--files/component%3Aspirit-theme/Yukarimobile.css');
.CS-title {
font-family: 'alpha_echoregular';
}
.yui-navset .yui-nav {
border: solid #999999;
border-width: 0px 0px 0px 0px;
background: #ae8152;
}
.yui-navset .yui-nav li {
margin: 0px 2px 0px 0px;
padding: 0px;
}
.yui-navset .yui-nav .selected {
margin: 0px 2px 0px 0px;
padding: 0px;
}
.yui-navset .yui-nav li em {
font-family: courier, monospace !important;
font-size: 12pt;
font-weight: bold;
}
.yui-navset .yui-content {
background: #F9D986;
border: solid 2px #000000;
border-radius: 5px;
}
.yui-navset .yui-nav a em {
padding: 0px 5px 0px 5px;
}
.yui-navset .yui-nav .selected a em {
padding: 0px 5px 0px 5px;
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: #f4eede;
border: solid #000000;
border-width: 3px 3px 1px 3px;
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
background: #bfc3d4;
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: #0a0037;
border: solid 3px #ffffff;
}
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
background: #EBD5B3;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
background: #e7c9a9;
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
background: #EBD5B3;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EBD5B3;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EBD5B3;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EBD5B3;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
background: #EFE2BA;
border:solid 1px #999999; background-color: #f7f3e8; padding:13px; margin-bottom: 15px; font-family: 'Courier Prime';
padding: 0px 0px 0px 0px;
float:right; width:30%; padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left; width:25%; padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:center; width:25%; padding: 0px 0px 0px 0px;
clip-wrap
clip-body
clip-wrap
clip-body
clip-wrap
clip-body