From f0c4ca10d76ad641b593f7802083cb5a22fcb1d2 Mon Sep 17 00:00:00 2001 From: "Woed E. Naz" Date: Thu, 28 Mar 2019 10:00:22 -0400 Subject: [PATCH] Fixing Calc in Root and adding Dust Jacket Theme Fixing Calc in Root and adding Dust Jacket Theme --- .gitignore | 2 + gulpfile.js | 56 +- stable/styles/nuscp.css | 32 +- stable/styles/nuscp.min.css | 2 +- styles/root.css | 32 +- themes/dustjacket-theme.css | 1357 ++++++++++++++++++++++++ themes/fallbacks/dustjacket-theme.css | 1363 +++++++++++++++++++++++++ 7 files changed, 2807 insertions(+), 37 deletions(-) create mode 100644 themes/dustjacket-theme.css create mode 100644 themes/fallbacks/dustjacket-theme.css diff --git a/.gitignore b/.gitignore index 202405d8..56717f61 100644 --- a/.gitignore +++ b/.gitignore @@ -7,3 +7,5 @@ temp.css-e .stylelintrc .browserlistrc *.json +modernizr-custom.js +modernizr.js diff --git a/gulpfile.js b/gulpfile.js index 4cf8fc9a..c0485822 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,14 +1,62 @@ const gulp = require('gulp'); const sourcemaps = require('gulp-sourcemaps'); const autoprefixer = require('gulp-autoprefixer'); +const postcss = require('gulp-postcss'); +const cssvariables = require('postcss-css-variables'); +const unprefix = require("postcss-unprefix"); +const mergerules = require("postcss-merge-rules"); +const stylefmt = require('gulp-stylefmt'); +const stylelint = require("stylelint"); gulp.task('default', () => - gulp.src('styles/*.css') + gulp.src('themes/fallbacks/*.css') .pipe(sourcemaps.init()) .pipe(autoprefixer({ browsers: ['last 50 versions'], cascade: true })) - .pipe(sourcemaps.write('dist/')) - .pipe(gulp.dest('styles/')) -); \ No newline at end of file + .pipe(gulp.dest('themes/fallbacks')) +); + + +gulp.task('css', () => + gulp.src('themes/dustjacket-theme.css').pipe( + postcss([ + cssvariables({ + preserve: true + }) + ]) + ).pipe( + gulp.dest('themes/fallbacks') +)); + +gulp.task('rmv', () => + gulp.src('themes/*.css').pipe( + postcss([ + unprefix() + ]) + ).pipe( + gulp.dest('themes/fallbacks') +)); + + +gulp.task('merge', () => + gulp.src('themes/fallbacks/*.css').pipe( + postcss([ + mergerules() + ]) + ).pipe( + gulp.dest('themes/fallbacks') +)); + +gulp.task('stylefmt', () => + gulp.src('styles/*.css').pipe( + stylefmt()) + .pipe(gulp.dest('styles') +)); + +gulp.task('stylefmt-themes', () => + gulp.src('themes/*.css').pipe( + stylefmt()) + .pipe(gulp.dest('themes') +)); \ No newline at end of file diff --git a/stable/styles/nuscp.css b/stable/styles/nuscp.css index 275e375c..f7e48b81 100644 --- a/stable/styles/nuscp.css +++ b/stable/styles/nuscp.css @@ -320,7 +320,7 @@ ), 1 ) - calc(calc(0 / 100) * var(--background-gradient-distance, 40rem)), + calc((0 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -328,7 +328,7 @@ ), 0.987 ) - calc(calc(0.8 / 100) * var(--background-gradient-distance, 40rem)), + calc((0.8 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -336,7 +336,7 @@ ), 0.951 ) - calc(calc(2.9 / 100) * var(--background-gradient-distance, 40rem)), + calc((2.9 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -344,7 +344,7 @@ ), 0.896 ) - calc(calc(6.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((6.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -352,7 +352,7 @@ ), 0.825 ) - calc(calc(11 / 100) * var(--background-gradient-distance, 40rem)), + calc((11 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -360,7 +360,7 @@ ), 0.741 ) - calc(calc(16.6 / 100) * var(--background-gradient-distance, 40rem)), + calc((16.6 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -368,7 +368,7 @@ ), 0.648 ) - calc(calc(23.1 / 100) * var(--background-gradient-distance, 40rem)), + calc((23.1 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -376,7 +376,7 @@ ), 0.55 ) - calc(calc(30.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((30.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -384,7 +384,7 @@ ), 0.45 ) - calc(calc(38.3 / 100) * var(--background-gradient-distance, 40rem)), + calc((38.3 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -392,7 +392,7 @@ ), 0.352 ) - calc(calc(46.7 / 100) * var(--background-gradient-distance, 40rem)), + calc((46.7 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -400,7 +400,7 @@ ), 0.259 ) - calc(calc(55.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((55.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -408,7 +408,7 @@ ), 0.175 ) - calc(calc(64.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((64.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -416,7 +416,7 @@ ), 0.104 ) - calc(calc(73.5 / 100) * var(--background-gradient-distance, 40rem)), + calc((73.5 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -424,7 +424,7 @@ ), 0.049 ) - calc(calc(82.5 / 100) * var(--background-gradient-distance, 40rem)), + calc((82.5 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -432,7 +432,7 @@ ), 0.013 ) - calc(calc(91.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((91.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -440,7 +440,7 @@ ), 0 ) - calc(calc(100 / 100) * var(--background-gradient-distance, 40rem)) + calc((100 / 100) * var(--background-gradient-distance, 40rem)) ); --header-background-image-size: 100% 7.5rem; diff --git a/stable/styles/nuscp.min.css b/stable/styles/nuscp.min.css index 5482ba88..08713f9b 100644 --- a/stable/styles/nuscp.min.css +++ b/stable/styles/nuscp.min.css @@ -1 +1 @@ -@charset "utf-8";@import url("https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800");:root{--theme-base:"nuscp";--theme-id:"nuscp";--theme-name:"nu-SCP Theme";--logo-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");--header-title:"SCP FOUNDATION";--header-subtitle:"SECURE, CONTAIN, PROTECT";--body-font:"Lato",sans-serif;--header-font:"Poppins",sans-serif;--title-font:"Poppins",sans-serif;--mono-font:"PT Mono","Andale Mono","Courier New",Courier,monospace;--white-monochrome:252,252,252;--pale-gray-monochrome:244,244,244;--light-pale-gray-monochrome:244,244,244;--very-light-gray-monochrome:215,215,215;--gray-monochrome:66,66,72;--dark-gray-monochrome:48,48,52;--black-monochrome:12,12,12;--bright-accent:180,35,35;--medium-accent:140,20,25;--dark-accent:100,3,15;--newpage-color:221,102,17;--background-gradient-color:var(--very-light-gray-monochrome,215,215,215);--header-gradient-color-bottom:99,33,37;--header-gradient-color-middle:76,25,30;--header-gradient-color-top:56,37,37;--swatch-background:var(--white-monochrome,252,252,252);--swatch-primary:var(--bright-accent,180,35,35);--swatch-primary-darker:var(--medium-accent,140,20,25);--swatch-primary-darkest:var(--dark-accent,100,3,15);--swatch-text-dark:var(--black-monochrome,12,12,12);--swatch-text-light:var(--white-monochrome,252,252,252);--swatch-important-text:var(--bright-accent,180,35,35);--swatch-menubg-color:var(--white-monochrome,252,252,252);--swatch-menubg-light-color:var(--pale-gray-monochrome,244,244,244);--swatch-menubg-medium-color:var(--light-gray-monochrome,170,170,170);--swatch-menubg-medium-dark-color:var(--gray-monochrome,66,66,72);--swatch-menubg-dark-color:var(--dark-gray-monochrome,48,48,52);--swatch-menubg-black-color:var(--black-monochrome,12,12,12);--swatch-menubg-hover-color:var(--black-monochrome,12,12,12);--swatch-menutxt-dark-color:var(--black-monochrome,12,12,12);--swatch-menutxt-light-color:var(--white-monochrome,252,252,252);--swatch-border-color:var(--black-monochrome,12,12,12);--swatch-headerh1-color:var(--white-monochrome,252,252,252);--swatch-headerh2-color:var(--white-monochrome,252,252,252);--swatch-topmenu-border-color:var(--black-monochrome,12,12,12);--swatch-topmenu-bg-color:var(--gray-monochrome,66,66,72);--rating-module-button-color:var(--black-monochrome,12,12,12);--rating-module-text-color:var(--swatch-menutxt-dark-color,12,12,12);--gradient-header:linear-gradient(to top,rgb(var(--header-gradient-color-bottom,99,33,37)) 0,rgb(var(--header-gradient-color-middle,76,25,30)) 70%,rgb(var(--header-gradient-color-top,56,37,37)) 100%);--gradient-topmenu:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 7.5rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) 7.625rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),0.95) -webkit-calc(100% - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(100% - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 100%);--gradient-topmenu:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 7.5rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) 7.625rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),0.95) calc(100% - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(100% - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 100%);--gradient-topmenu-mobile:linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 0,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) .125rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 3rem);--gradient-topmenu-mobile:linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 0,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) .125rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 3rem);--diagonal-stripes:repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);--gradient-sidemenu-header:linear-gradient(10deg,rgba(var(--medium-accent,140,20,25),0.45) 0,rgba(var(--medium-accent,140,20,25),0.55) 100%);--background-gradient-distance:40rem;--gradient-background:linear-gradient(to bottom,rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),1) -webkit-calc(-webkit-calc(0 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.987) -webkit-calc(-webkit-calc(0.8 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.951) -webkit-calc(-webkit-calc(2.9 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.896) -webkit-calc(-webkit-calc(6.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.825) -webkit-calc(-webkit-calc(11 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.741) -webkit-calc(-webkit-calc(16.6 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.648) -webkit-calc(-webkit-calc(23.1 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.55) -webkit-calc(-webkit-calc(30.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.45) -webkit-calc(-webkit-calc(38.3 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.352) -webkit-calc(-webkit-calc(46.7 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.259) -webkit-calc(-webkit-calc(55.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.175) -webkit-calc(-webkit-calc(64.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.104) -webkit-calc(-webkit-calc(73.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.049) -webkit-calc(-webkit-calc(82.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.013) -webkit-calc(-webkit-calc(91.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0) -webkit-calc(-webkit-calc(100 / 100) * var(--background-gradient-distance,40rem)));--gradient-background:linear-gradient(to bottom,rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),1) calc(calc(0 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.987) calc(calc(0.8 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.951) calc(calc(2.9 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.896) calc(calc(6.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.825) calc(calc(11 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.741) calc(calc(16.6 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.648) calc(calc(23.1 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.55) calc(calc(30.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.45) calc(calc(38.3 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.352) calc(calc(46.7 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.259) calc(calc(55.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.175) calc(calc(64.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.104) calc(calc(73.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.049) calc(calc(82.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.013) calc(calc(91.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0) calc(calc(100 / 100) * var(--background-gradient-distance,40rem)));--header-background-image-size:100% 7.5rem;--offset-from-page-top:1.2rem;--body-width-on-desktop:44.25rem;--sidebar-width-on-desktop:-webkit-calc(var(--base-font-size,var(--font-calc,0.875rem)) * 19);--sidebar-width-on-desktop:calc(var(--base-font-size,var(--font-calc,0.875rem)) * 19);--sidebar-width-on-mobile:14rem;--scrollbar-width:.5625rem;--border-styling:solid .0625rem rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--border-radius-width:.0625rem;--box-border-bottom:0 .0625rem 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-top:0 -0.0625rem 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-left:-0.0625rem 0 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-right:.0625rem 0 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-all:0 0 0 .0625rem rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--sidebar-transition-timing:.5s ease-in-out .1s;--sidebar-internal-border-thickness:.125rem;--unitless-min-font-size:.8;--unitless-max-font-size:1;--unitless-min-viewport:768;--unitless-max-viewport:900;--min-lineheight:1.2;--max-lineheight:1.5;--font-size-difference:-webkit-calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));--font-size-difference:calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));--lineheight-difference:-webkit-calc(var(--max-lineheight) - var(--min-lineheight));--lineheight-difference:calc(var(--max-lineheight) - var(--min-lineheight));--viewport-range-difference:-webkit-calc(var(--unitless-max-viewport) - var(--unitless-min-viewport));--viewport-range-difference:calc(var(--unitless-max-viewport) - var(--unitless-min-viewport));--min-viewport-difference:-webkit-calc(100vw - (var(--unitless-min-viewport) * .0625rem));--min-viewport-difference:calc(100vw - (var(--unitless-min-viewport) * .0625rem));--font-calc:-webkit-calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--font-calc:calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--line-calc:-webkit-calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--line-calc:calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--base-font-size:var(--font-calc,0.875rem);--base-line-height:var(--line-calc,1.313rem)}::-moz-selection{background:rgba(180,35,35,0.25);background:rgba(var(--swatch-primary,180,35,35),0.25);text-shadow:none}::selection{background:rgba(180,35,35,0.25);background:rgba(var(--swatch-primary,180,35,35),0.25);text-shadow:none}.browserupgrade{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}.code{background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color,244,244,244));padding:1em}.code *{font-family:"PT Mono","Andale Mono","Courier New",Courier,monospace;font-family:var(--mono-font);max-width:90vw}.code p{margin:0}.code pre{margin:0;white-space:pre}#container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;margin:0;padding:0}#content-wrap{width:98vw;min-height:-webkit-calc(100vh - 9.375rem);min-height:calc(100vh - 9.375rem);flex-grow:2;height:auto !important;position:initial;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto -4.1em auto;padding:0}#page-title{min-height:2rem;font-family:"Poppins",sans-serif;font-family:var(--title-font);color:#0c0c0c;color:rgb(var(--swatch-text-dark,12,12,12));font-weight:600;margin:0 0 .6em !important;padding:0 0 .25em !important;border-color:#424248;border-color:rgb(var(--swatch-menubg-medium-dark-color,66,66,72));text-align:left !important}.form-control{width:95%}.info-container .collapsible-block-link,.info-container:hover .collapsible-block-link{line-height:1.6em}.printuser img.small{margin-right:.0625rem}#main-content{background-color:transparent;-webkit-flex-basis:44.25rem;-ms-flex-preferred-size:44.25rem;flex-basis:44.25rem;-webkit-flex-basis:var(--body-width-on-desktop);-ms-flex-preferred-size:var(--body-width-on-desktop);flex-basis:var(--body-width-on-desktop);max-width:44.25rem;max-width:var(--body-width-on-desktop);padding:2rem;margin-bottom:3rem;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;margin-left:-webkit-calc(50vw - (44.25rem / 2) - 2rem);margin-left:calc(50vw - (44.25rem / 2) - 2rem);margin-left:-webkit-calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));margin-left:calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));margin-right:1.5rem;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#breadcrumbs{font-weight:85%;margin:-1em 0 1em}#footer{clear:both;font-size:77%;background:#64030f;background:rgb(var(--swatch-primary-darkest,100,3,15));color:#424248;color:rgb(var(--swatch-menubg-medium-color,66,66,72));margin-top:.9375rem;padding:.1875rem .625rem;width:-webkit-calc(100% - 1.25rem);width:calc(100% - 1.25rem);width:-webkit-calc(98.7vw - var(--sidebar-width-on-desktop));width:calc(98.7vw - var(--sidebar-width-on-desktop));height:1rem;position:relative;align-self:flex-end}#footer .options{visibility:visible;display:block;float:right;width:50%;font-size:100%;text-align:right}#license-area{padding:0;position:relative;align-self:flex-end;width:100%}div.sexy-box{background:#fcfcfc;background:rgb(var(--swatch-background,252,252,252));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-border-color,12,12,12),0.25);overflow:hidden;margin:.4375rem .25rem .75rem;padding:0 .625rem .75rem}div.sexy-box div.image-container img{border:.0625rem solid rgba(12,12,12,0.5);border:.0625rem solid rgba(var(--swatch-border-color,12,12,12),0.5);margin:.3125rem;padding:.125rem}#page-content{min-height:45rem;max-width:90vw}.unmargined>p{line-height:100%;margin:0}.content-panel{--box-shadow-1:rgba(var(--swatch-text-dark,12,12,12),0.16);--box-shadow-2:rgba(var(--swatch-text-dark,12,12,12),0.23);--box-shadow-3:rgb(var(--swatch-menubg-medium-color,170,170,170));-webkit-border-radius:.625rem;border-radius:.625rem;background-color:rgba(66,66,72,0.5);background-color:rgba(var(--gray-monochrome,66,66,72),0.5);-webkit-box-shadow:0 .188em .375em rgba(12,12,12,0.16),0 .188em .375em rgba(12,12,12,0.23),0 0 .063em 0 #aaa inset,0 0 .063em 0 #aaa;box-shadow:0 .188em .375em rgba(12,12,12,0.16),0 .188em .375em rgba(12,12,12,0.23),0 0 .063em 0 #aaa inset,0 0 .063em 0 #aaa;-webkit-box-shadow:0 .188em .375em var(--box-shadow-1),0 .188em .375em var(--box-shadow-2),0 0 .063em 0 var(--box-shadow-3:) inset,0 0 .063em 0 var(--box-shadow-3:);box-shadow:0 .188em .375em var(--box-shadow-1),0 .188em .375em var(--box-shadow-2),0 0 .063em 0 var(--box-shadow-3:) inset,0 0 .063em 0 var(--box-shadow-3:);margin:.625em 0 .938em}.content-panel.standalone{background:#fcfcfc;background:rgb(var(--swatch-background,252,252,252))}.content-panel.series{margin-bottom:1.25rem;padding:0 1.25rem}.content-panel.centered{text-align:center}.content-panel.left-column{float:left;width:48%}.content-panel.right-column{float:right;width:48%}.content-panel .panel-heading{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.35);text-transform:uppercase;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color,252,252,252));font-size:100%;font-weight:900;text-shadow:.0625rem .0625rem .125rem rgba(12,12,12,0.35);text-shadow:.0625rem .0625rem .125rem var(--text-shadow);padding:.313em .625em;text-align:center}.content-panel .panel-body{background:rgb(var(--swatch-menubg-medium-color));padding:.313em .625em}.content-panel .panel-body>.news-title{font-family:"Poppins",sans-serif;font-family:var(--title-font);font-weight:900;text-transform:uppercase;font-size:90%}.content-panel .panel-footer{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.5);color:rgb(var(--swatch-menubg-medium-color));font-size:80%;font-weight:700;text-align:right;text-shadow:.0625rem .0625rem .125rem rgba(12,12,12,0.5);text-shadow:.0625rem .0625rem .125rem var(--text-shadow);padding:.0625rem .625rem}.content-panel .panel-footer a{color:rgb(var(--swatch-menubg-medium-color))}.content-panel .content-toc{--box-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.15);float:right;background-color:rgb(var(--swatch-menubg-medium-color));border:solid .0625rem rgb(var(--swatch-menubg-medium-dark-color));-webkit-border-radius:.625rem;border-radius:.625rem;white-space:nowrap;-webkit-box-shadow:inset .0625rem .125rem .375rem rgba(0,0,0,0.15);box-shadow:inset .0625rem .125rem .375rem rgba(0,0,0,0.15);-webkit-box-shadow:inset .0625rem .125rem .375rem var(--box-shadow);box-shadow:inset .0625rem .125rem .375rem var(--box-shadow);margin:1.25rem 0 .313rem .313rem;padding:0 1.25rem}.alternate:nth-child(even){background-color:rgba(var(--white-monochrome),0.9)}#main-content .page-tags{margin:1em 0 0;padding:0}#main-content .page-tags span{display:inline-block;max-width:100%;padding:0}#main-content .page-tags a{display:inline-block;white-space:nowrap}.footer-wikiwalk-nav{font-weight:700;font-size:75%}.forum-thread-box .description-block{--box-shadow-1:rgba(var(--swatch-menubg-black-color),0.15);--box-shadow-2:rgba(var(--swatch-menubg-black-color),0.8);--box-shadow-3:rgba(var(--swatch-menubg-color),0.25);--box-shadow-4:rgba(var(--swatch-menubg-black-color),0.1);-webkit-border-radius:.625rem;border-radius:.625rem;-webkit-box-shadow:0 .0625rem .3125rem rgba(0,0,0,0.15),inset 0 .0625rem 0 rgba(255,255,255,0.8),inset 0 .625rem .3125rem rgba(255,255,255,0.25),inset 0 -0.9375rem 1.875rem rgba(0,0,0,0.1);box-shadow:0 .0625rem .3125rem rgba(0,0,0,0.15),inset 0 .0625rem 0 rgba(255,255,255,0.8),inset 0 .625rem .3125rem rgba(255,255,255,0.25),inset 0 -0.9375rem 1.875rem rgba(0,0,0,0.1);-webkit-box-shadow:0 .0625rem .3125rem var(--box-shadow-1),inset 0 .0625rem 0 var(--box-shadow-2),inset 0 .625rem .3125rem var(--box-shadow-3),inset 0 -0.9375rem 1.875rem var(--box-shadow-4);box-shadow:0 .0625rem .3125rem var(--box-shadow-1),inset 0 .0625rem 0 var(--box-shadow-2),inset 0 .625rem .3125rem var(--box-shadow-3),inset 0 -0.9375rem 1.875rem var(--box-shadow-4);padding:.5em 1em}.thread-container .post .head{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);background:rgba(244,244,244),-webkit-gradient(linear,left top,right top,from(rgba(244,244,244)),to(rgba(170,170,170)));background:rgba(244,244,244),-webkit-linear-gradient(left,rgba(244,244,244),rgba(170,170,170));background:rgba(244,244,244),-o-linear-gradient(left,rgba(244,244,244),rgba(170,170,170));background:rgba(244,244,244),linear-gradient(to right,rgba(244,244,244),rgba(170,170,170));background:rgba(var(--swatch-menubg-light-color)),-webkit-gradient(linear,left top,right top,from(rgba(var(--swatch-menubg-light-color))),to(rgba(var(--swatch-menubg-medium-color))));background:rgba(var(--swatch-menubg-light-color)),-webkit-linear-gradient(left,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));background:rgba(var(--swatch-menubg-light-color)),-o-linear-gradient(left,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));background:rgba(var(--swatch-menubg-light-color)),linear-gradient(to right,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));-webkit-box-shadow:inset .125rem .1875rem .375rem rgba(0,0,0,0.15);box-shadow:inset .125rem .1875rem .375rem rgba(0,0,0,0.15);-webkit-box-shadow:inset .125rem .1875rem .375rem var(--box-shadow);box-shadow:inset .125rem .1875rem .375rem var(--box-shadow);-webkit-border-radius:.3125rem .3125rem 0 0;border-radius:.3125rem .3125rem 0 0;padding:.5em 1em}.ruby{display:inline-table;text-align:center;white-space:nowrap;line-height:1;height:1em;vertical-align:text-bottom}.rt{display:table-header-group;font-size:.6em;line-height:1.1;text-align:center;white-space:nowrap}.keycap{border:.0625rem solid;border-bottom-width:.125rem;-webkit-border-radius:.1875rem;border-radius:.1875rem;background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252));font-family:inherit;font-size:.85em;white-space:nowrap;border-color:#f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;border-color:rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244));padding:.0625rem .1875rem}.tags{display:inline-block;height:.8125rem;line-height:13px;line-height:.8125rem;font-size:11px;font-size:.6875rem;background:#303034;background:rgb(var(--swatch-menubg-dark-color,48,48,52));color:#fcfc16);color:rgb(var(--swatch-menutxt-light-color,252,252,252));text-decoration:none;-webkit-border-bottom-right-radius:.25rem;border-bottom-right-radius:.25rem;-webkit-border-top-right-radius:.25rem;border-top-right-radius:.25rem;margin:0 0 0 .3125rem;padding:.1875rem .3125rem .1875rem 0}.tags:before{content:"";float:left;position:relative;top:-0.1875rem;left:-0.625rem;width:0;height:0;border-color:transparent #303034 transparent transparent;border-color:transparent rgb(var(--swatch-menubg-dark-color,48,48,52)) transparent transparent;border-style:solid;border-width:.5rem .5rem .5rem 0;padding:0 .0625rem .1875rem}.tags:after{--box-shadow:rgb(var(--swatch-menubg-dark-color,48,48,52));content:"";position:relative;top:.28125rem;left:-0.5rem;float:left;width:.25rem;height:.25rem;-webkit-border-radius:.125rem;border-radius:.125rem;background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252));-webkit-box-shadow:-0.0625rem -0.0625rem .125rem #303034;box-shadow:-0.0625rem -0.0625rem .125rem #303034;-webkit-box-shadow:-0.0625rem -0.0625rem .125rem var(--box-shadow);box-shadow:-0.0625rem -0.0625rem .125rem var(--box-shadow)}.bblock:hover{background-color:#0c0c0c;background-color:rgb(var(--swatch-menubg-black-color,12,12,12));color:#64030f;color:rgb(var(--swatch-primary-darkest,100,3,15));text-decoration:none}.dblock:hover{background-color:transparent;text-decoration:none}.emph{-webkit-text-emphasis-style:dot;text-emphasis-style:dot}.page-source{word-break:break-all}.visuallyhidden{border:0;clip:rect(0000);height:.0625rem;overflow:hidden;position:absolute;width:.0625rem;white-space:nowrap;margin:-0.0625rem;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;white-space:inherit;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}div#container-wrap{background:0}textarea,.yui-navset li{line-height:normal}.title.modal-header,.owindow{background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252))}.signature,.hidden{display:none !important}.bblock,.dblock{color:#0c0c0c;color:rgb(var(--swatch-text-dark,12,12,12));color:#0c0c0c;color:rgb(var(--swatch-menubg-black-color,12,12,12));-webkit-transition:2s;-o-transition:2s;transition:2s;text-decoration:none}#page-content div,#page-content div table{max-width:100%}table.form{margin:.5rem -0.25rem !important}table.form,table.form>tbody{width:100%}table.form tr{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%}form#edit-page-form{background-color:rgba(170,170,170,0.25);background-color:rgba(var(--swatch-menubg-medium-color),0.25);-webkit-border-radius:1rem;border-radius:1rem;padding:0 .5rem}.wd-editor-toolbar-panel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:.5rem 0}.change-textarea-size{float:right;text-align:right;padding:.5rem}.change-textarea-size a{color:rgba(12,12,12);color:rgba(var(--swatch-menutxt-dark-color));background-color:rgba(170,170,170);background-color:rgba(var(--swatch-menubg-medium-color));border:.0625rem solid rgba(12,12,12);border:.0625rem solid rgba(var(--swatch-border-color));padding:.15rem;width:1rem;height:1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600}.edit-help-34{margin:.5rem;text-transform:capitalize}.edit-help-34>a:nth-of-type(1)::after{content:" |"}table.edit-page-bottomtable td{padding:0}table.edit-page-bottomtable{width:100%}div.buttons.alignleft>input{-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;padding:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem}div.buttons.alignleft{text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.footnotes-footer,.page-options-bottom,.owindow .title,.math-equation,.bibitem,.thread-container .post .long .options{height:auto !important}#main-content .page-tags a[href^="/system:page-tags/tag/_"]{display:none}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.emph{font-family:monospace;font-style:normal;font-weight:400;background-image:url(http://www.kaktuskontainer.wikidot.com/local--files/component%3Atheme/dot.png),none;background-repeat:repeat-x;background-color:transparent;background-clip:padding-box,content-box;-webkit-background-size:1em 1.3em auto;background-size:1em 1.3em auto;padding:.5em 0 0}}@media only screen and (max-width:768px){#page-content{font-size:.9em}#main-content{max-width:90vw;-webkit-transition:.5s ease-in-out .1s;-o-transition:.5s ease-in-out .1s;transition:.5s ease-in-out .1s;margin-left:5%;margin-right:5%;padding:0}.mobile-top-bar>div>p{display:block}.page-options-bottom{height:initial}.page-options-bottom a{padding:0 .25rem}blockquote{margin:1em 0}.license-area{font-size:.8em}.page-history tbody tr td:last-child{width:35%;font-size:1.5rem}.owindow{min-width:80%;max-width:99%}.modal-body .table,.modal-body .table ~ div{float:left}.owindow .button-bar{float:right}.owindow div .btn-primary{width:100%;float:left}.yui-navset{z-index:1}table.form td,table.form th{float:left;padding:0}td.name{width:15em}#edit-page-title{font-family:"Poppins",sans-serif;font-family:var(--title-font);max-width:90%}.content-panel.left-column,.content-panel.right-column{width:99%;float:left}#page-content div,#page-content div table{clear:both}#page-content div.title{font-family:"Poppins",sans-serif;font-family:var(--title-font);word-break:keep-all}#content-wrap{margin:2.875em auto 0}#footer{width:auto;bottom:1rem}#license-area{font-size:1em;bottom:-1.5em;width:90%;margin:0 auto;line-height:1;height:2rem}#search-top-box-input,#navi-bar,#navi-bar-shadow{display:none}#recent-posts-category,.owindow div .btn-primary ~ div{width:100%}}@media print{*,:before,:after{background:transparent !important;color:#0c0c0c !important;color:rgb(var(--swatch-text-dark,12,12,12)) !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:.0625rem solid #424248;border:.0625rem solid rgb(var(--swatch-menubg-medium-color,66,66,72));page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.yui-navset *{-webkit-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1)}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{--box-shadow:rgb(var(--swatch-primary-darker));zoom:unset;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-color:#8c1419;border-color:rgb(var(--swatch-primary-darker));width:-webkit-calc(100% - .125rem);width:calc(100% - .125rem);margin:0 auto;border:0;-webkit-box-shadow:0 -webkit-calc(0.0625rem * 5) 0 0 #8c1419;box-shadow:0 calc(0.0625rem * 5) 0 0 #8c1419;-webkit-box-shadow:0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow);box-shadow:0 calc(0.0625rem * 5) 0 0 var(--box-shadow)}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{zoom:unset;background-image:none;background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border:unset;color:#0c0c0c;color:rgb(var(--swatch-text-dark))}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{zoom:unset;background-color:#64030f;background-color:rgb(var(--swatch-primary-darkest));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{--box-shadow:rgb(var(--swatch-primary-darker));background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border-color:transparent;max-width:100%;padding:0;margin:0;zoom:unset;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-basis:7vw;-ms-flex-preferred-size:7vw;flex-basis:7vw;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-box-shadow:0 0 0 .0625rem #8c1419;box-shadow:0 0 0 .0625rem #8c1419;-webkit-box-shadow:0 0 0 .0625rem var(--box-shadow);box-shadow:0 0 0 .0625rem var(--box-shadow)}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;vertical-align:bottom;zoom:unset;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.yui-navset .yui-nav a em,.yui-navset .yui-navset-top .yui-nav a em{padding:.35em .75em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.yui-navset .yui-nav li em{border:unset !important}.yui-navset .yui-nav .selected,.yui-navset .yui-navset-top .yui-nav .selected{padding:0;margin:0;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;background-color:#8c1419;background-color:rgb(var(--swatch-primary-darker))}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a em{border:none !important;border-color:transparent}.yui-navset .yui-nav .selected a{color:#fcfcfc !important;color:rgb(var(--white-monochrome)) !important;width:100%;background-image:none}.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:active{background-color:#8c1419;background-color:rgb(var(--swatch-primary-darker));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-nav .selected a:hover{background-color:#aaa;background-color:rgb(var(--swatch-menubg-medium-color));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-content{background-color:rgba(244,244,244,0.25);background-color:rgba(var(--swatch-menubg-light-color),0.25)}.yui-navset .yui-content,.yui-navset .yui-navset-top .yui-content{border-color:#aaa;border-color:rgb(var(--swatch-menubg-medium-color))}.yui-navset-left .yui-content{border-left-color:#f4f4f4;border-left-color:rgb(var(--swatch-menubg-light-color))}blockquote{--box-shadow:rgba(var(--swatch-menubg-black-color),0.1);border-style:dashed;border-color:rgba(var(--swatch-border-color),0.25);border-width:.063em;background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));-webkit-box-shadow:0 .063em .125em rgba(0,0,0,0.1);box-shadow:0 .063em .125em rgba(0,0,0,0.1);-webkit-box-shadow:0 .063em .125em var(--box-shadow);box-shadow:0 .063em .125em var(--box-shadow);display:flow-root}.footnotes-footer{width:90%;margin:1em auto;padding:.15em 1em;background-color:rgba(170,170,170,0.25);background-color:rgba(var(--swatch-menubg-medium-color),0.25);border-left:.5em solid rgba(140,20,25);border-left:.5em solid rgba(var(--swatch-primary-darker))}.footnote-footer{display:block;position:relative;width:95%;margin:.5rem 1.5rem}.footnote-footer>a:nth-of-type(1){position:relative;display:initial;height:100%;width:1rem;margin-left:-1rem}div.image-block{float:right;margin:0 2em 1em 2em;width:18.75rem}div.image-block img{width:18.75rem}:root{--rating-module-height:1.3125rem}.page-rate-widget-box{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);-webkit-box-shadow:.0625rem .0625rem 0 var(--box-shadow);box-shadow:.0625rem .0625rem 0 var(--box-shadow);padding:0 .125rem;margin-bottom:.75rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(170,170,170,0.25)),to(rgba(170,170,170,0.15)));background:-webkit-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-o-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:linear-gradient(to top,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-webkit-gradient(linear,left bottom,left top,from(rgba(var(--swatch-menubg-medium-color),0.25)),to(rgba(var(--swatch-menubg-medium-color),0.15)));background:-webkit-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:-o-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:linear-gradient(to top,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background-color:#fcfcfc;background-color:rgb(var(--swatch-background));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-menubg-black-color),0.25);height:var(--rating-module-height)}.rate-box-with-credit-button .page-rate-widget-box{-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:0;border:0}.page-rate-widget-box .rate-points,.page-rate-widget-box .rateup,.page-rate-widget-box .ratedown,.page-rate-widget-box .cancel{display:block;border:0;margin:0 .125rem 0 0}.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,.rate-box-with-credit-button>.creditButton,.rate-box-with-credit-button>.creditButton>p{padding:0;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);display:block;line-height:var(--rating-module-height);text-align:center;-webkit-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;text-transform:uppercase}.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a{background-color:none;background:unset;background-color:rgba(100,3,15,0.1);background-color:rgba(var(--swatch-primary-darkest),0.1)}.page-rate-widget-box .rate-points,.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{color:#0c0c0c;color:rgb(var(--rating-module-text-color));font-weight:700;position:relative;background:transparent}.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a,.page-rate-widget-box .cancel a{color:#0c0c0c;color:rgb(var(--rating-module-button-color));font-weight:700;position:relative}.page-rate-widget-box .cancel{font-size:85%}.page-rate-widget-box .rateup a:hover,.page-rate-widget-box .ratedown a:hover,.page-rate-widget-box .cancel a:hover{text-decoration:none}.page-rate-widget-box .rateup a:hover{background-color:rgba(0,200,0,0.8)}.page-rate-widget-box .ratedown a:hover{background-color:rgba(200,0,0,0.8)}.page-rate-widget-box .cancel a:hover{background-color:rgba(200,200,200,0.8)}.page-rate-widget-box .rate-points{line-height:var(--rating-module-height);padding:0 -webkit-calc(0.875rem * .5);padding:0 calc(0.875rem * .5);padding:0 -webkit-calc(var(--base-font-size) * .5);padding:0 calc(var(--base-font-size) * .5);text-transform:uppercase;font-size:-webkit-calc(0.875rem * .8);font-size:calc(0.875rem * .8);font-size:-webkit-calc(var(--base-font-size) * .8);font-size:calc(var(--base-font-size) * .8);background-color:transparent !important;color:#0c0c0c !important;color:rgb(var(--rating-module-text-color)) !important;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-rate-widget-box .rate-points .number{font-size:-webkit-calc(0.875rem * 1.2);font-size:calc(0.875rem * 1.2);font-size:-webkit-calc(var(--base-font-size) * 1.2);font-size:calc(var(--base-font-size) * 1.2)}@supports((-webkit-mask:none) or (mask:none)){.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a,.page-rate-widget-box .cancel a{font-size:0}.page-rate-widget-box .rateup a::before,.page-rate-widget-box .ratedown a::before,.page-rate-widget-box .cancel a::before{content:" ";position:absolute;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);height:var(--rating-module-height);top:0;left:0;-webkit-mask-size:-webkit-calc(var(--rating-module-height) * .8);mask-size:calc(var(--rating-module-height) * .8);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#0c0c0c;background-color:rgb(var(--rating-module-button-color));pointer-events:none}.page-rate-widget-box .rateup a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.page-rate-widget-box .ratedown a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.page-rate-widget-box .cancel a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}}.heritage-rating-module{display:inline-block;background-color:#633;border:solid .0625rem #ccc066;-webkit-border-radius:.5rem;border-radius:.5rem;-webkit-box-shadow:0 .0625rem .1875rem rgba(0,0,0,0.25);box-shadow:0 .0625rem .1875rem rgba(0,0,0,0.25);margin-right:2em;margin-bottom:.625rem;padding:.125rem .5rem .125rem .3125rem}.heritage-rating-module .page-rate-widget-box{-webkit-box-shadow:none;box-shadow:none;margin-bottom:0;margin-right:0}.heritage-rating-module .heritage-emblem{float:left;position:relative;top:-0.125rem;left:.125rem;height:1rem;width:1rem;overflow:visible;margin-right:.125rem}.heritage-rating-module .heritage-emblem img{width:1.25rem;height:1.25rem;border:0}#page-content .creditRate{margin-right:0;margin-bottom:0}#page-content .rate-box-with-credit-button{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);-webkit-box-shadow:.0625rem .0625rem 0 var(--box-shadow);box-shadow:.0625rem .0625rem 0 var(--box-shadow);padding:0 .125rem;margin-bottom:.75rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(170,170,170,0.25)),to(rgba(170,170,170,0.15)));background:-webkit-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-o-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:linear-gradient(to top,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-webkit-gradient(linear,left bottom,left top,from(rgba(var(--swatch-menubg-medium-color),0.25)),to(rgba(var(--swatch-menubg-medium-color),0.15)));background:-webkit-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:-o-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:linear-gradient(to top,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background-color:#fcfcfc;background-color:rgb(var(--swatch-background));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-menubg-black-color),0.25);height:var(--rating-module-height)}#page-content .rate-box-with-credit-button>.creditButton:hover{background:rgba(50,50,50,0.1)}#page-content .rate-box-with-credit-button>.creditButton>p{display:block;margin:0;padding:0;position:relative;width:-webkit-calc(var(--rating-module-height) * 1.5);width:calc(var(--rating-module-height) * 1.5);height:var(--rating-module-height)}#page-content .rate-box-with-credit-button>.creditButton>p>a{width:-webkit-calc(var(--rating-module-height) * 1.5);width:calc(var(--rating-module-height) * 1.5);height:var(--rating-module-height);border-left:0;font-size:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:0}#page-content .rate-box-with-credit-button>.creditButton>p>a::before{content:" ";position:absolute;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);height:var(--rating-module-height);top:0;left:0;background-color:#fcfcfc;background-color:rgb(var(--swatch-menubg-black-color));-webkit-mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");-webkit-mask-size:-webkit-calc(var(--rating-module-height) * .35);mask-size:calc(var(--rating-module-height) * .35);-webkit-mask-position:top .3em center;mask-position:top .3em center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}#page-content .rate-box-with-credit-button>.page-rate-widget-box{overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;padding:0 .125rem;-webkit-box-shadow:none;box-shadow:none}.scp-image-block{--box-shadow:rgba(var(--swatch-menubg-black-color,12,12,12));border:solid .0625rem rgb(var(--swatch-primary-darkest));box-shadow:0 .0625rem .375rem rgba(0,0,0,0.25);-webkit-box-shadow:0 .0625rem .375rem rgba(0,0,0,0.25);box-shadow:0 .0625rem .375rem var(--box-shadow);-webkit-box-shadow:0 .0625rem .375rem var(--box-shadow);width:18.75rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:100%}.scp-image-block.block-right{float:right;clear:right;margin:0 0 1em 2em}.scp-image-block.block-left{float:left;clear:left;margin:0 2em 1em 0}.scp-image-block.block-center{margin-right:auto;margin-left:auto}.scp-image-block img{border:0;min-width:100%}.scp-image-caption{min-width:100%}.scp-image-block .scp-image-caption{background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border-top:solid .0625rem #0c0c0c;border-top:solid .0625rem rgb(var(--swatch-menubg-black-color));font-size:80%;font-weight:700;text-align:center;padding:.125rem 0}.scp-image-block .scp-image-caption>p{margin:0;padding:0 .625rem}div.block-right,div.block-left{min-width:30% !important}table.wiki-content-table *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}table.wiki-content-table,table.wiki-content-table tbody{border-collapse:unset;border-spacing:0;margin:.5em auto;display:table;background-color:transparent}table.wiki-content-table th{background:#aaa;background:rgb(var(--swatch-menubg-medium-color));color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color))}table.wiki-content-table th,table.wiki-content-table tr{border:.0625rem solid rgba(66,66,72,0.25) !important;border:.0625rem solid rgba(var(--swatch-menubg-medium-dark-color),0.25) !important}.translation-box-stylesheet{display:none}@media only screen and (max-width:768px){:root{--rating-module-height:1.5rem}div.block-right,div.block-left{min-width:40% !important;margin:0 auto}}#header{width:90vw;position:relative;z-index:10;height:9.375rem;background-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");background-image:var(--logo-image);background-repeat:no-repeat;background-position:left .75rem top 1.1875rem;background-clip:border-box;-webkit-background-size:auto 5.375rem;background-size:auto 5.375rem;-webkit-filter:drop-shadow(.063rem .063rem .063rem #0c0c0c);filter:drop-shadow(.063rem .063rem .063rem #0c0c0c);-webkit-filter:drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)));filter:drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)))}body{background-image:-webkit-linear-gradient(bottom,#632125 0,#4c191e 70%,#382525 100%),-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) -webkit-calc(100% - .125rem),rgba(66,66,72,1) -webkit-calc(100% - .125rem),rgba(12,12,12,1) 100%),-webkit-linear-gradient(top,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:-webkit-gradient(linear,left bottom,left top,from(#632125),color-stop(70%,#4c191e),to(#382525)),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(7.5rem,rgba(255,255,255,0)),color-stop(7.5rem,rgba(12,12,12,1)),color-stop(7.625rem,rgba(66,66,72,1)),color-stop(rgba(66,66,72,0.95)),color-stop(rgba(66,66,72,1)),to(rgba(12,12,12,1))),-webkit-gradient(linear,left top,left bottom,color-stop(0rem,rgba(215,215,215,1)),color-stop(0.32rem,rgba(215,215,215,0.987)),color-stop(1.16rem,rgba(215,215,215,0.951)),color-stop(2.56rem,rgba(215,215,215,0.896)),color-stop(4.4rem,rgba(215,215,215,0.825)),color-stop(6.64rem,rgba(215,215,215,0.741)),color-stop(9.24rem,rgba(215,215,215,0.648)),color-stop(12.16rem,rgba(215,215,215,0.55)),color-stop(15.32rem,rgba(215,215,215,0.45)),color-stop(18.68rem,rgba(215,215,215,0.352)),color-stop(22.16rem,rgba(215,215,215,0.259)),color-stop(25.76rem,rgba(215,215,215,0.175)),color-stop(29.4rem,rgba(215,215,215,0.104)),color-stop(33rem,rgba(215,215,215,0.049)),color-stop(36.56rem,rgba(215,215,215,0.013)),color-stop(40rem,rgba(215,215,215,0)));background-image:-o-linear-gradient(bottom,#632125 0,#4c191e 70%,#382525 100%),-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) calc(100% - .125rem),rgba(66,66,72,1) calc(100% - .125rem),rgba(12,12,12,1) 100%),-o-linear-gradient(top,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:linear-gradient(to top,#632125 0,#4c191e 70%,#382525 100%),linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) calc(100% - .125rem),rgba(66,66,72,1) calc(100% - .125rem),rgba(12,12,12,1) 100%),linear-gradient(to bottom,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:var(--gradient-header),var(--gradient-topmenu),var(--gradient-background);-webkit-background-size:100% 7.5rem,100% 9.375rem,100% 40rem;background-size:100% 7.5rem,100% 9.375rem,100% 40rem;-webkit-background-size:var(--header-background-image-size),100% 9.375rem,100% var(--background-gradient-distance);background-size:var(--header-background-image-size),100% 9.375rem,100% var(--background-gradient-distance);background-repeat:repeat-x}div#container-wrap{background-image:-webkit-repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:-o-repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:var(--diagonal-stripes);-webkit-background-size:100% 7.5rem;background-size:100% 7.5rem;background-repeat:no-repeat;background-position:0 0}#header,#top-bar{max-width:61.25rem;font-weight:600;margin:0 auto}#header>h1>a>span{display:inline-table;z-index:9999;color:transparent;width:50vw;max-width:32rem;height:7.5rem;position:absolute;left:0;top:0}.mobile-top-bar{display:none;position:relative;left:1rem;bottom:0;z-index:9999}header h1{font-family:'Poppins',sans-serif;font-family:var(--header-font);text-transform:uppercase;width:100%;height:100%;max-height:7.75rem;position:absolute}#header h1 a::before{--text-shadow:rgb(var(--swatch-text-dark,12,12,12,));content:"SCP FOUNDATION";content:var(--header-title);color:#fcfcfc;color:rgb(var(--swatch-text-light));text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow)}#header h1,#header h2{font-family:'Poppins',sans-serif;font-family:var(--header-font);font-weight:700;position:absolute;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}#header h1 a{font-family:'Poppins',sans-serif !important;font-family:var(--header-font) !important;letter-spacing:-0.02em;display:block;line-height:0;max-height:0;color:#fcfcfc;color:rgb(var(--swatch-text-light));font-size:135%;text-decoration:none;text-shadow:none;z-index:9999;padding:1.875rem 0 0;margin-left:6.75rem;margin-top:-webkit-calc(0.3125rem + 1.2rem);margin-top:calc(0.3125rem + 1.2rem);margin-top:-webkit-calc(0.3125rem + var(--offset-from-page-top));margin-top:calc(0.3125rem + var(--offset-from-page-top))}#header h2{font-size:.945rem}#header h2 span{display:block;line-height:0;font-weight:400;color:transparent;text-shadow:none;margin-left:6.75rem;margin-top:-webkit-calc(3.8rem + 1.2rem);margin-top:calc(3.8rem + 1.2rem);margin-top:-webkit-calc(3.8rem + var(--offset-from-page-top));margin-top:calc(3.8rem + var(--offset-from-page-top))}#header h2 span::before{--text-shadow:rgb(var(--swatch-text-dark,12,12,12));content:"SECURE, CONTAIN, PROTECT";content:var(--header-subtitle);color:#fafafa;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow)}#header-extra-div-1{display:none}#header-extra-div-2{display:none}#search-top-box{position:absolute;top:47%;right:3%;width:auto}form[id="search-top-box-form"]{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center}#search-top-box-input{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--swatch-text-light));background-color:#424248 !important;background-color:rgb(var(--gray-monochrome)) !important}#search-top-box input.empty{color:rgba(12,12,12);color:rgba(var(--swatch-menutxt-dark-color));text-align:center}#search-top-box-form>input,#search-top-box-form>input[type="submit"]{min-height:-webkit-calc(0.875rem * 1.5);min-height:calc(0.875rem * 1.5);min-height:-webkit-calc(var(--base-font-size) * 1.5);min-height:calc(var(--base-font-size) * 1.5);padding:.25rem;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}#search-top-box-input:hover,#search-top-box-input:focus{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--white-monochrome));background:#aaa !important;background:rgb(var(--swatch-menubg-medium-color)) !important}#search-top-box-form input[type="submit"]{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);font-size:-webkit-calc(0.875rem * .85);font-size:calc(0.875rem * .85);font-size:-webkit-calc(var(--base-font-size) * .85);font-size:calc(var(--base-font-size) * .85);color:#fcfcfc;color:rgb(var(--swatch-text-light));background:#64030f !important;background:rgb(var(--swatch-primary-darkest)) !important;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;margin-right:0}#search-top-box-form input[type="submit"]:hover,#search-top-box-form input[type="submit"]:focus{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.75);border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--swatch-text-light));text-shadow:0 0 .063rem rgba(12,12,12,0.75);text-shadow:0 0 .063rem var(--swatch-menutxt-dark-color);background:#64030f !important;background:rgb(var(--swatch-primary-darkest)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}#login-status{color:#aaa;color:rgb(var(--swatch-menubg-medium-color));font-size:90% !important;z-index:10000;right:3%;top:.5rem}#login-status a{background-color:transparent;color:#fcfcfc;color:rgb(var(--swatch-text-light))}#login-status ul a{color:#0c0c0c;color:rgb(var(--black-monochrome));background-color:transparent}#account-topbutton{background:#fcfcfc;background:rgb(var(--swatch-text-light));color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color))}#top-bar .mobile-top-bar{display:none;position:relative;left:1rem;bottom:0;z-index:9999;-webkit-filter:unset;filter:unset}#top-bar{width:100%;position:initial;z-index:50;height:1.625rem;font-size:-webkit-calc(0.875rem * .85);font-size:calc(0.875rem * .85);font-size:-webkit-calc(var(--base-font-size) * .85);font-size:calc(var(--base-font-size) * .85);font-weight:600;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:7.625rem 0 1.75rem 0;padding:0 0 .25rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#top-bar div.top-bar>ul,#top-bar div.mobile-top-bar>ul{width:90vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:61.25rem;z-index:20;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;letter-spacing:.0625rem;text-align:center}#top-bar div.top-bar>ul>li,#top-bar div.mobile-top-bar>ul>li{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto;margin:0;list-style:outside none none;padding:0;-webkit-transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1)}#top-bar div.top-bar>ul>li:hover,#top-bar div.top-bar>ul>li:focus-within,#top-bar div.mobile-top-bar>ul>li:hover #top-bar div.mobile-top-bar>ul>li:focus-within{background-color:#303034;background-color:rgb(var(--swatch-menubg-dark-color))}#top-bar div.top-bar>ul>li:hover>a,#top-bar div.top-bar>ul>li:focus-within>a,#top-bar div.mobile-top-bar>ul>li:hover>a #top-bar div.mobile-top-bar>ul>li:focus-within>a{background-color:transparent !important}#top-bar div.top-bar>ul>li>a,#top-bar div.mobile-top-bar>ul>li>a{padding:.3em;width:100%;height:-webkit-calc(100% - .6em);height:calc(100% - .6em);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#fcfcfc !important;color:rgb(var(--swatch-menutxt-light-color)) !important;background-color:transparent !important;white-space:pre;border:none !important;position:relative}#top-bar div.top-bar>ul>li:hover>a::before,#top-bar div.top-bar>ul>li:hover>a::after,#top-bar div.top-bar>ul>li:focus-within>a::before,#top-bar div.top-bar>ul>li:focus-within>a::after,#top-bar div.top-bar>ul>li.sfhover>a::before,#top-bar div.top-bar>ul>li.sfhover>a::after{width:100%}#top-bar div.top-bar>ul>li>a:before,#top-bar div.top-bar>ul>li>a:after{height:-webkit-calc(0.0625rem * 3);height:calc(0.0625rem * 3);position:absolute;content:" ";background-color:rgba(180,35,35,0.5);background-color:rgba(var(--swatch-primary),0.5);width:0;-webkit-transition:width 300ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:width 300ms cubic-bezier(0.4,0.0,0.2,1);transition:width 300ms cubic-bezier(0.4,0.0,0.2,1)}#top-bar div.top-bar>ul>li>a:before{left:0;top:0}#top-bar div.top-bar>ul>li>a:after{right:0;bottom:0}#top-bar div.top-bar>ul>li>ul,#top-bar div.mobile-top-bar>ul>li>ul{--box-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.5);border:.0625rem solid #0c0c0c;border:var(--border-styling);background:rgba(48,48,52,0.93);background:rgba(var(--swatch-menubg-dark-color),0.93);-webkit-box-shadow:0 .125rem .375rem rgba(12,12,12,0.5);box-shadow:0 .125rem .375rem rgba(12,12,12,0.5);-webkit-box-shadow:0 .125rem .375rem var(--box-shadow);box-shadow:0 .125rem .375rem var(--box-shadow);border-top:0;z-index:20;margin-top:1.625rem;position:absolute;width:98vw;max-width:61.25rem;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;left:50%;-webkit-transform:translate(-50%,-0.3rem);-ms-transform:translate(-50%,-0.3rem);-o-transform:translate(-50%,-0.3rem);transform:translate(-50%,-0.3rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#top-bar div.top-bar>ul>li>ul>li,#top-bar div.mobile-top-bar>ul>li>ul>li{border:.0625rem solid #0c0c0c;border:var(--border-styling);position:relative;margin:0 -0.0625rem -0.0625rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;padding:0;-webkit-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);-webkit-column-break-inside:avoid;break-inside:avoid;height:3rem;display:table;width:-webkit-calc((100% / 4) + 0.0625rem);width:calc((100% / 4) + 0.0625rem);word-break:normal}#top-bar li ul{opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,visibility 0 linear .2s,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear .2s;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar:not(:hover) li ul{-webkit-transform:translate(0,-0.3rem);-ms-transform:translate(0,-0.3rem);-o-transform:translate(0,-0.3rem);transform:translate(0,-0.3rem)}#top-bar div.top-bar>ul>li:hover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,visibility 0 linear 0;-o-transition:opacity .2s ease-in-out,visibility 0 linear 0,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar div.top-bar>ul>li:hover>ul,#top-bar div.top-bar>ul>li:focus-within>ul,#top-bar div.top-bar>ul>li>ul:focus-within,#top-bar div.top-bar>ul>li.sfhover>ul,#top-bar div.mobile-top-bar>ul>li:hover>ul,#top-bar div.mobile-top-bar>ul>li:focus-within>ul,#top-bar div.mobile-top-bar>ul>li>ul:focus-within,#top-bar div.mobile-top-bar>ul>li.sfhover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,visibility 0 linear 0,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar div.top-bar>ul>li>ul>li:hover,#top-bar div.mobile-top-bar>ul>li>ul>li:hover{background:rgba(252,252,252,0.15);background:rgba(var(--swatch-menubg-color),0.15)}#top-bar div.top-bar>ul>li>ul>li:hover>a,#top-bar div.top-bar>ul>li>ul>li>a:focus-within,#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,#top-bar div.mobile-top-bar>ul>li>ul>li>a:focus-within{text-decoration:none}#top-bar div.top-bar>ul>li>ul>li>a,#top-bar div.mobile-top-bar>ul>li>ul>li>a{background:transparent;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));width:auto;height:100%;font-size:.875rem;font-size:var(--base-font-size);font-weight:normal;border:0 solid rgba(0,0,0,0);text-align:center;display:table-cell;vertical-align:middle}@media only screen and (max-width:768px){:root{overflow:-moz-scrollbars-none;scrollbar-width:none}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:#b42323;background:rgb(var(--bright-accent))}#header{background-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");background-image:var(--logo-image);--size:-webkit-calc(8.75rem + 1.2rem);--size:calc(8.75rem + 1.2rem);--size:-webkit-calc(8.75rem + var(--offset-from-page-top));--size:calc(8.75rem + var(--offset-from-page-top));--y-offset:1.3125rem;background-position:-webkit-calc(6.75rem - var(--size)) -webkit-calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);background-position:calc(6.75rem - var(--size)) calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);-webkit-background-size:var(--size),100% 7.5rem;background-size:var(--size),100% 7.5rem;background-repeat:no-repeat,repeat;width:100vw;margin:0;position:-webkit-sticky;position:sticky;top:-7.5rem}#header,.mobile-top-bar{max-width:100%;left:0}#top-bar>div.top-bar{display:none !important}#header h1{font-size:-webkit-calc(0.875rem * 1.35);font-size:calc(0.875rem * 1.35);font-size:-webkit-calc(var(--base-font-size) * 1.35);font-size:calc(var(--base-font-size) * 1.35)}#header h2{font-size:-webkit-calc(0.875rem * .945);font-size:calc(0.875rem * .945);font-size:-webkit-calc(var(--base-font-size) * .945);font-size:calc(var(--base-font-size) * .945)}#header h2 span::before{display:inline-block}#login-status{font-size:70%}#top-bar{margin:7.5rem 0 1.75rem 0;height:3rem}#top-bar .mobile-top-bar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;top:0;right:0;left:0;margin:0;padding:0;width:100vw;background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(12,12,12,1) 0,rgba(66,66,72,1) .125rem,rgba(66,66,72,1) -webkit-calc(3rem - .125rem),rgba(66,66,72,1) -webkit-calc(3rem - .125rem),rgba(12,12,12,1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(12,12,12,1) 0,rgba(66,66,72,1) .125rem,rgba(66,66,72,1) calc(3rem - .125rem),rgba(66,66,72,1) calc(3rem - .125rem),rgba(12,12,12,1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) .125rem,rgba(var(--swatch-topmenu-bg-color),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color),1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) .125rem,rgba(var(--swatch-topmenu-bg-color),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color),1) 3rem));position:static;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}#top-bar .top-bar>ul{overflow:hidden}#top-bar div.mobile-top-bar>ul{width:100%}#top-bar div.mobile-top-bar>ul>li>a{font-size:125%;background:0}#top-bar div.mobile-top-bar>ul>li>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:2.938rem;-webkit-column-count:3;-moz-column-count:3;column-count:3;width:80vw;max-height:calc(100vh - 12rem)}#top-bar div.mobile-top-bar>ul>li:hover>ul,#top-bar div.mobile-top-bar>ul>li:focus-within>ul,#top-bar div.mobile-top-bar>ul>li>ul:focus-within,#top-bar div.mobile-top-bar>ul>li.sfhover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}#top-bar div.mobile-top-bar>ul>li>ul>li{max-height:-webkit-calc((100vh - 12rem) / 15);max-height:calc((100vh - 12rem) / 15);max-width:-webkit-calc(80vw+0.0625rem);max-width:calc(80vw+0.0625rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-calc(80vw+0.0625rem);width:calc(80vw+0.0625rem);-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-basis:-webkit-calc(80vw / 2);-ms-flex-preferred-size:calc(80vw / 2);flex-basis:calc(80vw / 2)}#top-bar div.mobile-top-bar>ul>li>ul>li>a{height:100%;width:100%;line-height:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.875rem;font-size:var(--base-font-size)}#top-bar>div.mobile-top-bar>div.open-menu{width:3rem;height:3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#top-bar>div.mobile-top-bar>div.open-menu>p{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;justify-items:stretch;width:100%;height:100%;padding:0;margin:0}#top-bar>div.mobile-top-bar>div.open-menu>p>a{font-family:'Lato',sans-serif;font-family:var(--body-font);font-size:3em;font-weight:700;text-decoration:none;text-align:center;color:#fcfcfc !important;color:rgb(var(--swatch-menutxt-light-color)) !important;-webkit-box-flex:2;-webkit-flex:2 0 100%;-moz-box-flex:2;-ms-flex:2 0 100%;flex:2 0 100%;display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none !important;background-color:transparent !important}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#header{background-position:left -14rem top 1.1875rem}}#side-bar{border:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(252,252,252,1);background:rgba(var(--swatch-menubg-color),1);-webkit-flex-basis:-webkit-calc(0.875rem * 19);-ms-flex-preferred-size:calc(0.875rem * 19);flex-basis:calc(0.875rem * 19);-webkit-flex-basis:var(--sidebar-width-on-desktop);-ms-flex-preferred-size:var(--sidebar-width-on-desktop);flex-basis:var(--sidebar-width-on-desktop);min-width:-webkit-calc(0.875rem * 19);min-width:calc(0.875rem * 19);min-width:var(--sidebar-width-on-desktop);width:-webkit-calc(0.875rem * 19);width:calc(0.875rem * 19);width:var(--sidebar-width-on-desktop);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0;margin:0 0 0 -0.99vw;position:-webkit-sticky;position:sticky;top:-1rem;max-height:-webkit-calc(100vh + 1rem);max-height:calc(100vh + 1rem);scrollbar-width:thin;z-index:9;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden;scrollbar-color:rgba(170,170,170,0) rgba(170,170,170,0);scrollbar-color:rgba(var(--swatch-menubg-medium-color),0) rgba(var(--swatch-menubg-medium-color),0);float:left;-webkit-transition:background-color 300ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 300ms cubic-bezier(0.4,0,0.2,1);transition:background-color 300ms cubic-bezier(0.4,0,0.2,1)}#side-bar:hover{scrollbar-color:rgba(170,170,170,0.05);scrollbar-color:rgba(var(--swatch-menubg-medium-color),0.05);background:rgba(244,244,244,1);background:rgba(var(--swatch-menubg-light-color),1)}#side-bar::-webkit-scrollbar-track,#side-bar::-webkit-scrollbar-thumb{background:rgba(170,170,170,0);background:rgba(var(--swatch-menubg-medium-color),0)}#side-bar:hover::-webkit-scrollbar-track{background:rgba(170,170,170,0.05);background:rgba(var(--swatch-menubg-medium-color),0.05)}#side-bar:hover::-webkit-scrollbar-thumb{background:rgba(170,170,170,0.4);background:rgba(var(--swatch-menubg-medium-color),0.4)}#side-bar::-webkit-scrollbar{border:0}#side-bar img{-webkit-filter:brightness(120%);filter:brightness(120%)}#side-bar .side-block:nth-child(3){background-color:rgba(140,20,25,0.25) !important;background-color:rgba(var(--swatch-primary-darker),0.25) !important}#side-bar .side-block:nth-child(5){background-color:rgba(100,3,15,0.5) !important;background-color:rgba(var(--swatch-primary-darkest),0.5) !important}#side-bar .side-block:nth-child(6){background-color:rgba(140,20,25,0.15) !important;background-color:rgba(var(--swatch-primary-darker),0.15) !important}#side-bar .side-block:nth-child(7){background-color:rgba(140,20,25,0.25) !important;background-color:rgba(var(--swatch-primary-darker),0.25) !important}#side-bar .side-block{border:0;margin-top:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.side-block div[style="text-align: center;"]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0 .6rem}#side-bar div.side-block:nth-child(7)>div:nth-child(1)>div:nth-child(1) img{-webkit-filter:none;filter:none}#side-bar .side-area{padding:.625rem}#side-bar .heading,#side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded{min-height:1.5625rem;background:-webkit-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:-o-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:linear-gradient(10deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:var(--gradient-sidemenu-header)}#side-bar .heading{margin-top:.5rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar .heading p,#side-bar .side-block>.collapsible-block .collapsible-block-link{--text-shadow:rgb(var(--swatch-border-color,12,12,12));padding-right:1rem;letter-spacing:.2rem;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));height:1.5625rem;line-height:1.5625rem;text-transform:uppercase;font-size:-webkit-calc(0.875rem * .95);font-size:calc(0.875rem * .95);font-size:-webkit-calc(var(--base-font-size) * .95);font-size:calc(var(--base-font-size) * .95);font-weight:900;text-align:right;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow);display:block}#side-bar .heading p{cursor:default}#side-bar div.menu-item{margin:0;text-align:right;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:0;min-height:-webkit-calc(2rem - .125rem);min-height:calc(2rem - .125rem);min-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));min-height:calc(2rem - var(--sidebar-internal-border-thickness));border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color),0.08);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar div.menu-item>span{display:none}#side-bar div.collapsible-block{text-align:right;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar div.menu-item a,#side-bar div.menu-item .text{padding:0 .6em;margin:0;color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color));font-size:.875rem;font-size:var(--base-font-size);letter-spacing:.04em;background-color:rgba(12,12,12,0);background-color:rgba(var(--swatch-menubg-hover-color),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);display:block;height:-webkit-calc(2rem - .125rem);height:calc(2rem - .125rem);height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));height:calc(2rem - var(--sidebar-internal-border-thickness));line-height:-webkit-calc(2rem - .125rem);line-height:calc(2rem - .125rem);line-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));line-height:calc(2rem - var(--sidebar-internal-border-thickness));background-clip:padding-box}#side-bar div.menu-item .text{cursor:default}#side-bar div.menu-item>:nth-child(2){padding-left:-webkit-calc(0.875rem * .75);padding-left:calc(0.875rem * .75);padding-left:-webkit-calc(var(--base-font-size) * .75);padding-left:calc(var(--base-font-size) * .75);-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;text-align:right}#side-bar div.menu-item>:not(:nth-child(2)):not(.collapsible-block){border-left:.125rem solid rgba(12,12,12,0.08);border-left:.125rem solid rgba(var(--swatch-border-color),0.08)}#side-bar div.menu-item a:hover{background-color:rgba(12,12,12,0.15);background-color:rgba(var(--swatch-menubg-hover-color),0.15);text-decoration:none}#side-bar div.menu-item img{display:none}#side-bar div.menu-item .collapsible-block{width:100%}#side-bar div.menu-item a.collapsible-block-link,#side-bar .side-block>.collapsible-block a.collapsible-block-link{padding-right:2rem;position:relative}#side-bar .collapsible-block-link:hover{text-decoration:none;background-color:rgba(252,252,252,0.15);background-color:rgba(var(--white-monochrome))}#side-bar div.menu-item a.collapsible-block-link::after,#side-bar .side-block>.collapsible-block a.collapsible-block-link::after{content:"";position:absolute;height:100%;width:2rem;top:0;right:0;background-image:url(http://scptestwiki.wdfiles.com/local--files/squeeze%3Anav%3Aside/arr_drop.svg);background-repeat:no-repeat;background-position:50% 50%}#side-bar .side-block>.collapsible-block a.collapsible-block-link::after{-webkit-filter:invert(100%);filter:invert(100%)}#side-bar div.menu-item .collapsible-block-unfolded-link a.collapsible-block-link::after,#side-bar .side-block>.collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#side-bar div.menu-item .collapsible-block-content{border-right:2rem solid rgba(12,12,12,0.08);border-right:2rem solid rgba(var(--swatch-border-color),0.08);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#side-bar div.menu-item .collapsible-block-content .menu-item:last-of-type{border-bottom:0}#side-bar div.menu-item .collapsible-block-unfolded-link{border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:.125rem solid rgba(var(--swatch-border-color),0.08)}#side-bar .collapsible-block-unfolded-link .collapsible-block-link{font-size:.875rem;font-size:var(--base-font-size)}#side-bar .side-block>.collapsible-block .collapsible-block-unfolded-link{background:rgba(140,20,25,0.5);background:rgba(var(--medium-accent))}#side-bar ul{list-style-type:none;padding:0 .25rem}#side-bar p{margin:0}#___gcse_0>div{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:2rem}#___gcse_0>div>form{margin:0}#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button{color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));background-color:rgba(100,3,15,0);background-color:rgba(var(--swatch-primary-darkest),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);line-height:1.85rem}#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button:hover,#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button:focus{background-color:rgba(252,252,252,0.15);background-color:rgba(var(--swatch-menubg-color),0.15);text-decoration:none}#side-bar>div[style="background-color: #e5e5ff;"]{padding:1rem 0;border:0;margin-top:1rem;margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div{height:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div>a{width:2rem;margin:0;padding:0;border:0;-webkit-border-radius:none;border-radius:none}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div>a>img{display:block}#side-bar .close-menu{display:none}#side-bar div.menu-item:empty{display:none}a[href*="/random:random-tale"],a[href*="/most-recently-edited"]{min-width:-webkit-calc(0.875rem * 2.5);min-width:calc(0.875rem * 2.5);min-width:-webkit-calc(var(--base-font-size) * 2.5);min-width:calc(var(--base-font-size) * 2.5);display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#side-bar div.scpnet-interwiki-wrapper{-webkit-transform:translate(-webkit-calc(((-webkit-calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-ms-transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-o-transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-webkit-transform:translate(-webkit-calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);-ms-transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);-o-transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0)}@media only screen and (max-width:768px){#side-bar{display:block;position:fixed;top:0;left:-webkit-calc(-14rem - .5625rem);left:calc(-14rem - .5625rem);left:-webkit-calc(-14rem - var(--scrollbar-width));left:calc(-14rem - var(--scrollbar-width));height:100%;overflow-y:auto;z-index:10;-webkit-transition:left .5s ease-in-out .1s;-o-transition:left .5s ease-in-out .1s;transition:left .5s ease-in-out .1s;-webkit-transition:left var(--sidebar-transition-timing);-o-transition:left var(--sidebar-transition-timing);transition:left var(--sidebar-transition-timing)}#side-bar:after{content:"";position:absolute;top:0;width:0;height:100%;background-color:rgba(12,12,12,0.2);background-color:rgba(var(--swatch-menubg-black-color),0.2)}#side-bar .close-menu{display:block;position:fixed;width:100%;height:100%;top:0;left:0;margin-left:-webkit-calc(0.5625rem);margin-left:calc(0.5625rem);margin-left:-webkit-calc(var(--scrollbar-width));margin-left:calc(var(--scrollbar-width));padding-right:-webkit-calc(14rem + 0.5625rem);padding-right:calc(14rem + 0.5625rem);padding-right:-webkit-calc(14rem + var(--scrollbar-width));padding-right:calc(14rem + var(--scrollbar-width));background:rgba(12,12,12,0.3) .0625rem .0625rem repeat;background:rgba(var(--swatch-menubg-black-color),0.3) .0625rem .0625rem repeat;z-index:-1;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out .1s;-o-transition:all .5s ease-in-out .1s;transition:all .5s ease-in-out .1s;-webkit-transition:all var(--sidebar-transition-timing);-o-transition:all var(--sidebar-transition-timing);transition:all var(--sidebar-transition-timing)}#side-bar:target,#skrollr-body:target #side-bar{overflow-x:hidden;left:0}#side-bar:target{--box-shadow:rgb(var(--swatch-menutxt-light-color,252,252,252));display:block;left:0;-webkit-box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;-webkit-box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);z-index:10;margin:0;width:17em}#side-bar:target+#main-content{left:0}#side-bar:target .close-menu{width:-webkit-calc(100% - 14rem - .5625rem);width:calc(100% - 14rem - .5625rem);width:-webkit-calc(100% - 14rem - var(--scrollbar-width));width:calc(100% - 14rem - var(--scrollbar-width));height:100%;margin-left:-webkit-calc(14rem + 2 * .5625rem - .0625rem);margin-left:calc(14rem + 2 * .5625rem - .0625rem);margin-left:-webkit-calc(14rem + 2 * var(--scrollbar-width - .0625rem));margin-left:calc(14rem + 2 * var(--scrollbar-width - .0625rem));padding-right:0;visibility:visible;pointer-events:auto;opacity:1;display:block;position:fixed;z-index:-1;top:0;left:0;background:rgba(12,12,12,0.3) 1px 1px repeat;background:rgba(var(--swatch-menubg-black-color),0.3) 1px 1px repeat}#skrollr-body:target{overflow-x:hidden}#skrollr-body:target #side-bar{--box-shadow:rgb(var(--swatch-menutxt-light-color,252,252,252));display:block;left:0;-webkit-box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;-webkit-box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);z-index:10;margin:0}#skrollr-body:target #side-bar+#main-content{left:0}#skrollr-body:target #side-bar .close-menu{width:-webkit-calc(100% - 14rem - .5625rem);width:calc(100% - 14rem - .5625rem);width:-webkit-calc(100% - 14rem - var(--scrollbar-width));width:calc(100% - 14rem - var(--scrollbar-width));margin-left:-webkit-calc(14rem + 2 * .5625rem - 1px);margin-left:calc(14rem + 2 * .5625rem - 1px);margin-left:-webkit-calc(14rem + 2 * var(--scrollbar-width - 1px));margin-left:calc(14rem + 2 * var(--scrollbar-width - 1px));visibility:visible;pointer-events:auto;opacity:1;left:-webkit-calc(0.5625rem * -1);left:calc(0.5625rem * -1);left:-webkit-calc(var(--scrollbar-width * -1));left:calc(var(--scrollbar-width * -1))}#skrollr-body:target#side-bar::-webkit-scrollbar-track{background:rgba(252,252,252,0.2);background:rgba(var(--swatch-menubg-color),0.2)}}html{color:#0c0c0c;color:rgb(var(--swatch-text-dark));font-size:1em;line-height:1.5}body{background-color:rgba(252,252,252,1);background-color:rgba(var(--swatch-background),1);color:#0c0c0c;color:rgb(var(--swatch-text-dark));font-family:"Lato",sans-serif;font-family:var(--body-font);font-size:.875rem;font-size:var(--base-font-size);-webkit-font-kerning:normal;font-kerning:normal;font-variant-numeric:normal;-webkit-font-feature-settings:"lnum","kern","liga","clig","calt";-moz-font-feature-settings:"lnum","kern","liga","clig","calt";font-feature-settings:"lnum","kern","liga","clig","calt";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;orphans:2;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;word-break:normal}audio,canvas,iframe,img,svg,video{vertical-align:middle}img,embed,video,object,iframe,table{max-width:100%}input,textarea,select,button,meter,progress{font-family:"Lato",sans-serif;font-family:var(--body-font)}fieldset{border:0;margin:0;padding:0}#edit-page-comments{resize:auto;line-height:1.5;padding:0 1rem;min-height:3rem;width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem)}pre *{font-family:"PT Mono","Andale Mono","Courier New",Courier,monospace;font-family:var(--mono-font);max-width:90vw;white-space:pre-wrap}sup{vertical-align:top;position:relative;top:-0.5em}hr{display:block;height:.063rem;border:0;border-top:.063rem solid rgba(66,66,72);border-top:.063rem solid rgba(var(--swatch-menubg-medium-color,66,66,72));margin:1em 0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-family:var(--title-font)}h1{color:#0c0c0c;color:rgb(var(--black-monochrome));font-weight:700;margin:.7em 0 .6em;padding:0 0 .25em}h2,h3,h4,h5,h6{letter-spacing:.063rem;margin:.5em 0 .4em;padding:0}ul{list-style:square}a{color:#b42323;color:rgb(var(--swatch-primary));text-decoration:none;background:transparent}a.newpage{color:#d61;color:rgb(var(--newpage-color));text-decoration:none;background:transparent}a:hover{text-decoration:underline;background-color:transparent}a:visited{color:#64030f;color:rgb(var(--swatch-primary-darkest))}ruby{display:inline-table;text-align:center;white-space:nowrap;line-height:1;height:1em;vertical-align:text-bottom}rt{display:table-header-group;font-size:.6em;line-height:1.1;text-align:center;white-space:nowrap}tt{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}::-webkit-scrollbar{width:.5625rem;width:var(--scrollbar-width);height:.5625rem;height:var(--scrollbar-width);border:solid .063rem rgba(12,12,12,0.1);border:solid .063rem rgba(var(--swatch-menubg-black-color),0.1);-webkit-border-radius:.031rem;border-radius:.031rem}::-webkit-scrollbar-track{background:rgba(12,12,12,0.1);background:rgba(var(--swatch-menubg-black-color),0.1)}::-webkit-scrollbar-thumb{background:rgba(170,170,170,0.4);background:rgba(var(--swatch-menubg-medium-color),0.4)}body#translations{background:#fcfcfc;background:rgb(var(--swatch-menubg-color))}#translations .interwiki__title{min-height:1.5625rem;background:-webkit-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:-o-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:linear-gradient(10deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:var(--gradient-sidemenu-header)}#translations .interwiki__title p{--text-shadow:rgb(var(--swatch-border-color,12,12,12));padding-right:1rem;letter-spacing:.2rem;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));height:1.5625rem;line-height:1.5625rem;text-transform:uppercase;font-size:-webkit-calc(0.875rem * .95);font-size:calc(0.875rem * .95);font-weight:900;text-align:right;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow);display:block}#translations .interwiki__entry{margin:0;text-align:right;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:0;min-height:-webkit-calc(2rem - .125rem);min-height:calc(2rem - .125rem);min-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));min-height:calc(2rem - var(--sidebar-internal-border-thickness));border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color),0.08);-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}#translations .interwiki__entry a{padding:0 .6em;margin:0;color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color));font-size:.875rem;font-size:var(--base-font-size);letter-spacing:.04em;background-color:rgba(12,12,12,0);background-color:rgba(var(--swatch-menubg-hover-color),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);display:block;height:-webkit-calc(2rem - .125rem);height:calc(2rem - .125rem);height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));height:calc(2rem - var(--sidebar-internal-border-thickness));line-height:-webkit-calc(2rem - .125rem);line-height:calc(2rem - .125rem);line-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));line-height:calc(2rem - var(--sidebar-internal-border-thickness));background-clip:padding-box} +@charset "utf-8";@import url("https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800");:root{--theme-base:"nuscp";--theme-id:"nuscp";--theme-name:"nu-SCP Theme";--logo-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");--header-title:"SCP FOUNDATION";--header-subtitle:"SECURE, CONTAIN, PROTECT";--body-font:"Lato",sans-serif;--header-font:"Poppins",sans-serif;--title-font:"Poppins",sans-serif;--mono-font:"PT Mono","Andale Mono","Courier New",Courier,monospace;--white-monochrome:252,252,252;--pale-gray-monochrome:244,244,244;--light-pale-gray-monochrome:244,244,244;--very-light-gray-monochrome:215,215,215;--gray-monochrome:66,66,72;--dark-gray-monochrome:48,48,52;--black-monochrome:12,12,12;--bright-accent:180,35,35;--medium-accent:140,20,25;--dark-accent:100,3,15;--newpage-color:221,102,17;--background-gradient-color:var(--very-light-gray-monochrome,215,215,215);--header-gradient-color-bottom:99,33,37;--header-gradient-color-middle:76,25,30;--header-gradient-color-top:56,37,37;--swatch-background:var(--white-monochrome,252,252,252);--swatch-primary:var(--bright-accent,180,35,35);--swatch-primary-darker:var(--medium-accent,140,20,25);--swatch-primary-darkest:var(--dark-accent,100,3,15);--swatch-text-dark:var(--black-monochrome,12,12,12);--swatch-text-light:var(--white-monochrome,252,252,252);--swatch-important-text:var(--bright-accent,180,35,35);--swatch-menubg-color:var(--white-monochrome,252,252,252);--swatch-menubg-light-color:var(--pale-gray-monochrome,244,244,244);--swatch-menubg-medium-color:var(--light-gray-monochrome,170,170,170);--swatch-menubg-medium-dark-color:var(--gray-monochrome,66,66,72);--swatch-menubg-dark-color:var(--dark-gray-monochrome,48,48,52);--swatch-menubg-black-color:var(--black-monochrome,12,12,12);--swatch-menubg-hover-color:var(--black-monochrome,12,12,12);--swatch-menutxt-dark-color:var(--black-monochrome,12,12,12);--swatch-menutxt-light-color:var(--white-monochrome,252,252,252);--swatch-border-color:var(--black-monochrome,12,12,12);--swatch-headerh1-color:var(--white-monochrome,252,252,252);--swatch-headerh2-color:var(--white-monochrome,252,252,252);--swatch-topmenu-border-color:var(--black-monochrome,12,12,12);--swatch-topmenu-bg-color:var(--gray-monochrome,66,66,72);--rating-module-button-color:var(--black-monochrome,12,12,12);--rating-module-text-color:var(--swatch-menutxt-dark-color,12,12,12);--gradient-header:linear-gradient(to top,rgb(var(--header-gradient-color-bottom,99,33,37)) 0,rgb(var(--header-gradient-color-middle,76,25,30)) 70%,rgb(var(--header-gradient-color-top,56,37,37)) 100%);--gradient-topmenu:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 7.5rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) 7.625rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),0.95) -webkit-calc(100% - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(100% - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 100%);--gradient-topmenu:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 7.5rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) 7.625rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),0.95) calc(100% - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(100% - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 100%);--gradient-topmenu-mobile:linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 0,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) .125rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 3rem);--gradient-topmenu-mobile:linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 0,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) .125rem,rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color,var(--gray-monochrome,66,66,72)),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color,var(--black-monochrome,12,12,12)),1) 3rem);--diagonal-stripes:repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);--gradient-sidemenu-header:linear-gradient(10deg,rgba(var(--medium-accent,140,20,25),0.45) 0,rgba(var(--medium-accent,140,20,25),0.55) 100%);--background-gradient-distance:40rem;--gradient-background:linear-gradient(to bottom,rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),1) -webkit-calc(-webkit-calc(0 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.987) -webkit-calc(-webkit-calc(0.8 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.951) -webkit-calc(-webkit-calc(2.9 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.896) -webkit-calc(-webkit-calc(6.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.825) -webkit-calc(-webkit-calc(11 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.741) -webkit-calc(-webkit-calc(16.6 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.648) -webkit-calc(-webkit-calc(23.1 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.55) -webkit-calc(-webkit-calc(30.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.45) -webkit-calc(-webkit-calc(38.3 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.352) -webkit-calc(-webkit-calc(46.7 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.259) -webkit-calc(-webkit-calc(55.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.175) -webkit-calc(-webkit-calc(64.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.104) -webkit-calc(-webkit-calc(73.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.049) -webkit-calc(-webkit-calc(82.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.013) -webkit-calc(-webkit-calc(91.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0) -webkit-calc(-webkit-calc(100 / 100) * var(--background-gradient-distance,40rem)));--gradient-background:linear-gradient(to bottom,rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),1) calc((0 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.987) calc((0.8 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.951) calc((2.9 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.896) calc((6.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.825) calc((11 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.741) calc((16.6 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.648) calc((23.1 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.55) calc((30.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.45) calc((38.3 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.352) calc((46.7 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.259) calc((55.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.175) calc((64.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.104) calc((73.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.049) calc((82.5 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0.013) calc((91.4 / 100) * var(--background-gradient-distance,40rem)),rgba(var(--background-gradient-color,var(--very-light-gray-monochrome,215,215,215)),0) calc((100 / 100) * var(--background-gradient-distance,40rem)));--header-background-image-size:100% 7.5rem;--offset-from-page-top:1.2rem;--body-width-on-desktop:44.25rem;--sidebar-width-on-desktop:-webkit-calc(var(--base-font-size,var(--font-calc,0.875rem)) * 19);--sidebar-width-on-desktop:calc(var(--base-font-size,var(--font-calc,0.875rem)) * 19);--sidebar-width-on-mobile:14rem;--scrollbar-width:.5625rem;--border-styling:solid .0625rem rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--border-radius-width:.0625rem;--box-border-bottom:0 .0625rem 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-top:0 -0.0625rem 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-left:-0.0625rem 0 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-right:.0625rem 0 0 0 rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--box-border-all:0 0 0 .0625rem rgb(var(--swatch-border-color,var(--black-monochrome,12,12,12)));--sidebar-transition-timing:.5s ease-in-out .1s;--sidebar-internal-border-thickness:.125rem;--unitless-min-font-size:.8;--unitless-max-font-size:1;--unitless-min-viewport:768;--unitless-max-viewport:900;--min-lineheight:1.2;--max-lineheight:1.5;--font-size-difference:-webkit-calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));--font-size-difference:calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));--lineheight-difference:-webkit-calc(var(--max-lineheight) - var(--min-lineheight));--lineheight-difference:calc(var(--max-lineheight) - var(--min-lineheight));--viewport-range-difference:-webkit-calc(var(--unitless-max-viewport) - var(--unitless-min-viewport));--viewport-range-difference:calc(var(--unitless-max-viewport) - var(--unitless-min-viewport));--min-viewport-difference:-webkit-calc(100vw - (var(--unitless-min-viewport) * .0625rem));--min-viewport-difference:calc(100vw - (var(--unitless-min-viewport) * .0625rem));--font-calc:-webkit-calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--font-calc:calc((var(--unitless-min-font-size) * 1rem) + var(--font-size-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--line-calc:-webkit-calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--line-calc:calc(var(--min-lineheight) + var(--lineheight-difference) * var(--min-viewport-difference) / var(--viewport-range-difference));--base-font-size:var(--font-calc,0.875rem);--base-line-height:var(--line-calc,1.313rem)}::-moz-selection{background:rgba(180,35,35,0.25);background:rgba(var(--swatch-primary,180,35,35),0.25);text-shadow:none}::selection{background:rgba(180,35,35,0.25);background:rgba(var(--swatch-primary,180,35,35),0.25);text-shadow:none}.browserupgrade{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}.code{background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color,244,244,244));padding:1em}.code *{font-family:"PT Mono","Andale Mono","Courier New",Courier,monospace;font-family:var(--mono-font);max-width:90vw}.code p{margin:0}.code pre{margin:0;white-space:pre}#container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;margin:0;padding:0}#content-wrap{width:98vw;min-height:-webkit-calc(100vh - 9.375rem);min-height:calc(100vh - 9.375rem);flex-grow:2;height:auto !important;position:initial;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto -4.1em auto;padding:0}#page-title{min-height:2rem;font-family:"Poppins",sans-serif;font-family:var(--title-font);color:#0c0c0c;color:rgb(var(--swatch-text-dark,12,12,12));font-weight:600;margin:0 0 .6em !important;padding:0 0 .25em !important;border-color:#424248;border-color:rgb(var(--swatch-menubg-medium-dark-color,66,66,72));text-align:left !important}.form-control{width:95%}.info-container .collapsible-block-link,.info-container:hover .collapsible-block-link{line-height:1.6em}.printuser img.small{margin-right:.0625rem}#main-content{background-color:transparent;-webkit-flex-basis:44.25rem;-ms-flex-preferred-size:44.25rem;flex-basis:44.25rem;-webkit-flex-basis:var(--body-width-on-desktop);-ms-flex-preferred-size:var(--body-width-on-desktop);flex-basis:var(--body-width-on-desktop);max-width:44.25rem;max-width:var(--body-width-on-desktop);padding:2rem;margin-bottom:3rem;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;margin-left:-webkit-calc(50vw - (44.25rem / 2) - 2rem);margin-left:calc(50vw - (44.25rem / 2) - 2rem);margin-left:-webkit-calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));margin-left:calc(50vw - (var(--body-width-on-desktop / 2) - 2rem));margin-right:1.5rem;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#breadcrumbs{font-weight:85%;margin:-1em 0 1em}#footer{clear:both;font-size:77%;background:#64030f;background:rgb(var(--swatch-primary-darkest,100,3,15));color:#424248;color:rgb(var(--swatch-menubg-medium-color,66,66,72));margin-top:.9375rem;padding:.1875rem .625rem;width:-webkit-calc(100% - 1.25rem);width:calc(100% - 1.25rem);width:-webkit-calc(98.7vw - var(--sidebar-width-on-desktop));width:calc(98.7vw - var(--sidebar-width-on-desktop));height:1rem;position:relative;align-self:flex-end}#footer .options{visibility:visible;display:block;float:right;width:50%;font-size:100%;text-align:right}#license-area{padding:0;position:relative;align-self:flex-end;width:100%}div.sexy-box{background:#fcfcfc;background:rgb(var(--swatch-background,252,252,252));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-border-color,12,12,12),0.25);overflow:hidden;margin:.4375rem .25rem .75rem;padding:0 .625rem .75rem}div.sexy-box div.image-container img{border:.0625rem solid rgba(12,12,12,0.5);border:.0625rem solid rgba(var(--swatch-border-color,12,12,12),0.5);margin:.3125rem;padding:.125rem}#page-content{min-height:45rem;max-width:90vw}.unmargined>p{line-height:100%;margin:0}.content-panel{--box-shadow-1:rgba(var(--swatch-text-dark,12,12,12),0.16);--box-shadow-2:rgba(var(--swatch-text-dark,12,12,12),0.23);--box-shadow-3:rgb(var(--swatch-menubg-medium-color,170,170,170));-webkit-border-radius:.625rem;border-radius:.625rem;background-color:rgba(66,66,72,0.5);background-color:rgba(var(--gray-monochrome,66,66,72),0.5);-webkit-box-shadow:0 .188em .375em rgba(12,12,12,0.16),0 .188em .375em rgba(12,12,12,0.23),0 0 .063em 0 #aaa inset,0 0 .063em 0 #aaa;box-shadow:0 .188em .375em rgba(12,12,12,0.16),0 .188em .375em rgba(12,12,12,0.23),0 0 .063em 0 #aaa inset,0 0 .063em 0 #aaa;-webkit-box-shadow:0 .188em .375em var(--box-shadow-1),0 .188em .375em var(--box-shadow-2),0 0 .063em 0 var(--box-shadow-3:) inset,0 0 .063em 0 var(--box-shadow-3:);box-shadow:0 .188em .375em var(--box-shadow-1),0 .188em .375em var(--box-shadow-2),0 0 .063em 0 var(--box-shadow-3:) inset,0 0 .063em 0 var(--box-shadow-3:);margin:.625em 0 .938em}.content-panel.standalone{background:#fcfcfc;background:rgb(var(--swatch-background,252,252,252))}.content-panel.series{margin-bottom:1.25rem;padding:0 1.25rem}.content-panel.centered{text-align:center}.content-panel.left-column{float:left;width:48%}.content-panel.right-column{float:right;width:48%}.content-panel .panel-heading{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.35);text-transform:uppercase;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color,252,252,252));font-size:100%;font-weight:900;text-shadow:.0625rem .0625rem .125rem rgba(12,12,12,0.35);text-shadow:.0625rem .0625rem .125rem var(--text-shadow);padding:.313em .625em;text-align:center}.content-panel .panel-body{background:rgb(var(--swatch-menubg-medium-color));padding:.313em .625em}.content-panel .panel-body>.news-title{font-family:"Poppins",sans-serif;font-family:var(--title-font);font-weight:900;text-transform:uppercase;font-size:90%}.content-panel .panel-footer{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.5);color:rgb(var(--swatch-menubg-medium-color));font-size:80%;font-weight:700;text-align:right;text-shadow:.0625rem .0625rem .125rem rgba(12,12,12,0.5);text-shadow:.0625rem .0625rem .125rem var(--text-shadow);padding:.0625rem .625rem}.content-panel .panel-footer a{color:rgb(var(--swatch-menubg-medium-color))}.content-panel .content-toc{--box-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.15);float:right;background-color:rgb(var(--swatch-menubg-medium-color));border:solid .0625rem rgb(var(--swatch-menubg-medium-dark-color));-webkit-border-radius:.625rem;border-radius:.625rem;white-space:nowrap;-webkit-box-shadow:inset .0625rem .125rem .375rem rgba(0,0,0,0.15);box-shadow:inset .0625rem .125rem .375rem rgba(0,0,0,0.15);-webkit-box-shadow:inset .0625rem .125rem .375rem var(--box-shadow);box-shadow:inset .0625rem .125rem .375rem var(--box-shadow);margin:1.25rem 0 .313rem .313rem;padding:0 1.25rem}.alternate:nth-child(even){background-color:rgba(var(--white-monochrome),0.9)}#main-content .page-tags{margin:1em 0 0;padding:0}#main-content .page-tags span{display:inline-block;max-width:100%;padding:0}#main-content .page-tags a{display:inline-block;white-space:nowrap}.footer-wikiwalk-nav{font-weight:700;font-size:75%}.forum-thread-box .description-block{--box-shadow-1:rgba(var(--swatch-menubg-black-color),0.15);--box-shadow-2:rgba(var(--swatch-menubg-black-color),0.8);--box-shadow-3:rgba(var(--swatch-menubg-color),0.25);--box-shadow-4:rgba(var(--swatch-menubg-black-color),0.1);-webkit-border-radius:.625rem;border-radius:.625rem;-webkit-box-shadow:0 .0625rem .3125rem rgba(0,0,0,0.15),inset 0 .0625rem 0 rgba(255,255,255,0.8),inset 0 .625rem .3125rem rgba(255,255,255,0.25),inset 0 -0.9375rem 1.875rem rgba(0,0,0,0.1);box-shadow:0 .0625rem .3125rem rgba(0,0,0,0.15),inset 0 .0625rem 0 rgba(255,255,255,0.8),inset 0 .625rem .3125rem rgba(255,255,255,0.25),inset 0 -0.9375rem 1.875rem rgba(0,0,0,0.1);-webkit-box-shadow:0 .0625rem .3125rem var(--box-shadow-1),inset 0 .0625rem 0 var(--box-shadow-2),inset 0 .625rem .3125rem var(--box-shadow-3),inset 0 -0.9375rem 1.875rem var(--box-shadow-4);box-shadow:0 .0625rem .3125rem var(--box-shadow-1),inset 0 .0625rem 0 var(--box-shadow-2),inset 0 .625rem .3125rem var(--box-shadow-3),inset 0 -0.9375rem 1.875rem var(--box-shadow-4);padding:.5em 1em}.thread-container .post .head{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);background:rgba(244,244,244),-webkit-gradient(linear,left top,right top,from(rgba(244,244,244)),to(rgba(170,170,170)));background:rgba(244,244,244),-webkit-linear-gradient(left,rgba(244,244,244),rgba(170,170,170));background:rgba(244,244,244),-o-linear-gradient(left,rgba(244,244,244),rgba(170,170,170));background:rgba(244,244,244),linear-gradient(to right,rgba(244,244,244),rgba(170,170,170));background:rgba(var(--swatch-menubg-light-color)),-webkit-gradient(linear,left top,right top,from(rgba(var(--swatch-menubg-light-color))),to(rgba(var(--swatch-menubg-medium-color))));background:rgba(var(--swatch-menubg-light-color)),-webkit-linear-gradient(left,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));background:rgba(var(--swatch-menubg-light-color)),-o-linear-gradient(left,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));background:rgba(var(--swatch-menubg-light-color)),linear-gradient(to right,rgba(var(--swatch-menubg-light-color)),rgba(var(--swatch-menubg-medium-color)));-webkit-box-shadow:inset .125rem .1875rem .375rem rgba(0,0,0,0.15);box-shadow:inset .125rem .1875rem .375rem rgba(0,0,0,0.15);-webkit-box-shadow:inset .125rem .1875rem .375rem var(--box-shadow);box-shadow:inset .125rem .1875rem .375rem var(--box-shadow);-webkit-border-radius:.3125rem .3125rem 0 0;border-radius:.3125rem .3125rem 0 0;padding:.5em 1em}.ruby{display:inline-table;text-align:center;white-space:nowrap;line-height:1;height:1em;vertical-align:text-bottom}.rt{display:table-header-group;font-size:.6em;line-height:1.1;text-align:center;white-space:nowrap}.keycap{border:.0625rem solid;border-bottom-width:.125rem;-webkit-border-radius:.1875rem;border-radius:.1875rem;background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252));font-family:inherit;font-size:.85em;white-space:nowrap;border-color:#f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;border-color:rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244)) rgb(var(--swatch-menubg-light-color,244,244,244));padding:.0625rem .1875rem}.tags{display:inline-block;height:.8125rem;line-height:13px;line-height:.8125rem;font-size:11px;font-size:.6875rem;background:#303034;background:rgb(var(--swatch-menubg-dark-color,48,48,52));color:#fcfc16);color:rgb(var(--swatch-menutxt-light-color,252,252,252));text-decoration:none;-webkit-border-bottom-right-radius:.25rem;border-bottom-right-radius:.25rem;-webkit-border-top-right-radius:.25rem;border-top-right-radius:.25rem;margin:0 0 0 .3125rem;padding:.1875rem .3125rem .1875rem 0}.tags:before{content:"";float:left;position:relative;top:-0.1875rem;left:-0.625rem;width:0;height:0;border-color:transparent #303034 transparent transparent;border-color:transparent rgb(var(--swatch-menubg-dark-color,48,48,52)) transparent transparent;border-style:solid;border-width:.5rem .5rem .5rem 0;padding:0 .0625rem .1875rem}.tags:after{--box-shadow:rgb(var(--swatch-menubg-dark-color,48,48,52));content:"";position:relative;top:.28125rem;left:-0.5rem;float:left;width:.25rem;height:.25rem;-webkit-border-radius:.125rem;border-radius:.125rem;background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252));-webkit-box-shadow:-0.0625rem -0.0625rem .125rem #303034;box-shadow:-0.0625rem -0.0625rem .125rem #303034;-webkit-box-shadow:-0.0625rem -0.0625rem .125rem var(--box-shadow);box-shadow:-0.0625rem -0.0625rem .125rem var(--box-shadow)}.bblock:hover{background-color:#0c0c0c;background-color:rgb(var(--swatch-menubg-black-color,12,12,12));color:#64030f;color:rgb(var(--swatch-primary-darkest,100,3,15));text-decoration:none}.dblock:hover{background-color:transparent;text-decoration:none}.emph{-webkit-text-emphasis-style:dot;text-emphasis-style:dot}.page-source{word-break:break-all}.visuallyhidden{border:0;clip:rect(0000);height:.0625rem;overflow:hidden;position:absolute;width:.0625rem;white-space:nowrap;margin:-0.0625rem;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;white-space:inherit;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}div#container-wrap{background:0}textarea,.yui-navset li{line-height:normal}.title.modal-header,.owindow{background-color:#fcfcfc;background-color:rgb(var(--swatch-background,252,252,252))}.signature,.hidden{display:none !important}.bblock,.dblock{color:#0c0c0c;color:rgb(var(--swatch-text-dark,12,12,12));color:#0c0c0c;color:rgb(var(--swatch-menubg-black-color,12,12,12));-webkit-transition:2s;-o-transition:2s;transition:2s;text-decoration:none}#page-content div,#page-content div table{max-width:100%}table.form{margin:.5rem -0.25rem !important}table.form,table.form>tbody{width:100%}table.form tr{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%}form#edit-page-form{background-color:rgba(170,170,170,0.25);background-color:rgba(var(--swatch-menubg-medium-color),0.25);-webkit-border-radius:1rem;border-radius:1rem;padding:0 .5rem}.wd-editor-toolbar-panel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:.5rem 0}.change-textarea-size{float:right;text-align:right;padding:.5rem}.change-textarea-size a{color:rgba(12,12,12);color:rgba(var(--swatch-menutxt-dark-color));background-color:rgba(170,170,170);background-color:rgba(var(--swatch-menubg-medium-color));border:.0625rem solid rgba(12,12,12);border:.0625rem solid rgba(var(--swatch-border-color));padding:.15rem;width:1rem;height:1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600}.edit-help-34{margin:.5rem;text-transform:capitalize}.edit-help-34>a:nth-of-type(1)::after{content:" |"}table.edit-page-bottomtable td{padding:0}table.edit-page-bottomtable{width:100%}div.buttons.alignleft>input{-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;padding:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem}div.buttons.alignleft{text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.footnotes-footer,.page-options-bottom,.owindow .title,.math-equation,.bibitem,.thread-container .post .long .options{height:auto !important}#main-content .page-tags a[href^="/system:page-tags/tag/_"]{display:none}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.emph{font-family:monospace;font-style:normal;font-weight:400;background-image:url(http://www.kaktuskontainer.wikidot.com/local--files/component%3Atheme/dot.png),none;background-repeat:repeat-x;background-color:transparent;background-clip:padding-box,content-box;-webkit-background-size:1em 1.3em auto;background-size:1em 1.3em auto;padding:.5em 0 0}}@media only screen and (max-width:768px){#page-content{font-size:.9em}#main-content{max-width:90vw;-webkit-transition:.5s ease-in-out .1s;-o-transition:.5s ease-in-out .1s;transition:.5s ease-in-out .1s;margin-left:5%;margin-right:5%;padding:0}.mobile-top-bar>div>p{display:block}.page-options-bottom{height:initial}.page-options-bottom a{padding:0 .25rem}blockquote{margin:1em 0}.license-area{font-size:.8em}.page-history tbody tr td:last-child{width:35%;font-size:1.5rem}.owindow{min-width:80%;max-width:99%}.modal-body .table,.modal-body .table ~ div{float:left}.owindow .button-bar{float:right}.owindow div .btn-primary{width:100%;float:left}.yui-navset{z-index:1}table.form td,table.form th{float:left;padding:0}td.name{width:15em}#edit-page-title{font-family:"Poppins",sans-serif;font-family:var(--title-font);max-width:90%}.content-panel.left-column,.content-panel.right-column{width:99%;float:left}#page-content div,#page-content div table{clear:both}#page-content div.title{font-family:"Poppins",sans-serif;font-family:var(--title-font);word-break:keep-all}#content-wrap{margin:2.875em auto 0}#footer{width:auto;bottom:1rem}#license-area{font-size:1em;bottom:-1.5em;width:90%;margin:0 auto;line-height:1;height:2rem}#search-top-box-input,#navi-bar,#navi-bar-shadow{display:none}#recent-posts-category,.owindow div .btn-primary ~ div{width:100%}}@media print{*,:before,:after{background:transparent !important;color:#0c0c0c !important;color:rgb(var(--swatch-text-dark,12,12,12)) !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:.0625rem solid #424248;border:.0625rem solid rgb(var(--swatch-menubg-medium-color,66,66,72));page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.yui-navset *{-webkit-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1)}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{--box-shadow:rgb(var(--swatch-primary-darker));zoom:unset;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-color:#8c1419;border-color:rgb(var(--swatch-primary-darker));width:-webkit-calc(100% - .125rem);width:calc(100% - .125rem);margin:0 auto;border:0;-webkit-box-shadow:0 -webkit-calc(0.0625rem * 5) 0 0 #8c1419;box-shadow:0 calc(0.0625rem * 5) 0 0 #8c1419;-webkit-box-shadow:0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow);box-shadow:0 calc(0.0625rem * 5) 0 0 var(--box-shadow)}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{zoom:unset;background-image:none;background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border:unset;color:#0c0c0c;color:rgb(var(--swatch-text-dark))}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{zoom:unset;background-color:#64030f;background-color:rgb(var(--swatch-primary-darkest));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{--box-shadow:rgb(var(--swatch-primary-darker));background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border-color:transparent;max-width:100%;padding:0;margin:0;zoom:unset;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-basis:7vw;-ms-flex-preferred-size:7vw;flex-basis:7vw;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-box-shadow:0 0 0 .0625rem #8c1419;box-shadow:0 0 0 .0625rem #8c1419;-webkit-box-shadow:0 0 0 .0625rem var(--box-shadow);box-shadow:0 0 0 .0625rem var(--box-shadow)}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;vertical-align:bottom;zoom:unset;width:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.yui-navset .yui-nav a em,.yui-navset .yui-navset-top .yui-nav a em{padding:.35em .75em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.yui-navset .yui-nav li em{border:unset !important}.yui-navset .yui-nav .selected,.yui-navset .yui-navset-top .yui-nav .selected{padding:0;margin:0;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;background-color:#8c1419;background-color:rgb(var(--swatch-primary-darker))}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a em{border:none !important;border-color:transparent}.yui-navset .yui-nav .selected a{color:#fcfcfc !important;color:rgb(var(--white-monochrome)) !important;width:100%;background-image:none}.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:active{background-color:#8c1419;background-color:rgb(var(--swatch-primary-darker));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-nav .selected a:hover{background-color:#aaa;background-color:rgb(var(--swatch-menubg-medium-color));color:#fcfcfc;color:rgb(var(--swatch-text-light))}.yui-navset .yui-content{background-color:rgba(244,244,244,0.25);background-color:rgba(var(--swatch-menubg-light-color),0.25)}.yui-navset .yui-content,.yui-navset .yui-navset-top .yui-content{border-color:#aaa;border-color:rgb(var(--swatch-menubg-medium-color))}.yui-navset-left .yui-content{border-left-color:#f4f4f4;border-left-color:rgb(var(--swatch-menubg-light-color))}blockquote{--box-shadow:rgba(var(--swatch-menubg-black-color),0.1);border-style:dashed;border-color:rgba(var(--swatch-border-color),0.25);border-width:.063em;background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));-webkit-box-shadow:0 .063em .125em rgba(0,0,0,0.1);box-shadow:0 .063em .125em rgba(0,0,0,0.1);-webkit-box-shadow:0 .063em .125em var(--box-shadow);box-shadow:0 .063em .125em var(--box-shadow);display:flow-root}.footnotes-footer{width:90%;margin:1em auto;padding:.15em 1em;background-color:rgba(170,170,170,0.25);background-color:rgba(var(--swatch-menubg-medium-color),0.25);border-left:.5em solid rgba(140,20,25);border-left:.5em solid rgba(var(--swatch-primary-darker))}.footnote-footer{display:block;position:relative;width:95%;margin:.5rem 1.5rem}.footnote-footer>a:nth-of-type(1){position:relative;display:initial;height:100%;width:1rem;margin-left:-1rem}div.image-block{float:right;margin:0 2em 1em 2em;width:18.75rem}div.image-block img{width:18.75rem}:root{--rating-module-height:1.3125rem}.page-rate-widget-box{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);-webkit-box-shadow:.0625rem .0625rem 0 var(--box-shadow);box-shadow:.0625rem .0625rem 0 var(--box-shadow);padding:0 .125rem;margin-bottom:.75rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(170,170,170,0.25)),to(rgba(170,170,170,0.15)));background:-webkit-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-o-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:linear-gradient(to top,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-webkit-gradient(linear,left bottom,left top,from(rgba(var(--swatch-menubg-medium-color),0.25)),to(rgba(var(--swatch-menubg-medium-color),0.15)));background:-webkit-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:-o-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:linear-gradient(to top,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background-color:#fcfcfc;background-color:rgb(var(--swatch-background));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-menubg-black-color),0.25);height:var(--rating-module-height)}.rate-box-with-credit-button .page-rate-widget-box{-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:0;border:0}.page-rate-widget-box .rate-points,.page-rate-widget-box .rateup,.page-rate-widget-box .ratedown,.page-rate-widget-box .cancel{display:block;border:0;margin:0 .125rem 0 0}.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,.rate-box-with-credit-button>.creditButton,.rate-box-with-credit-button>.creditButton>p{padding:0;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);display:block;line-height:var(--rating-module-height);text-align:center;-webkit-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;text-transform:uppercase}.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a{background-color:none;background:unset;background-color:rgba(100,3,15,0.1);background-color:rgba(var(--swatch-primary-darkest),0.1)}.page-rate-widget-box .rate-points,.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{color:#0c0c0c;color:rgb(var(--rating-module-text-color));font-weight:700;position:relative;background:transparent}.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a,.page-rate-widget-box .cancel a{color:#0c0c0c;color:rgb(var(--rating-module-button-color));font-weight:700;position:relative}.page-rate-widget-box .cancel{font-size:85%}.page-rate-widget-box .rateup a:hover,.page-rate-widget-box .ratedown a:hover,.page-rate-widget-box .cancel a:hover{text-decoration:none}.page-rate-widget-box .rateup a:hover{background-color:rgba(0,200,0,0.8)}.page-rate-widget-box .ratedown a:hover{background-color:rgba(200,0,0,0.8)}.page-rate-widget-box .cancel a:hover{background-color:rgba(200,200,200,0.8)}.page-rate-widget-box .rate-points{line-height:var(--rating-module-height);padding:0 -webkit-calc(0.875rem * .5);padding:0 calc(0.875rem * .5);padding:0 -webkit-calc(var(--base-font-size) * .5);padding:0 calc(var(--base-font-size) * .5);text-transform:uppercase;font-size:-webkit-calc(0.875rem * .8);font-size:calc(0.875rem * .8);font-size:-webkit-calc(var(--base-font-size) * .8);font-size:calc(var(--base-font-size) * .8);background-color:transparent !important;color:#0c0c0c !important;color:rgb(var(--rating-module-text-color)) !important;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-rate-widget-box .rate-points .number{font-size:-webkit-calc(0.875rem * 1.2);font-size:calc(0.875rem * 1.2);font-size:-webkit-calc(var(--base-font-size) * 1.2);font-size:calc(var(--base-font-size) * 1.2)}@supports((-webkit-mask:none) or (mask:none)){.page-rate-widget-box .rateup a,.page-rate-widget-box .ratedown a,.page-rate-widget-box .cancel a{font-size:0}.page-rate-widget-box .rateup a::before,.page-rate-widget-box .ratedown a::before,.page-rate-widget-box .cancel a::before{content:" ";position:absolute;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);height:var(--rating-module-height);top:0;left:0;-webkit-mask-size:-webkit-calc(var(--rating-module-height) * .8);mask-size:calc(var(--rating-module-height) * .8);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#0c0c0c;background-color:rgb(var(--rating-module-button-color));pointer-events:none}.page-rate-widget-box .rateup a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.page-rate-widget-box .ratedown a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.page-rate-widget-box .cancel a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}}.heritage-rating-module{display:inline-block;background-color:#633;border:solid .0625rem #ccc066;-webkit-border-radius:.5rem;border-radius:.5rem;-webkit-box-shadow:0 .0625rem .1875rem rgba(0,0,0,0.25);box-shadow:0 .0625rem .1875rem rgba(0,0,0,0.25);margin-right:2em;margin-bottom:.625rem;padding:.125rem .5rem .125rem .3125rem}.heritage-rating-module .page-rate-widget-box{-webkit-box-shadow:none;box-shadow:none;margin-bottom:0;margin-right:0}.heritage-rating-module .heritage-emblem{float:left;position:relative;top:-0.125rem;left:.125rem;height:1rem;width:1rem;overflow:visible;margin-right:.125rem}.heritage-rating-module .heritage-emblem img{width:1.25rem;height:1.25rem;border:0}#page-content .creditRate{margin-right:0;margin-bottom:0}#page-content .rate-box-with-credit-button{--box-shadow:rgba(var(--swatch-menubg-black-color),0.15);overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);box-shadow:.0625rem .0625rem 0 rgba(12,12,12,0.15);-webkit-box-shadow:.0625rem .0625rem 0 var(--box-shadow);box-shadow:.0625rem .0625rem 0 var(--box-shadow);padding:0 .125rem;margin-bottom:.75rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(170,170,170,0.25)),to(rgba(170,170,170,0.15)));background:-webkit-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-o-linear-gradient(bottom,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:linear-gradient(to top,rgba(170,170,170,0.25) 0,rgba(170,170,170,0.15) 100%);background:-webkit-gradient(linear,left bottom,left top,from(rgba(var(--swatch-menubg-medium-color),0.25)),to(rgba(var(--swatch-menubg-medium-color),0.15)));background:-webkit-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:-o-linear-gradient(bottom,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background:linear-gradient(to top,rgba(var(--swatch-menubg-medium-color),0.25) 0,rgba(var(--swatch-menubg-medium-color),0.15) 100%);background-color:#fcfcfc;background-color:rgb(var(--swatch-background));border:.0625rem solid rgba(12,12,12,0.25);border:.0625rem solid rgba(var(--swatch-menubg-black-color),0.25);height:var(--rating-module-height)}#page-content .rate-box-with-credit-button>.creditButton:hover{background:rgba(50,50,50,0.1)}#page-content .rate-box-with-credit-button>.creditButton>p{display:block;margin:0;padding:0;position:relative;width:-webkit-calc(var(--rating-module-height) * 1.5);width:calc(var(--rating-module-height) * 1.5);height:var(--rating-module-height)}#page-content .rate-box-with-credit-button>.creditButton>p>a{width:-webkit-calc(var(--rating-module-height) * 1.5);width:calc(var(--rating-module-height) * 1.5);height:var(--rating-module-height);border-left:0;font-size:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:0}#page-content .rate-box-with-credit-button>.creditButton>p>a::before{content:" ";position:absolute;width:-webkit-calc(0.875rem * 1.5);width:calc(0.875rem * 1.5);width:-webkit-calc(var(--base-font-size) * 1.5);width:calc(var(--base-font-size) * 1.5);height:var(--rating-module-height);top:0;left:0;background-color:#fcfcfc;background-color:rgb(var(--swatch-menubg-black-color));-webkit-mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103 205.3' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M4.2,75.6c24.1-2.6,48.2-5.2,74.9-8.1c0,15.6,0,29.4,0,43.3c0,20.8,0.4,41.6-0.2,62.3 c-0.3,10.5,4,16.3,13.4,20c4,1.5,7.1,5.3,10.6,8c-0.8,1.4-1.6,2.8-2.4,4.3c-32.4,0-64.8,0-97.3,0c-0.9-1.1-1.7-2.3-2.6-3.4 c3.3-2.7,6.2-7,9.9-7.8c11.4-2.3,15.3-9,15.2-19.9c-0.2-20.3-0.6-40.5,0.1-60.8c0.4-11.8-4.4-18.1-15-22.3c-4.4-1.8-7.4-7.2-11-11 C1.4,78.6,2.8,77.1,4.2,75.6z'/%3E%3Cpath fill='%23FFFFFF' d='M79.6,27c0,16.3-11,26.9-27.5,26.7c-16.5-0.2-26.2-9.9-26.2-26c0-17,10.1-27.7,26.5-27.7 C68.6-0.1,79.6,10.8,79.6,27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");-webkit-mask-size:-webkit-calc(var(--rating-module-height) * .35);mask-size:calc(var(--rating-module-height) * .35);-webkit-mask-position:top .3em center;mask-position:top .3em center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}#page-content .rate-box-with-credit-button>.page-rate-widget-box{overflow:hidden;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-border-radius:0;border-radius:0;padding:0 .125rem;-webkit-box-shadow:none;box-shadow:none}.scp-image-block{--box-shadow:rgba(var(--swatch-menubg-black-color,12,12,12));border:solid .0625rem rgb(var(--swatch-primary-darkest));box-shadow:0 .0625rem .375rem rgba(0,0,0,0.25);-webkit-box-shadow:0 .0625rem .375rem rgba(0,0,0,0.25);box-shadow:0 .0625rem .375rem var(--box-shadow);-webkit-box-shadow:0 .0625rem .375rem var(--box-shadow);width:18.75rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:100%}.scp-image-block.block-right{float:right;clear:right;margin:0 0 1em 2em}.scp-image-block.block-left{float:left;clear:left;margin:0 2em 1em 0}.scp-image-block.block-center{margin-right:auto;margin-left:auto}.scp-image-block img{border:0;min-width:100%}.scp-image-caption{min-width:100%}.scp-image-block .scp-image-caption{background-color:#f4f4f4;background-color:rgb(var(--swatch-menubg-light-color));border-top:solid .0625rem #0c0c0c;border-top:solid .0625rem rgb(var(--swatch-menubg-black-color));font-size:80%;font-weight:700;text-align:center;padding:.125rem 0}.scp-image-block .scp-image-caption>p{margin:0;padding:0 .625rem}div.block-right,div.block-left{min-width:30% !important}table.wiki-content-table *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}table.wiki-content-table,table.wiki-content-table tbody{border-collapse:unset;border-spacing:0;margin:.5em auto;display:table;background-color:transparent}table.wiki-content-table th{background:#aaa;background:rgb(var(--swatch-menubg-medium-color));color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color))}table.wiki-content-table th,table.wiki-content-table tr{border:.0625rem solid rgba(66,66,72,0.25) !important;border:.0625rem solid rgba(var(--swatch-menubg-medium-dark-color),0.25) !important}.translation-box-stylesheet{display:none}@media only screen and (max-width:768px){:root{--rating-module-height:1.5rem}div.block-right,div.block-left{min-width:40% !important;margin:0 auto}}#header{width:90vw;position:relative;z-index:10;height:9.375rem;background-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");background-image:var(--logo-image);background-repeat:no-repeat;background-position:left .75rem top 1.1875rem;background-clip:border-box;-webkit-background-size:auto 5.375rem;background-size:auto 5.375rem;-webkit-filter:drop-shadow(.063rem .063rem .063rem #0c0c0c);filter:drop-shadow(.063rem .063rem .063rem #0c0c0c);-webkit-filter:drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)));filter:drop-shadow(.063rem .063rem .063rem rgb(var(--black-monochrome)))}body{background-image:-webkit-linear-gradient(bottom,#632125 0,#4c191e 70%,#382525 100%),-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) -webkit-calc(100% - .125rem),rgba(66,66,72,1) -webkit-calc(100% - .125rem),rgba(12,12,12,1) 100%),-webkit-linear-gradient(top,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:-webkit-gradient(linear,left bottom,left top,from(#632125),color-stop(70%,#4c191e),to(#382525)),-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(7.5rem,rgba(255,255,255,0)),color-stop(7.5rem,rgba(12,12,12,1)),color-stop(7.625rem,rgba(66,66,72,1)),color-stop(rgba(66,66,72,0.95)),color-stop(rgba(66,66,72,1)),to(rgba(12,12,12,1))),-webkit-gradient(linear,left top,left bottom,color-stop(0rem,rgba(215,215,215,1)),color-stop(0.32rem,rgba(215,215,215,0.987)),color-stop(1.16rem,rgba(215,215,215,0.951)),color-stop(2.56rem,rgba(215,215,215,0.896)),color-stop(4.4rem,rgba(215,215,215,0.825)),color-stop(6.64rem,rgba(215,215,215,0.741)),color-stop(9.24rem,rgba(215,215,215,0.648)),color-stop(12.16rem,rgba(215,215,215,0.55)),color-stop(15.32rem,rgba(215,215,215,0.45)),color-stop(18.68rem,rgba(215,215,215,0.352)),color-stop(22.16rem,rgba(215,215,215,0.259)),color-stop(25.76rem,rgba(215,215,215,0.175)),color-stop(29.4rem,rgba(215,215,215,0.104)),color-stop(33rem,rgba(215,215,215,0.049)),color-stop(36.56rem,rgba(215,215,215,0.013)),color-stop(40rem,rgba(215,215,215,0)));background-image:-o-linear-gradient(bottom,#632125 0,#4c191e 70%,#382525 100%),-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) calc(100% - .125rem),rgba(66,66,72,1) calc(100% - .125rem),rgba(12,12,12,1) 100%),-o-linear-gradient(top,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:linear-gradient(to top,#632125 0,#4c191e 70%,#382525 100%),linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 7.5rem,rgba(12,12,12,1) 7.5rem,rgba(66,66,72,1) 7.625rem,rgba(66,66,72,0.95) calc(100% - .125rem),rgba(66,66,72,1) calc(100% - .125rem),rgba(12,12,12,1) 100%),linear-gradient(to bottom,rgba(215,215,215,1) 0rem,rgba(215,215,215,0.987) .32rem,rgba(215,215,215,0.951) 1.16rem,rgba(215,215,215,0.896) 2.56rem,rgba(215,215,215,0.825) 4.4rem,rgba(215,215,215,0.741) 6.64rem,rgba(215,215,215,0.648) 9.24rem,rgba(215,215,215,0.55) 12.16rem,rgba(215,215,215,0.45) 15.32rem,rgba(215,215,215,0.352) 18.68rem,rgba(215,215,215,0.259) 22.16rem,rgba(215,215,215,0.175) 25.76rem,rgba(215,215,215,0.104) 29.4rem,rgba(215,215,215,0.049) 33rem,rgba(215,215,215,0.013) 36.56rem,rgba(215,215,215,0) 40rem);background-image:var(--gradient-header),var(--gradient-topmenu),var(--gradient-background);-webkit-background-size:100% 7.5rem,100% 9.375rem,100% 40rem;background-size:100% 7.5rem,100% 9.375rem,100% 40rem;-webkit-background-size:var(--header-background-image-size),100% 9.375rem,100% var(--background-gradient-distance);background-size:var(--header-background-image-size),100% 9.375rem,100% var(--background-gradient-distance);background-repeat:repeat-x}div#container-wrap{background-image:-webkit-repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:-o-repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:repeating-linear-gradient(45deg,hsla(0,0,100%,0),hsla(0,0,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .5vh);background-image:var(--diagonal-stripes);-webkit-background-size:100% 7.5rem;background-size:100% 7.5rem;background-repeat:no-repeat;background-position:0 0}#header,#top-bar{max-width:61.25rem;font-weight:600;margin:0 auto}#header>h1>a>span{display:inline-table;z-index:9999;color:transparent;width:50vw;max-width:32rem;height:7.5rem;position:absolute;left:0;top:0}.mobile-top-bar{display:none;position:relative;left:1rem;bottom:0;z-index:9999}header h1{font-family:'Poppins',sans-serif;font-family:var(--header-font);text-transform:uppercase;width:100%;height:100%;max-height:7.75rem;position:absolute}#header h1 a::before{--text-shadow:rgb(var(--swatch-text-dark,12,12,12,));content:"SCP FOUNDATION";content:var(--header-title);color:#fcfcfc;color:rgb(var(--swatch-text-light));text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow)}#header h1,#header h2{font-family:'Poppins',sans-serif;font-family:var(--header-font);font-weight:700;position:absolute;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}#header h1 a{font-family:'Poppins',sans-serif !important;font-family:var(--header-font) !important;letter-spacing:-0.02em;display:block;line-height:0;max-height:0;color:#fcfcfc;color:rgb(var(--swatch-text-light));font-size:135%;text-decoration:none;text-shadow:none;z-index:9999;padding:1.875rem 0 0;margin-left:6.75rem;margin-top:-webkit-calc(0.3125rem + 1.2rem);margin-top:calc(0.3125rem + 1.2rem);margin-top:-webkit-calc(0.3125rem + var(--offset-from-page-top));margin-top:calc(0.3125rem + var(--offset-from-page-top))}#header h2{font-size:.945rem}#header h2 span{display:block;line-height:0;font-weight:400;color:transparent;text-shadow:none;margin-left:6.75rem;margin-top:-webkit-calc(3.8rem + 1.2rem);margin-top:calc(3.8rem + 1.2rem);margin-top:-webkit-calc(3.8rem + var(--offset-from-page-top));margin-top:calc(3.8rem + var(--offset-from-page-top))}#header h2 span::before{--text-shadow:rgb(var(--swatch-text-dark,12,12,12));content:"SECURE, CONTAIN, PROTECT";content:var(--header-subtitle);color:#fafafa;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow)}#header-extra-div-1{display:none}#header-extra-div-2{display:none}#search-top-box{position:absolute;top:47%;right:3%;width:auto}form[id="search-top-box-form"]{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center}#search-top-box-input{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--swatch-text-light));background-color:#424248 !important;background-color:rgb(var(--gray-monochrome)) !important}#search-top-box input.empty{color:rgba(12,12,12);color:rgba(var(--swatch-menutxt-dark-color));text-align:center}#search-top-box-form>input,#search-top-box-form>input[type="submit"]{min-height:-webkit-calc(0.875rem * 1.5);min-height:calc(0.875rem * 1.5);min-height:-webkit-calc(var(--base-font-size) * 1.5);min-height:calc(var(--base-font-size) * 1.5);padding:.25rem;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}#search-top-box-input:hover,#search-top-box-input:focus{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--white-monochrome));background:#aaa !important;background:rgb(var(--swatch-menubg-medium-color)) !important}#search-top-box-form input[type="submit"]{border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);font-size:-webkit-calc(0.875rem * .85);font-size:calc(0.875rem * .85);font-size:-webkit-calc(var(--base-font-size) * .85);font-size:calc(var(--base-font-size) * .85);color:#fcfcfc;color:rgb(var(--swatch-text-light));background:#64030f !important;background:rgb(var(--swatch-primary-darkest)) !important;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:pointer;margin-right:0}#search-top-box-form input[type="submit"]:hover,#search-top-box-form input[type="submit"]:focus{--text-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.75);border:.0625rem solid #0c0c0c;border:var(--border-styling);-webkit-border-radius:.0625rem;border-radius:.0625rem;-webkit-border-radius:var(--border-radius-width);border-radius:var(--border-radius-width);color:#fcfcfc;color:rgb(var(--swatch-text-light));text-shadow:0 0 .063rem rgba(12,12,12,0.75);text-shadow:0 0 .063rem var(--swatch-menutxt-dark-color);background:#64030f !important;background:rgb(var(--swatch-primary-darkest)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}#login-status{color:#aaa;color:rgb(var(--swatch-menubg-medium-color));font-size:90% !important;z-index:10000;right:3%;top:.5rem}#login-status a{background-color:transparent;color:#fcfcfc;color:rgb(var(--swatch-text-light))}#login-status ul a{color:#0c0c0c;color:rgb(var(--black-monochrome));background-color:transparent}#account-topbutton{background:#fcfcfc;background:rgb(var(--swatch-text-light));color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color))}#top-bar .mobile-top-bar{display:none;position:relative;left:1rem;bottom:0;z-index:9999;-webkit-filter:unset;filter:unset}#top-bar{width:100%;position:initial;z-index:50;height:1.625rem;font-size:-webkit-calc(0.875rem * .85);font-size:calc(0.875rem * .85);font-size:-webkit-calc(var(--base-font-size) * .85);font-size:calc(var(--base-font-size) * .85);font-weight:600;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:7.625rem 0 1.75rem 0;padding:0 0 .25rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#top-bar div.top-bar>ul,#top-bar div.mobile-top-bar>ul{width:90vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:61.25rem;z-index:20;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;letter-spacing:.0625rem;text-align:center}#top-bar div.top-bar>ul>li,#top-bar div.mobile-top-bar>ul>li{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto;margin:0;list-style:outside none none;padding:0;-webkit-transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 300ms cubic-bezier(0.4,0.0,0.2,1)}#top-bar div.top-bar>ul>li:hover,#top-bar div.top-bar>ul>li:focus-within,#top-bar div.mobile-top-bar>ul>li:hover #top-bar div.mobile-top-bar>ul>li:focus-within{background-color:#303034;background-color:rgb(var(--swatch-menubg-dark-color))}#top-bar div.top-bar>ul>li:hover>a,#top-bar div.top-bar>ul>li:focus-within>a,#top-bar div.mobile-top-bar>ul>li:hover>a #top-bar div.mobile-top-bar>ul>li:focus-within>a{background-color:transparent !important}#top-bar div.top-bar>ul>li>a,#top-bar div.mobile-top-bar>ul>li>a{padding:.3em;width:100%;height:-webkit-calc(100% - .6em);height:calc(100% - .6em);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#fcfcfc !important;color:rgb(var(--swatch-menutxt-light-color)) !important;background-color:transparent !important;white-space:pre;border:none !important;position:relative}#top-bar div.top-bar>ul>li:hover>a::before,#top-bar div.top-bar>ul>li:hover>a::after,#top-bar div.top-bar>ul>li:focus-within>a::before,#top-bar div.top-bar>ul>li:focus-within>a::after,#top-bar div.top-bar>ul>li.sfhover>a::before,#top-bar div.top-bar>ul>li.sfhover>a::after{width:100%}#top-bar div.top-bar>ul>li>a:before,#top-bar div.top-bar>ul>li>a:after{height:-webkit-calc(0.0625rem * 3);height:calc(0.0625rem * 3);position:absolute;content:" ";background-color:rgba(180,35,35,0.5);background-color:rgba(var(--swatch-primary),0.5);width:0;-webkit-transition:width 300ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:width 300ms cubic-bezier(0.4,0.0,0.2,1);transition:width 300ms cubic-bezier(0.4,0.0,0.2,1)}#top-bar div.top-bar>ul>li>a:before{left:0;top:0}#top-bar div.top-bar>ul>li>a:after{right:0;bottom:0}#top-bar div.top-bar>ul>li>ul,#top-bar div.mobile-top-bar>ul>li>ul{--box-shadow:rgba(var(--swatch-menutxt-dark-color,12,12,12),0.5);border:.0625rem solid #0c0c0c;border:var(--border-styling);background:rgba(48,48,52,0.93);background:rgba(var(--swatch-menubg-dark-color),0.93);-webkit-box-shadow:0 .125rem .375rem rgba(12,12,12,0.5);box-shadow:0 .125rem .375rem rgba(12,12,12,0.5);-webkit-box-shadow:0 .125rem .375rem var(--box-shadow);box-shadow:0 .125rem .375rem var(--box-shadow);border-top:0;z-index:20;margin-top:1.625rem;position:absolute;width:98vw;max-width:61.25rem;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;left:50%;-webkit-transform:translate(-50%,-0.3rem);-ms-transform:translate(-50%,-0.3rem);-o-transform:translate(-50%,-0.3rem);transform:translate(-50%,-0.3rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#top-bar div.top-bar>ul>li>ul>li,#top-bar div.mobile-top-bar>ul>li>ul>li{border:.0625rem solid #0c0c0c;border:var(--border-styling);position:relative;margin:0 -0.0625rem -0.0625rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;padding:0;-webkit-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1);-webkit-column-break-inside:avoid;break-inside:avoid;height:3rem;display:table;width:-webkit-calc((100% / 4) + 0.0625rem);width:calc((100% / 4) + 0.0625rem);word-break:normal}#top-bar li ul{opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,visibility 0 linear .2s,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear .2s;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear .2s,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar:not(:hover) li ul{-webkit-transform:translate(0,-0.3rem);-ms-transform:translate(0,-0.3rem);-o-transform:translate(0,-0.3rem);transform:translate(0,-0.3rem)}#top-bar div.top-bar>ul>li:hover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,visibility 0 linear 0;-o-transition:opacity .2s ease-in-out,visibility 0 linear 0,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar div.top-bar>ul>li:hover>ul,#top-bar div.top-bar>ul>li:focus-within>ul,#top-bar div.top-bar>ul>li>ul:focus-within,#top-bar div.top-bar>ul>li.sfhover>ul,#top-bar div.mobile-top-bar>ul>li:hover>ul,#top-bar div.mobile-top-bar>ul>li:focus-within>ul,#top-bar div.mobile-top-bar>ul>li>ul:focus-within,#top-bar div.mobile-top-bar>ul>li.sfhover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,visibility 0 linear 0,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0 linear 0,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}#top-bar div.top-bar>ul>li>ul>li:hover,#top-bar div.mobile-top-bar>ul>li>ul>li:hover{background:rgba(252,252,252,0.15);background:rgba(var(--swatch-menubg-color),0.15)}#top-bar div.top-bar>ul>li>ul>li:hover>a,#top-bar div.top-bar>ul>li>ul>li>a:focus-within,#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a,#top-bar div.mobile-top-bar>ul>li>ul>li>a:focus-within{text-decoration:none}#top-bar div.top-bar>ul>li>ul>li>a,#top-bar div.mobile-top-bar>ul>li>ul>li>a{background:transparent;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));width:auto;height:100%;font-size:.875rem;font-size:var(--base-font-size);font-weight:normal;border:0 solid rgba(0,0,0,0);text-align:center;display:table-cell;vertical-align:middle}@media only screen and (max-width:768px){:root{overflow:-moz-scrollbars-none;scrollbar-width:none}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:#b42323;background:rgb(var(--bright-accent))}#header{background-image:url("https://nu-scptheme.github.io/Nu-SCP/images/logo.svg");background-image:var(--logo-image);--size:-webkit-calc(8.75rem + 1.2rem);--size:calc(8.75rem + 1.2rem);--size:-webkit-calc(8.75rem + var(--offset-from-page-top));--size:calc(8.75rem + var(--offset-from-page-top));--y-offset:1.3125rem;background-position:-webkit-calc(6.75rem - var(--size)) -webkit-calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);background-position:calc(6.75rem - var(--size)) calc(((var(--size) * -1) + 7.5rem + var(--y-offset)) / 2);-webkit-background-size:var(--size),100% 7.5rem;background-size:var(--size),100% 7.5rem;background-repeat:no-repeat,repeat;width:100vw;margin:0;position:-webkit-sticky;position:sticky;top:-7.5rem}#header,.mobile-top-bar{max-width:100%;left:0}#top-bar>div.top-bar{display:none !important}#header h1{font-size:-webkit-calc(0.875rem * 1.35);font-size:calc(0.875rem * 1.35);font-size:-webkit-calc(var(--base-font-size) * 1.35);font-size:calc(var(--base-font-size) * 1.35)}#header h2{font-size:-webkit-calc(0.875rem * .945);font-size:calc(0.875rem * .945);font-size:-webkit-calc(var(--base-font-size) * .945);font-size:calc(var(--base-font-size) * .945)}#header h2 span::before{display:inline-block}#login-status{font-size:70%}#top-bar{margin:7.5rem 0 1.75rem 0;height:3rem}#top-bar .mobile-top-bar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;top:0;right:0;left:0;margin:0;padding:0;width:100vw;background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(12,12,12,1) 0,rgba(66,66,72,1) .125rem,rgba(66,66,72,1) -webkit-calc(3rem - .125rem),rgba(66,66,72,1) -webkit-calc(3rem - .125rem),rgba(12,12,12,1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(12,12,12,1) 0,rgba(66,66,72,1) .125rem,rgba(66,66,72,1) calc(3rem - .125rem),rgba(66,66,72,1) calc(3rem - .125rem),rgba(12,12,12,1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) .125rem,rgba(var(--swatch-topmenu-bg-color),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color),1) -webkit-calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color),1) 3rem));background:var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) .125rem,rgba(var(--swatch-topmenu-bg-color),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-bg-color),1) calc(3rem - .125rem),rgba(var(--swatch-topmenu-border-color),1) 3rem));position:static;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}#top-bar .top-bar>ul{overflow:hidden}#top-bar div.mobile-top-bar>ul{width:100%}#top-bar div.mobile-top-bar>ul>li>a{font-size:125%;background:0}#top-bar div.mobile-top-bar>ul>li>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:2.938rem;-webkit-column-count:3;-moz-column-count:3;column-count:3;width:80vw;max-height:calc(100vh - 12rem)}#top-bar div.mobile-top-bar>ul>li:hover>ul,#top-bar div.mobile-top-bar>ul>li:focus-within>ul,#top-bar div.mobile-top-bar>ul>li>ul:focus-within,#top-bar div.mobile-top-bar>ul>li.sfhover>ul{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}#top-bar div.mobile-top-bar>ul>li>ul>li{max-height:-webkit-calc((100vh - 12rem) / 15);max-height:calc((100vh - 12rem) / 15);max-width:-webkit-calc(80vw+0.0625rem);max-width:calc(80vw+0.0625rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-calc(80vw+0.0625rem);width:calc(80vw+0.0625rem);-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-basis:-webkit-calc(80vw / 2);-ms-flex-preferred-size:calc(80vw / 2);flex-basis:calc(80vw / 2)}#top-bar div.mobile-top-bar>ul>li>ul>li>a{height:100%;width:100%;line-height:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.875rem;font-size:var(--base-font-size)}#top-bar>div.mobile-top-bar>div.open-menu{width:3rem;height:3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#top-bar>div.mobile-top-bar>div.open-menu>p{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;justify-items:stretch;width:100%;height:100%;padding:0;margin:0}#top-bar>div.mobile-top-bar>div.open-menu>p>a{font-family:'Lato',sans-serif;font-family:var(--body-font);font-size:3em;font-weight:700;text-decoration:none;text-align:center;color:#fcfcfc !important;color:rgb(var(--swatch-menutxt-light-color)) !important;-webkit-box-flex:2;-webkit-flex:2 0 100%;-moz-box-flex:2;-ms-flex:2 0 100%;flex:2 0 100%;display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none !important;background-color:transparent !important}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#header{background-position:left -14rem top 1.1875rem}}#side-bar{border:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(252,252,252,1);background:rgba(var(--swatch-menubg-color),1);-webkit-flex-basis:-webkit-calc(0.875rem * 19);-ms-flex-preferred-size:calc(0.875rem * 19);flex-basis:calc(0.875rem * 19);-webkit-flex-basis:var(--sidebar-width-on-desktop);-ms-flex-preferred-size:var(--sidebar-width-on-desktop);flex-basis:var(--sidebar-width-on-desktop);min-width:-webkit-calc(0.875rem * 19);min-width:calc(0.875rem * 19);min-width:var(--sidebar-width-on-desktop);width:-webkit-calc(0.875rem * 19);width:calc(0.875rem * 19);width:var(--sidebar-width-on-desktop);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0;margin:0 0 0 -0.99vw;position:-webkit-sticky;position:sticky;top:-1rem;max-height:-webkit-calc(100vh + 1rem);max-height:calc(100vh + 1rem);scrollbar-width:thin;z-index:9;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden;scrollbar-color:rgba(170,170,170,0) rgba(170,170,170,0);scrollbar-color:rgba(var(--swatch-menubg-medium-color),0) rgba(var(--swatch-menubg-medium-color),0);float:left;-webkit-transition:background-color 300ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 300ms cubic-bezier(0.4,0,0.2,1);transition:background-color 300ms cubic-bezier(0.4,0,0.2,1)}#side-bar:hover{scrollbar-color:rgba(170,170,170,0.05);scrollbar-color:rgba(var(--swatch-menubg-medium-color),0.05);background:rgba(244,244,244,1);background:rgba(var(--swatch-menubg-light-color),1)}#side-bar::-webkit-scrollbar-track,#side-bar::-webkit-scrollbar-thumb{background:rgba(170,170,170,0);background:rgba(var(--swatch-menubg-medium-color),0)}#side-bar:hover::-webkit-scrollbar-track{background:rgba(170,170,170,0.05);background:rgba(var(--swatch-menubg-medium-color),0.05)}#side-bar:hover::-webkit-scrollbar-thumb{background:rgba(170,170,170,0.4);background:rgba(var(--swatch-menubg-medium-color),0.4)}#side-bar::-webkit-scrollbar{border:0}#side-bar img{-webkit-filter:brightness(120%);filter:brightness(120%)}#side-bar .side-block:nth-child(3){background-color:rgba(140,20,25,0.25) !important;background-color:rgba(var(--swatch-primary-darker),0.25) !important}#side-bar .side-block:nth-child(5){background-color:rgba(100,3,15,0.5) !important;background-color:rgba(var(--swatch-primary-darkest),0.5) !important}#side-bar .side-block:nth-child(6){background-color:rgba(140,20,25,0.15) !important;background-color:rgba(var(--swatch-primary-darker),0.15) !important}#side-bar .side-block:nth-child(7){background-color:rgba(140,20,25,0.25) !important;background-color:rgba(var(--swatch-primary-darker),0.25) !important}#side-bar .side-block{border:0;margin-top:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.side-block div[style="text-align: center;"]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0 .6rem}#side-bar div.side-block:nth-child(7)>div:nth-child(1)>div:nth-child(1) img{-webkit-filter:none;filter:none}#side-bar .side-area{padding:.625rem}#side-bar .heading,#side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded{min-height:1.5625rem;background:-webkit-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:-o-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:linear-gradient(10deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:var(--gradient-sidemenu-header)}#side-bar .heading{margin-top:.5rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar .heading p,#side-bar .side-block>.collapsible-block .collapsible-block-link{--text-shadow:rgb(var(--swatch-border-color,12,12,12));padding-right:1rem;letter-spacing:.2rem;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));height:1.5625rem;line-height:1.5625rem;text-transform:uppercase;font-size:-webkit-calc(0.875rem * .95);font-size:calc(0.875rem * .95);font-size:-webkit-calc(var(--base-font-size) * .95);font-size:calc(var(--base-font-size) * .95);font-weight:900;text-align:right;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow);display:block}#side-bar .heading p{cursor:default}#side-bar div.menu-item{margin:0;text-align:right;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:0;min-height:-webkit-calc(2rem - .125rem);min-height:calc(2rem - .125rem);min-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));min-height:calc(2rem - var(--sidebar-internal-border-thickness));border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color),0.08);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar div.menu-item>span{display:none}#side-bar div.collapsible-block{text-align:right;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}#side-bar div.menu-item a,#side-bar div.menu-item .text{padding:0 .6em;margin:0;color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color));font-size:.875rem;font-size:var(--base-font-size);letter-spacing:.04em;background-color:rgba(12,12,12,0);background-color:rgba(var(--swatch-menubg-hover-color),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);display:block;height:-webkit-calc(2rem - .125rem);height:calc(2rem - .125rem);height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));height:calc(2rem - var(--sidebar-internal-border-thickness));line-height:-webkit-calc(2rem - .125rem);line-height:calc(2rem - .125rem);line-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));line-height:calc(2rem - var(--sidebar-internal-border-thickness));background-clip:padding-box}#side-bar div.menu-item .text{cursor:default}#side-bar div.menu-item>:nth-child(2){padding-left:-webkit-calc(0.875rem * .75);padding-left:calc(0.875rem * .75);padding-left:-webkit-calc(var(--base-font-size) * .75);padding-left:calc(var(--base-font-size) * .75);-webkit-box-flex:2;-webkit-flex-grow:2;-moz-box-flex:2;-ms-flex-positive:2;flex-grow:2;text-align:right}#side-bar div.menu-item>:not(:nth-child(2)):not(.collapsible-block){border-left:.125rem solid rgba(12,12,12,0.08);border-left:.125rem solid rgba(var(--swatch-border-color),0.08)}#side-bar div.menu-item a:hover{background-color:rgba(12,12,12,0.15);background-color:rgba(var(--swatch-menubg-hover-color),0.15);text-decoration:none}#side-bar div.menu-item img{display:none}#side-bar div.menu-item .collapsible-block{width:100%}#side-bar div.menu-item a.collapsible-block-link,#side-bar .side-block>.collapsible-block a.collapsible-block-link{padding-right:2rem;position:relative}#side-bar .collapsible-block-link:hover{text-decoration:none;background-color:rgba(252,252,252,0.15);background-color:rgba(var(--white-monochrome))}#side-bar div.menu-item a.collapsible-block-link::after,#side-bar .side-block>.collapsible-block a.collapsible-block-link::after{content:"";position:absolute;height:100%;width:2rem;top:0;right:0;background-image:url(http://scptestwiki.wdfiles.com/local--files/squeeze%3Anav%3Aside/arr_drop.svg);background-repeat:no-repeat;background-position:50% 50%}#side-bar .side-block>.collapsible-block a.collapsible-block-link::after{-webkit-filter:invert(100%);filter:invert(100%)}#side-bar div.menu-item .collapsible-block-unfolded-link a.collapsible-block-link::after,#side-bar .side-block>.collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#side-bar div.menu-item .collapsible-block-content{border-right:2rem solid rgba(12,12,12,0.08);border-right:2rem solid rgba(var(--swatch-border-color),0.08);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#side-bar div.menu-item .collapsible-block-content .menu-item:last-of-type{border-bottom:0}#side-bar div.menu-item .collapsible-block-unfolded-link{border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:.125rem solid rgba(var(--swatch-border-color),0.08)}#side-bar .collapsible-block-unfolded-link .collapsible-block-link{font-size:.875rem;font-size:var(--base-font-size)}#side-bar .side-block>.collapsible-block .collapsible-block-unfolded-link{background:rgba(140,20,25,0.5);background:rgba(var(--medium-accent))}#side-bar ul{list-style-type:none;padding:0 .25rem}#side-bar p{margin:0}#___gcse_0>div{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:2rem}#___gcse_0>div>form{margin:0}#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button{color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));background-color:rgba(100,3,15,0);background-color:rgba(var(--swatch-primary-darkest),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);line-height:1.85rem}#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button:hover,#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button:focus{background-color:rgba(252,252,252,0.15);background-color:rgba(var(--swatch-menubg-color),0.15);text-decoration:none}#side-bar>div[style="background-color: #e5e5ff;"]{padding:1rem 0;border:0;margin-top:1rem;margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div{height:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div>a{width:2rem;margin:0;padding:0;border:0;-webkit-border-radius:none;border-radius:none}#side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div>a>img{display:block}#side-bar .close-menu{display:none}#side-bar div.menu-item:empty{display:none}a[href*="/random:random-tale"],a[href*="/most-recently-edited"]{min-width:-webkit-calc(0.875rem * 2.5);min-width:calc(0.875rem * 2.5);min-width:-webkit-calc(var(--base-font-size) * 2.5);min-width:calc(var(--base-font-size) * 2.5);display:-webkit-box !important;display:-webkit-flex !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#side-bar div.scpnet-interwiki-wrapper{-webkit-transform:translate(-webkit-calc(((-webkit-calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-ms-transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-o-transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);transform:translate(calc(((calc(0.875rem * 19) - 217.594px) / 2) - (0.5625rem / 2)),0);-webkit-transform:translate(-webkit-calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);-ms-transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);-o-transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0);transform:translate(calc(((((var(--sidebar-width-on-desktop)) - 217.594px) / 2) - (var(--scrollbar-width) / 2))),0)}@media only screen and (max-width:768px){#side-bar{display:block;position:fixed;top:0;left:-webkit-calc(-14rem - .5625rem);left:calc(-14rem - .5625rem);left:-webkit-calc(-14rem - var(--scrollbar-width));left:calc(-14rem - var(--scrollbar-width));height:100%;overflow-y:auto;z-index:10;-webkit-transition:left .5s ease-in-out .1s;-o-transition:left .5s ease-in-out .1s;transition:left .5s ease-in-out .1s;-webkit-transition:left var(--sidebar-transition-timing);-o-transition:left var(--sidebar-transition-timing);transition:left var(--sidebar-transition-timing)}#side-bar:after{content:"";position:absolute;top:0;width:0;height:100%;background-color:rgba(12,12,12,0.2);background-color:rgba(var(--swatch-menubg-black-color),0.2)}#side-bar .close-menu{display:block;position:fixed;width:100%;height:100%;top:0;left:0;margin-left:-webkit-calc(0.5625rem);margin-left:calc(0.5625rem);margin-left:-webkit-calc(var(--scrollbar-width));margin-left:calc(var(--scrollbar-width));padding-right:-webkit-calc(14rem + 0.5625rem);padding-right:calc(14rem + 0.5625rem);padding-right:-webkit-calc(14rem + var(--scrollbar-width));padding-right:calc(14rem + var(--scrollbar-width));background:rgba(12,12,12,0.3) .0625rem .0625rem repeat;background:rgba(var(--swatch-menubg-black-color),0.3) .0625rem .0625rem repeat;z-index:-1;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out .1s;-o-transition:all .5s ease-in-out .1s;transition:all .5s ease-in-out .1s;-webkit-transition:all var(--sidebar-transition-timing);-o-transition:all var(--sidebar-transition-timing);transition:all var(--sidebar-transition-timing)}#side-bar:target,#skrollr-body:target #side-bar{overflow-x:hidden;left:0}#side-bar:target{--box-shadow:rgb(var(--swatch-menutxt-light-color,252,252,252));display:block;left:0;-webkit-box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;-webkit-box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);z-index:10;margin:0;width:17em}#side-bar:target+#main-content{left:0}#side-bar:target .close-menu{width:-webkit-calc(100% - 14rem - .5625rem);width:calc(100% - 14rem - .5625rem);width:-webkit-calc(100% - 14rem - var(--scrollbar-width));width:calc(100% - 14rem - var(--scrollbar-width));height:100%;margin-left:-webkit-calc(14rem + 2 * .5625rem - .0625rem);margin-left:calc(14rem + 2 * .5625rem - .0625rem);margin-left:-webkit-calc(14rem + 2 * var(--scrollbar-width - .0625rem));margin-left:calc(14rem + 2 * var(--scrollbar-width - .0625rem));padding-right:0;visibility:visible;pointer-events:auto;opacity:1;display:block;position:fixed;z-index:-1;top:0;left:0;background:rgba(12,12,12,0.3) 1px 1px repeat;background:rgba(var(--swatch-menubg-black-color),0.3) 1px 1px repeat}#skrollr-body:target{overflow-x:hidden}#skrollr-body:target #side-bar{--box-shadow:rgb(var(--swatch-menutxt-light-color,252,252,252));display:block;left:0;-webkit-box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;box-shadow:inset 0 0 0 -0.0625rem #fcfcfc;-webkit-box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);box-shadow:inset 0 0 0 -0.0625rem var(--box-shadow);z-index:10;margin:0}#skrollr-body:target #side-bar+#main-content{left:0}#skrollr-body:target #side-bar .close-menu{width:-webkit-calc(100% - 14rem - .5625rem);width:calc(100% - 14rem - .5625rem);width:-webkit-calc(100% - 14rem - var(--scrollbar-width));width:calc(100% - 14rem - var(--scrollbar-width));margin-left:-webkit-calc(14rem + 2 * .5625rem - 1px);margin-left:calc(14rem + 2 * .5625rem - 1px);margin-left:-webkit-calc(14rem + 2 * var(--scrollbar-width - 1px));margin-left:calc(14rem + 2 * var(--scrollbar-width - 1px));visibility:visible;pointer-events:auto;opacity:1;left:-webkit-calc(0.5625rem * -1);left:calc(0.5625rem * -1);left:-webkit-calc(var(--scrollbar-width * -1));left:calc(var(--scrollbar-width * -1))}#skrollr-body:target#side-bar::-webkit-scrollbar-track{background:rgba(252,252,252,0.2);background:rgba(var(--swatch-menubg-color),0.2)}}html{color:#0c0c0c;color:rgb(var(--swatch-text-dark));font-size:1em;line-height:1.5}body{background-color:rgba(252,252,252,1);background-color:rgba(var(--swatch-background),1);color:#0c0c0c;color:rgb(var(--swatch-text-dark));font-family:"Lato",sans-serif;font-family:var(--body-font);font-size:.875rem;font-size:var(--base-font-size);-webkit-font-kerning:normal;font-kerning:normal;font-variant-numeric:normal;-webkit-font-feature-settings:"lnum","kern","liga","clig","calt";-moz-font-feature-settings:"lnum","kern","liga","clig","calt";font-feature-settings:"lnum","kern","liga","clig","calt";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;orphans:2;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;word-break:normal}audio,canvas,iframe,img,svg,video{vertical-align:middle}img,embed,video,object,iframe,table{max-width:100%}input,textarea,select,button,meter,progress{font-family:"Lato",sans-serif;font-family:var(--body-font)}fieldset{border:0;margin:0;padding:0}#edit-page-comments{resize:auto;line-height:1.5;padding:0 1rem;min-height:3rem;width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem)}pre *{font-family:"PT Mono","Andale Mono","Courier New",Courier,monospace;font-family:var(--mono-font);max-width:90vw;white-space:pre-wrap}sup{vertical-align:top;position:relative;top:-0.5em}hr{display:block;height:.063rem;border:0;border-top:.063rem solid rgba(66,66,72);border-top:.063rem solid rgba(var(--swatch-menubg-medium-color,66,66,72));margin:1em 0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-family:var(--title-font)}h1{color:#0c0c0c;color:rgb(var(--black-monochrome));font-weight:700;margin:.7em 0 .6em;padding:0 0 .25em}h2,h3,h4,h5,h6{letter-spacing:.063rem;margin:.5em 0 .4em;padding:0}ul{list-style:square}a{color:#b42323;color:rgb(var(--swatch-primary));text-decoration:none;background:transparent}a.newpage{color:#d61;color:rgb(var(--newpage-color));text-decoration:none;background:transparent}a:hover{text-decoration:underline;background-color:transparent}a:visited{color:#64030f;color:rgb(var(--swatch-primary-darkest))}ruby{display:inline-table;text-align:center;white-space:nowrap;line-height:1;height:1em;vertical-align:text-bottom}rt{display:table-header-group;font-size:.6em;line-height:1.1;text-align:center;white-space:nowrap}tt{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}::-webkit-scrollbar{width:.5625rem;width:var(--scrollbar-width);height:.5625rem;height:var(--scrollbar-width);border:solid .063rem rgba(12,12,12,0.1);border:solid .063rem rgba(var(--swatch-menubg-black-color),0.1);-webkit-border-radius:.031rem;border-radius:.031rem}::-webkit-scrollbar-track{background:rgba(12,12,12,0.1);background:rgba(var(--swatch-menubg-black-color),0.1)}::-webkit-scrollbar-thumb{background:rgba(170,170,170,0.4);background:rgba(var(--swatch-menubg-medium-color),0.4)}body#translations{background:#fcfcfc;background:rgb(var(--swatch-menubg-color))}#translations .interwiki__title{min-height:1.5625rem;background:-webkit-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:-o-linear-gradient(80deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:linear-gradient(10deg,rgba(140,20,25,0.45) 0,rgba(140,20,25,0.55) 100%);background:var(--gradient-sidemenu-header)}#translations .interwiki__title p{--text-shadow:rgb(var(--swatch-border-color,12,12,12));padding-right:1rem;letter-spacing:.2rem;color:#fcfcfc;color:rgb(var(--swatch-menutxt-light-color));height:1.5625rem;line-height:1.5625rem;text-transform:uppercase;font-size:-webkit-calc(0.875rem * .95);font-size:calc(0.875rem * .95);font-weight:900;text-align:right;text-shadow:.063rem .063rem .063rem #0c0c0c;text-shadow:.063rem .063rem .063rem var(--text-shadow);display:block}#translations .interwiki__entry{margin:0;text-align:right;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:0;min-height:-webkit-calc(2rem - .125rem);min-height:calc(2rem - .125rem);min-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));min-height:calc(2rem - var(--sidebar-internal-border-thickness));border-bottom:.125rem solid rgba(12,12,12,0.08);border-bottom:var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color),0.08);-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}#translations .interwiki__entry a{padding:0 .6em;margin:0;color:#0c0c0c;color:rgb(var(--swatch-menutxt-dark-color));font-size:.875rem;font-size:var(--base-font-size);letter-spacing:.04em;background-color:rgba(12,12,12,0);background-color:rgba(var(--swatch-menubg-hover-color),0);-webkit-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);-o-transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);transition:background-color 80ms cubic-bezier(0.4,0,0.2,1);display:block;height:-webkit-calc(2rem - .125rem);height:calc(2rem - .125rem);height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));height:calc(2rem - var(--sidebar-internal-border-thickness));line-height:-webkit-calc(2rem - .125rem);line-height:calc(2rem - .125rem);line-height:-webkit-calc(2rem - var(--sidebar-internal-border-thickness));line-height:calc(2rem - var(--sidebar-internal-border-thickness));background-clip:padding-box} diff --git a/styles/root.css b/styles/root.css index 6ec58347..5dfff72e 100644 --- a/styles/root.css +++ b/styles/root.css @@ -320,7 +320,7 @@ ), 1 ) - calc(calc(0 / 100) * var(--background-gradient-distance, 40rem)), + calc((0 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -328,7 +328,7 @@ ), 0.987 ) - calc(calc(0.8 / 100) * var(--background-gradient-distance, 40rem)), + calc((0.8 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -336,7 +336,7 @@ ), 0.951 ) - calc(calc(2.9 / 100) * var(--background-gradient-distance, 40rem)), + calc((2.9 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -344,7 +344,7 @@ ), 0.896 ) - calc(calc(6.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((6.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -352,7 +352,7 @@ ), 0.825 ) - calc(calc(11 / 100) * var(--background-gradient-distance, 40rem)), + calc((11 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -360,7 +360,7 @@ ), 0.741 ) - calc(calc(16.6 / 100) * var(--background-gradient-distance, 40rem)), + calc((16.6 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -368,7 +368,7 @@ ), 0.648 ) - calc(calc(23.1 / 100) * var(--background-gradient-distance, 40rem)), + calc((23.1 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -376,7 +376,7 @@ ), 0.55 ) - calc(calc(30.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((30.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -384,7 +384,7 @@ ), 0.45 ) - calc(calc(38.3 / 100) * var(--background-gradient-distance, 40rem)), + calc((38.3 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -392,7 +392,7 @@ ), 0.352 ) - calc(calc(46.7 / 100) * var(--background-gradient-distance, 40rem)), + calc((46.7 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -400,7 +400,7 @@ ), 0.259 ) - calc(calc(55.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((55.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -408,7 +408,7 @@ ), 0.175 ) - calc(calc(64.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((64.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -416,7 +416,7 @@ ), 0.104 ) - calc(calc(73.5 / 100) * var(--background-gradient-distance, 40rem)), + calc((73.5 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -424,7 +424,7 @@ ), 0.049 ) - calc(calc(82.5 / 100) * var(--background-gradient-distance, 40rem)), + calc((82.5 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -432,7 +432,7 @@ ), 0.013 ) - calc(calc(91.4 / 100) * var(--background-gradient-distance, 40rem)), + calc((91.4 / 100) * var(--background-gradient-distance, 40rem)), rgba( var( --background-gradient-color, @@ -440,7 +440,7 @@ ), 0 ) - calc(calc(100 / 100) * var(--background-gradient-distance, 40rem)) + calc((100 / 100) * var(--background-gradient-distance, 40rem)) ); --header-background-image-size: 100% 7.5rem; diff --git a/themes/dustjacket-theme.css b/themes/dustjacket-theme.css new file mode 100644 index 00000000..35ebfbbb --- /dev/null +++ b/themes/dustjacket-theme.css @@ -0,0 +1,1357 @@ +@import url("https://nu-scptheme.github.io/Nu-SCP/stable/styles/normalize.min.css"); +@import url("https://nu-scptheme.github.io/Nu-SCP/stable/styles/nuscp.min.css"); + +:root { + /* S-CSS-P Integration */ + /* If you're making a new CSS theme, please include the following three variables at minimum. */ + --theme-base: "nuscp"; + /* must be either "nuscp" or "sigma9" */ + --theme-id: "nuWL-theme"; + /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ + --theme-name: "Wanderers' Library Theme"; + /* set this to your theme's full name */ + + /* Header */ + --logo-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_logo.png"); + --header-title: "The Wanderers' Library"; + --header-subtitle: " "; + + /* Typefaces */ + --body-font: adelle-sans, 'Lato', sans-serif; + --header-font: 'zuijinregular', 'Poppins', sans-serif; + --title-font: 'zuijinregular', 'Poppins', sans-serif; + --mono-font: adaptive-mono, "PT Mono", "Andale Mono", "Courier New", Courier, monospace; + + /* Standard Colors */ + --white-monochrome: 252, 252, 252; + /* white */ + --pale-gray-monochrome: 178, 210, 180; + /* v light gray for blockquotes and stuff */ + --light-gray-monochrome: 130, 160, 135; + /* light accent gray for login status */ + --gray-monochrome: 45, 70, 45; + /* gray */ + --dark-gray-monochrome: 30, 55, 30; + /* dark accent gray for sidebar background */ + --black-monochrome: 12, 12, 12; + /* black */ + --bright-accent: 255, 219, 90; + /* bright red */ + --medium-accent: 228, 180, 28; + /* medium red */ + --dark-accent: 185, 150, 17; + /* dark red */ + --newpage-color: 221, 102, 17; + /* pale orange */ + + /* Primary Theme Colors */ + --swatch-background: var(--white-monochrome); + --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(--white-monochrome); + --swatch-menubg-light-color: var(--pale-gray-monochrome); + --swatch-menubg-medium-color: var(--light-gray-monochrome); + --swatch-menubg-medium-dark-color: var(--gray-monochrome); + --swatch-menubg-dark-color: var(--dark-gray-monochrome); + --swatch-menubg-black-color: var(--black-monochrome); + --swatch-menubg-hover-color: var(--dark-gray-monochrome); + --swatch-menutxt-dark-color: var(--dark-gray-monochrome); + --swatch-menutxt-light-color: var(--bright-accent); + --swatch-border-color: var(--medium-accent); + /* Primary Header Colors */ + --swatch-headerh1-color: var(--white-monochrome); + --swatch-headerh2-color: var(--white-monochrome); + --swatch-topmenu-border-color: var(--bright-accent); + --swatch-topmenu-bg-color: var(--dark-gray-monochrome); + --rating-module-button-color: var(--bright-accent); + --rating-module-text-color: var(--bright-accent); + + /* Header Gradients */ + + --gradient-header: linear-gradient(to bottom, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--dark-gray-monochrome), 1) 30%, rgba(var(--swatch-primary), 1) 100%); + --diagonal-stripes: unset; + --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--gray-monochrome), 1) 100%); + --border-styling: solid .0625rem rgb(var(--swatch-border-color, var(----medium-accent, 228, 180, 28))); + --sidebar-internal-border-thickness: .0625rem; + --body-width-on-desktop: 61.25rem; + --sidebar-width-on-desktop: -webkit-calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-desktop: calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-mobile: -webkit-calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-mobile: calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); +} + +/* Selection color */ + + + +::-moz-selection { + background: rgba(var(--bright-accent), 0.5); + text-shadow: none; +} + +::selection { + background: rgba(var(--bright-accent), 0.5); + text-shadow: none; +} + +hr { + height: .125rem; + border: 0; + border-top: .063rem solid transparent; + background-color: rgba(var(--bright-accent)); + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-size: cover; + background-size: cover; +} + +div#extra-div-1, +div#extra-div-2 { + position: absolute; + display: block; + width: 100%; + height: 7.5rem; + top: 0; + left: 0; +} + +div#extra-div-1 { + background-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wlheader_bg.png"); + -webkit-background-size: 31.250rem 31.250rem; + background-size: 31.250rem; + z-index: -1; + mix-blend-mode: hard-light; +} + +div#extra-div-2 { + background: var(--gradient-header); + -webkit-background-size: var(--header-background-image-size) var(--header-background-image-size); + background-size: var(--header-background-image-size); + background-repeat: repeat; + z-index: -2; +} + +#header { + background-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_logo.png"); + background-image: var(--logo-image); + -webkit-filter: inherit; + filter: inherit; + background-position: left .75rem top 0.4875rem; + -webkit-background-size: auto 6.375rem; + background-size: auto 6.375rem; +} + +#header h1 a { + margin-left: 7.75rem; + margin-top: 0.6em; + font-size: 175%; +} + +#header h1 a::before { + color: rgb(var(--bright-accent)); + text-shadow: inherit; + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-size: cover; + background-size: cover; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +#header h2 { + display: none; +} + +#search-top-box-form * { + font-family: var(--header-font); + font-weight: 600 !important; + letter-spacing: 0.05em; +} + +#search-top-box-form { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -moz-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + height: 1.3rem; + top: 47%; + right: 3%; + width: auto; + text-align: center; + justify-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-top: 0.4rem !important; +} + +#search-top-box input.empty { + color: rgba(var(--swatch-menutxt-light-color), 0.5); +} + +input.button.btn { + padding-top: 0.1em !important; +} + +#login-status { + color: rgb(var(--swatch-menubg-light-color)); + font-weight: 600; + letter-spacing: 0.05em; +} + +#login-status * { + font-family: var(--header-font); + letter-spacing: 0.05em; +} + +#search-top-box-form > input, +#search-top-box-form > input[type="submit"] { + min-height: 1.3rem; + height: 1.3rem; + padding: .25rem; + margin: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -moz-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + font-weight: 500; +} + +#top-bar br { + display: none; +} + +#top-bar div.top-bar > ul > li { + position: relative; +} + +#top-bar div.top-bar > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > a { + font-family: var(--title-font); + font-size: var(--base-font-size); + color: rgb(var(--swatch-menutxt-light-color)); + text-transform: uppercase; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 1em; + height: 1.625rem; +} + +#top-bar div.top-bar > ul > li > ul, +#top-bar div.mobile-top-bar > ul > li > ul { + background: rgba(var(--swatch-menubg-light-color), 1); + width: 100%; + left: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; +} + +#top-bar div.top-bar > ul > li:hover > ul, +#top-bar div.top-bar > ul > li:focus-within > ul, +#top-bar div.top-bar > ul > li > ul:focus-within, +#top-bar div.top-bar > ul > li.sfhover > ul, +#top-bar div.mobile-top-bar > ul > li:hover > ul, +#top-bar div.mobile-top-bar > ul > li:focus-within > ul, +#top-bar div.mobile-top-bar > ul > li > ul:focus-within, +#top-bar div.mobile-top-bar > ul > li.sfhover > ul { + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; + width: 100%; +} + +#top-bar div.top-bar > ul > li > ul > li, +#top-bar div.mobile-top-bar > ul > li > ul > li { + width: 100%; + border-collapse: collapse; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#top-bar > div.top-bar > ul > li:last-of-type > ul, +#top-bar > div.mobile-top-bar > ul > li:last-of-type > ul { + right: 0; +} + +#top-bar div.top-bar > ul > li > ul > li > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul { + pointer-events: none; + width: auto; + height: auto; + position: absolute; + left: 100%; + top: 0; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: rgb(var(--white-monochrome)); + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + margin: 0; + opacity: 0; + background-color: rgb(var(--swatch-menubg-light-color)); + -webkit-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); +} + +#top-bar div.top-bar > ul > li > ul > li:hover > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li:hover > ul, +#top-bar div.top-bar > ul > li > ul > li:focus-within > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li:focus-within > ul { + pointer-events: all; + opacity: 1; +} + +#top-bar div.top-bar > ul > li > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > ul > li > a { + font-weight: 700; + color: rgb(var(--swatch-menutxt-dark-color)); + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + margin: 0; + padding: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + overflow: hidden; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li { + color: rgb(var(--white-monochrome)); + font-size: 1em; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + z-index: 10; + position: relative; + top: 0; + left: 0; + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} + +/* hover before effect */ + +#top-bar div.top-bar > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li:hover, +#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover { + background-color: transparent; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a { + color: rgb(var(--swatch-menutxt-dark-color)); + font-size: 1em; + z-index: 10; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + position: relative; + height: 100%; + width: 100%; + padding: 1em; + margin: 0; + border: none; + white-space: nowrap; + background: transparent; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover { + background: transparent; +} + +#top-bar div.top-bar > ul > li > ul > li > a::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > a::before, +#top-bar div.top-bar > ul > li > ul > li > ul > li > a::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + right: 150%; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); + -webkit-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + -o-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + pointer-events: none; +} + +#top-bar div.top-bar > ul > li > ul > li > a:hover::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > a:hover::before, +#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + right: -5rem; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.top-bar > ul > li > ul > li > ul > li:focus-within, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:focus-within { + background: rgba(252, 252, 252, 0); + background: rgba(var(--swatch-menubg-color), 0); +} + +/* Hiding Random Anchor Link Prior to New Page Module +Will need to change :nth-child if position ever moves.*/ + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li > a, +#top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li > a { + display: none; +} + +/* New Page Form Box Styling */ + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul #top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul, +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li, +#top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li { + height: auto; +} + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li:hover, +#top-bar > div.mobilep-top-bar > ul > li:nth-child(4) > ul > li:hover { + background: transparent; +} + +#top-bar div.top-bar div.newpage_dropdown { + width: 100%; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + padding: 0; + margin: 0; +} + +#top-bar div.top-bar div.newpage_dropdown > .new-page-box { + height: 70%; + width: 100%; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.mobile-top-bar div.newpage_dropdown div.new-page-box form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 1rem; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.mobile-top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-family: var(--header-font); + font-size: -webkit-calc(var(--base-font-size)*1.1); + font-size: calc(var(--base-font-size)*1.1); + width: 100%; + background-color: rgba(var(--swatch-topmenu-bg-color)); + color: rgba(var(--swatch-menutxt-light-color)); + padding: 0.25rem; + margin: 0 !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.text { + background-color: rgba(var(--swatch-menubg-dark-color), 0.25); + height: 2rem !important; + margin-bottom: -0.0625rem !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button { + border: unset !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button:hover { + background: rgba(var(--swatch-menubg-color), 0.15); + cursor: pointer; +} + +/* Side Bar Styling */ + +#side-bar { + display: none; + height: -webkit-calc(100vh - 2rem); + height: calc(100vh - 2rem); + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -moz-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + scrollbar-width: thin; + z-index: 10; + -ms-scroll-chaining: none; + overscroll-behavior: none; + overflow: hidden; + padding-bottom: 2rem; +} + +#side-bar, +#side-bar:hover { + background: rgba(var(--swatch-menubg-light-color), 1) !important; +} + +#side-bar div.menu-item { + margin: inherit; + text-align: inherit; + display: inherit; + -webkit-box-orient: inherit; + -webkit-box-direction: inherit; + -webkit-flex-direction: inherit; + -moz-box-orient: inherit; + -moz-box-direction: inherit; + -ms-flex-direction: inherit; + flex-direction: inherit; + -webkit-flex-wrap: inherit; + -ms-flex-wrap: inherit; + flex-wrap: inherit; + -webkit-box-align: inherit; + -webkit-align-items: inherit; + -moz-box-align: inherit; + -ms-flex-align: inherit; + align-items: inherit; + -webkit-box-pack: inherit; + -webkit-justify-content: inherit; + -moz-box-pack: inherit; + -ms-flex-pack: inherit; + justify-content: inherit; + font-size: inherit; + min-height: inherit; + -webkit-flex-shrink: inherit; + -ms-flex-negative: inherit; + flex-shrink: inherit; + -webkit-flex-basis: inherit; + -ms-flex-preferred-size: inherit; + flex-basis: inherit; +} + +#side-bar > div.side-block { + height: 96vh; + padding-right: 0.5em; + -webkit-align-content: space-around; + -ms-flex-line-pack: distribute; + align-content: space-around; + overflow-y: auto; + overflow-x: hidden; +} + +#side-bar > div.side-block > div.menu-item { + margin: 0; + text-align: right; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -moz-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 0; + min-height: -webkit-calc(1rem - .125rem); + min-height: calc(1rem - .125rem); + min-height: -webkit-calc(1rem - var(--sidebar-internal-border-thickness)); + min-height: calc(1rem - var(--sidebar-internal-border-thickness)); + border-bottom: 0.0625rem solid rgba(12, 12, 12, 0.08); + border-bottom: 0.0625rem solid rgb(var(--medium-accent)); + -webkit-flex-shrink: 2; + -ms-flex-negative: 2; + flex-shrink: 2; + -webkit-box-flex: 2; + -webkit-flex-grow: 2; + -moz-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + width: -webkit-calc(var(--sidebar-width-on-desktop) - 3em); + width: calc(var(--sidebar-width-on-desktop) - 3em); + background: transparent !important; + -webkit-box-shadow: unset !important; + box-shadow: unset !important; +} + +.side-block { + height: 100vh; + -webkit-box-align: inherit; + -webkit-align-items: inherit; + -moz-box-align: inherit; + -ms-flex-align: inherit; + align-items: inherit; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; +} + +div.menu-item > div:first-of-type { + width: 100%; + background: transparent; +} + +#side-bar .sub-item { + max-height: 2rem !important; + padding-top: 0.5em; +} + +#side-bar .sub-item a { + border-right: 0.25rem double rgba(var(--medium-accent)), 0.25) !important; + border-right: 0.25rem double rgba(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)), 0.25) !important; + line-height: 1.5em !important; + margin-top: 0rem !important; + padding: 0 0.3rem !important; + margin-right: 2rem !important; + font-size: -webkit-calc(var(--base-font-size) * 1.1) !important; + font-size: calc(var(--base-font-size) * 1.1) !important; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.side-block div * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.side-block div:nth-of-type(1) { + height: auto; + border-left: none; + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -moz-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + background-color: rgba(var(--pale-gray-monochrome)); +} + +.side-block div:nth-of-type(1), +.side-block div:nth-of-type(1) form { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.side-block div:nth-of-type(1) form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 0.6em 0 0.6rem; +} + +.menu-item.new-page > .new-page-box { + height: 70%; +} + +.side-block div:nth-of-type(1) input.button, +.side-block div:nth-of-type(1) input.text { + font-family: var(--header-font); + font-size: -webkit-calc(var(--base-font-size)*1.1); + font-size: calc(var(--base-font-size)*1.1); + width: 100%; + background-color: rgba(var(--swatch-topmenu-bg-color)); + color: rgba(var(--swatch-menutxt-light-color)); + padding: 0.25rem; + margin: 0 !important; +} + +#side-bar div.menu-item .text { + font-family: var(--body-font); + height: 3rem !important; + background-color: rgba(var(--swatch-topmenu-bg-color), 0.25) !important; + margin-bottom: -0.0625rem !important; +} + +.side-block div:nth-of-type(1) input.button { + border: unset !important; + height: 2rem; +} + +#side-bar div.menu-item a { + font-family: var(--header-font); + position: relative; + z-index: 2; + height: inherit; +} + +#side-bar div.menu-item a:hover { + background-color: transparent; +} + +#side-bar div.menu-item a::before { + right: 14rem; + -webkit-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + -o-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); +} + +#side-bar div.menu-item a::before, +#side-bar div.menu-item a:hover::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); +} + +#side-bar div.menu-item a:hover::before { + right: -5rem; +} + +textarea { + letter-spacing: 0.02em; +} + +#side-bar div.menu-item a, +#side-bar div.menu-item .text { + padding: 0 0.6em 0 0; + width: 100%; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -moz-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + font-weight: 500; + font-size: -webkit-calc(var(--base-font-size) * 1.4); + font-size: calc(var(--base-font-size) * 1.4); + margin-top: 0.35em; + line-height: inherit; +} + +#side-bar div.menu-item a, +#side-bar div.menu-item .text, +#side-bar .heading, +#side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -moz-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +#side-bar .heading, +#side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { + font-family: var(--title-font); + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + text-transform: uppercase; + color: rgba(var(--swatch-menutxt-light-color)); + text-shadow: .063rem .063rem .063rem rgb(var(--swatch-border-color)); + padding: 0 1.3rem; + margin-right: -1em; + -webkit-box-shadow: inset 0 -0.3rem 0 0 rgb(var(--swatch-primary-darkest)); + box-shadow: inset 0 -0.3rem 0 0 rgb(var(--swatch-primary-darkest)); + min-height: 2rem; + font-size: -webkit-calc(var(--base-font-size) * 1.1); + font-size: calc(var(--base-font-size) * 1.1); + letter-spacing: 0.1em; +} + +#main-content { + margin-left: -webkit-calc(50vw - (var(--body-width-on-desktop) / 2) - 2rem); + margin-left: calc(50vw - (var(--body-width-on-desktop) / 2) - 2rem); +} + +a { + color: rgb(var(--swatch-primary-darker)); +} + +a:hover, +a:active, +a:visited { + color: rgb(var(--swatch-primary-darkest)); +} + +.page-rate-widget-box { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(var(--swatch-menubg-dark-color), 1)), to(rgba(var(--swatch-menubg-medium-color), 1))); + background: -webkit-linear-gradient(bottom, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + background: -o-linear-gradient(bottom, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + background: linear-gradient(to top, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + font-family: var(--header-font); + letter-spacing: 0.05em; +} + +.page-rate-widget-box .rate-points, +.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 { + font-weight: 500; +} + +div#page-options-container { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 2em; +} + +div#page-info, +div.page-watch-options { + padding: 0 1em; +} + +div#page-options-bottom { + width: 60%; + margin-bottom: 2.125rem; +} + +div#page-options-bottom-2 { + width: 90%; + margin-top: -2.125rem; +} + +div#page-options-bottom, +div#page-options-bottom-2 { + text-align: left; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +div#page-options-bottom > a, +div#page-options-bottom-2 > a { + -webkit-box-flex: 2; + -webkit-flex-grow: 2; + -moz-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + padding: .25rem; + -webkit-border-radius: .25rem; + border-radius: .25rem; + background-color: rgba(var(--swatch-menubg-light-color), 0.25); + border: 0.0625rem solid rgba(var(--swatch-primary), 1); + font-weight: 700; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); +} + +div#page-options-bottom > a:hover, +div#page-options-bottom > a:active, +div#page-options-bottom-2 > a:hover, +div#page-options-bottom-2 > a:active { + text-decoration: none; + background-color: rgba(var(--swatch-menubg-dark-color), 1); + color: rgba(var(--swatch-primary), 1); +} + +#footer { + width: -webkit-calc(100% - 1.25rem); + width: calc(100% - 1.25rem); + color: rgb(var(--swatch-menubg-dark-color)); +} + +.fancyhr hr { + border-top: 2vw solid transparent; + background-color: rgba(var(--bright-accent), 0); + height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-image-source: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_hr.png); + border-image-repeat: round round; + background: none; + border-image-slice: 80 500 80 500 fill; + border-image-width: 10em 80em 10em 80em; +} + +@media only screen and (max-width: 768px) { + #header h1 a, + #header h2 span { + margin-left: 7.75rem; + margin-top: 0.35em; + } + + body { + background: inherit; + } + + #header h1 a { + line-height: 1; + } + + #header h2 span { + margin-top: -webkit-calc(3.4rem + var(--offset-from-page-top)); + margin-top: calc(3.4rem + var(--offset-from-page-top)); + } + + #search-top-box-form > input { + display: none; + } + + #top-bar { + overflow-x: hidden; + } + + div#extra-div-1 { + display: none; + } + + .mobile-top-bar { + background: unset !important; + } + + div#extrac-div-1 { + background-image: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wlheader_bg.png); + -webkit-background-size: 31.250rem 31.250rem; + background-size: 31.250rem; + z-index: 3; + } + + div#extrac-div-1, + div#extrac-div-2 { + position: absolute; + display: block; + width: 100%; + height: 7.5rem; + top: 0; + left: 0; + } + + div#extrac-div-3::before { + content: "The Wanderers' Library"; + text-shadow: inherit; + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + content: var(--header-title); + font-family: var(--header-font); + font-size: 200%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: fixed; + top: 0.1em; + display: block; + background-color: transparent; + text-align: center; + font-weight: 700; + } + + div#extrac-div-3 { + display: block; + position: static; + z-index: 1; + background-color: transparent; + } + + div#extrac-div-2 > span { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + top: 0; + right: 0; + left: 0; + margin: 0; + padding: 0; + width: 100vw; + height: 10.375rem; + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(rgba(var(--bright-accent))), to(1)) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(rgba(var(--bright-accent))), to(1)) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1)), color-stop(7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)), color-stop(rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95)), color-stop(rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)), to(rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1))); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + -webkit-background-size: 100% 10.375rem; + background-size: 100% 10.375rem; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + position: -webkit-sticky; + position: sticky; + top: -7.5rem; + background-color: transparent; + } + + div#extra-div-2::before { + content: " "; + width: 100%; + height: 100%; + } + + div#extrac-div-2 { + position: absolute; + width: 100%; + height: 100%; + pointer-events: none; + top: 0; + left: 0; + z-index: 0; + } + + #top-bar div.mobile-top-bar > ul > li, + #top-bar div.mobile-top-bar > ul > li > a { + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + #top-bar div.mobile-top-bar > ul > li > a { + font-size: -webkit-calc(var(--base-font-size) * 1.4); + font-size: calc(var(--base-font-size) * 1.4); + } + + #top-bar div.mobile-top-bar > ul > li > ul { + max-width: inherit; + left: inherit; + -webkit-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-transform: translate(-20%, 0) !important; + -ms-transform: translate(-20%, 0) !important; + -o-transform: translate(-20%, 0) !important; + transform: translate(-20%, 0) !important; + } + + #top-bar div.mobile-top-bar > ul > li:hover > ul, + #top-bar div.mobile-top-bar > ul > li:focus-within > ul, + #top-bar div.mobile-top-bar > ul > li > ul:focus-within, + #top-bar div.mobile-top-bar > ul > li.sfhover > ul { + width: inherit !important; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li { + -webkit-flex-basis: inherit; + -ms-flex-preferred-size: inherit; + flex-basis: inherit; + width: inherit !important; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li > ul { + height: auto; + position: absolute; + -webkit-transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + max-width: inherit; + left: 100%; + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; + } + + #top-bar > div.mobile-top-bar > ul > li:nth-child(3) > ul > li > ul, + #top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li > ul, + #top-bar > div.mobile-top-bar > ul > li:nth-child(5) > ul > li > ul { + left: -100%; + width: 100%; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li { + width: inherit; + } + + #top-bar > div.mobile-top-bar > ul > li:last-of-type > ul { + -webkit-transform: translate(-1em, 0) !important; + -ms-transform: translate(-1em, 0) !important; + -o-transform: translate(-1em, 0) !important; + transform: translate(-1em, 0) !important; + } + + #side-bar { + left: -webkit-calc(var(--sidebar-width-on-mobile) * -1); + left: calc(var(--sidebar-width-on-mobile) * -1); + -webkit-transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + -o-transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + } + + #side-bar, + #side-bar:target { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + width: var(--sidebar-width-on-mobile); + } + + #side-bar:target { + background: rgb(var(--swatch-menubg-light-color)) !important; + } + + #side-bar .close-menu { + margin-left: 0; + padding-right: var(--sidebar-width-on-mobile); + background-color: rgba(var(--swatch-menubg-black-color), 0); + -webkit-transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + -o-transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + opacity: 1; + visibility: visible; + } + + #side-bar .close-menu, + #side-bar:target .close-menu { + width: -webkit-calc(100% - var(--sidebar-width-on-mobile)); + width: calc(100% - var(--sidebar-width-on-mobile)); + } + + #side-bar:target .close-menu { + margin-left: var(--sidebar-width-on-mobile); + background-color: rgba(var(--swatch-menubg-black-color), 0.3); + opacity: 1; + } + + #main-content { + margin-left: inherit; + } + + .yui-navset { + z-index: inherit; + } + + div#page-options-bottom { + width: 90%; + } +} \ No newline at end of file diff --git a/themes/fallbacks/dustjacket-theme.css b/themes/fallbacks/dustjacket-theme.css new file mode 100644 index 00000000..00722e51 --- /dev/null +++ b/themes/fallbacks/dustjacket-theme.css @@ -0,0 +1,1363 @@ +@import url("https://nu-scptheme.github.io/Nu-SCP/stable/styles/normalize.min.css"); +@import url("https://nu-scptheme.github.io/Nu-SCP/stable/styles/nuscp.min.css"); + +:root { + /* S-CSS-P Integration */ + /* If you're making a new CSS theme, please include the following three variables at minimum. */ + --theme-base: "nuscp"; + /* must be either "nuscp" or "sigma9" */ + --theme-id: "nuWL-theme"; + /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ + --theme-name: "Wanderers' Library Theme"; + /* set this to your theme's full name */ + + /* Header */ + --logo-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_logo.png"); + --header-title: "The Wanderers' Library"; + --header-subtitle: " "; + + /* Typefaces */ + --body-font: adelle-sans, 'Lato', sans-serif; + --header-font: 'zuijinregular', 'Poppins', sans-serif; + --title-font: 'zuijinregular', 'Poppins', sans-serif; + --mono-font: adaptive-mono, "PT Mono", "Andale Mono", "Courier New", Courier, monospace; + + /* Standard Colors */ + --white-monochrome: 252, 252, 252; + /* white */ + --pale-gray-monochrome: 178, 210, 180; + /* v light gray for blockquotes and stuff */ + --light-gray-monochrome: 130, 160, 135; + /* light accent gray for login status */ + --gray-monochrome: 45, 70, 45; + /* gray */ + --dark-gray-monochrome: 30, 55, 30; + /* dark accent gray for sidebar background */ + --black-monochrome: 12, 12, 12; + /* black */ + --bright-accent: 255, 219, 90; + /* bright red */ + --medium-accent: 228, 180, 28; + /* medium red */ + --dark-accent: 185, 150, 17; + /* dark red */ + --newpage-color: 221, 102, 17; + /* pale orange */ + + /* Primary Theme Colors */ + --swatch-background: var(--white-monochrome); + --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(--white-monochrome); + --swatch-menubg-light-color: var(--pale-gray-monochrome); + --swatch-menubg-medium-color: var(--light-gray-monochrome); + --swatch-menubg-medium-dark-color: var(--gray-monochrome); + --swatch-menubg-dark-color: var(--dark-gray-monochrome); + --swatch-menubg-black-color: var(--black-monochrome); + --swatch-menubg-hover-color: var(--dark-gray-monochrome); + --swatch-menutxt-dark-color: var(--dark-gray-monochrome); + --swatch-menutxt-light-color: var(--bright-accent); + --swatch-border-color: var(--medium-accent); + /* Primary Header Colors */ + --swatch-headerh1-color: var(--white-monochrome); + --swatch-headerh2-color: var(--white-monochrome); + --swatch-topmenu-border-color: var(--bright-accent); + --swatch-topmenu-bg-color: var(--dark-gray-monochrome); + --rating-module-button-color: var(--bright-accent); + --rating-module-text-color: var(--bright-accent); + + /* Header Gradients */ + + --gradient-header: linear-gradient(to bottom, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--dark-gray-monochrome), 1) 30%, rgba(var(--swatch-primary), 1) 100%); + --diagonal-stripes: unset; + --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--dark-gray-monochrome), 1) 0%, rgba(var(--gray-monochrome), 1) 100%); + --border-styling: solid .0625rem rgb(var(--swatch-border-color, var(----medium-accent, 228, 180, 28))); + --sidebar-internal-border-thickness: .0625rem; + --body-width-on-desktop: 61.25rem; + --sidebar-width-on-desktop: -webkit-calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-desktop: calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-mobile: -webkit-calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); + --sidebar-width-on-mobile: calc(var(--base-font-size, var(--font-calc, 0.875rem)) * 16); +} + +/* Selection color */ + + + +::-moz-selection { + background: rgba(var(--bright-accent), 0.5); + text-shadow: none; +} + +::selection { + background: rgba(var(--bright-accent), 0.5); + text-shadow: none; +} + +hr { + height: .125rem; + border: 0; + border-top: .063rem solid transparent; + background-color: rgba(var(--bright-accent)); + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-size: cover; + background-size: cover; +} + +div#extra-div-1, +div#extra-div-2 { + position: absolute; + display: block; + width: 100%; + height: 7.5rem; + top: 0; + left: 0; +} + +div#extra-div-1 { + background-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wlheader_bg.png"); + -webkit-background-size: 31.250rem 31.250rem; + background-size: 31.250rem; + z-index: -1; + mix-blend-mode: hard-light; +} + +div#extra-div-2 { + background: var(--gradient-header); + -webkit-background-size: var(--header-background-image-size) var(--header-background-image-size); + background-size: var(--header-background-image-size); + background-repeat: repeat; + z-index: -2; +} + +#header { + background-image: url("http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_logo.png"); + background-image: var(--logo-image); + -webkit-filter: inherit; + filter: inherit; + background-position: left .75rem top 0.4875rem; + -webkit-background-size: auto 6.375rem; + background-size: auto 6.375rem; +} + +#header h1 a { + margin-left: 7.75rem; + margin-top: 0.6em; + font-size: 175%; +} + +#header h1 a::before { + color: rgb(var(--bright-accent)); + text-shadow: inherit; + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-size: cover; + background-size: cover; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +#header h2 { + display: none; +} + +#search-top-box-form * { + font-family: var(--header-font); + font-weight: 600 !important; + letter-spacing: 0.05em; +} + +#search-top-box-form { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -moz-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + height: 1.3rem; + top: 47%; + right: 3%; + width: auto; + text-align: center; + justify-items: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-top: 0.4rem !important; +} + +#search-top-box input.empty { + color: rgba(var(--swatch-menutxt-light-color), 0.5); +} + +input.button.btn { + padding-top: 0.1em !important; +} + +#login-status { + color: rgb(var(--swatch-menubg-light-color)); + font-weight: 600; + letter-spacing: 0.05em; +} + +#login-status * { + font-family: var(--header-font); + letter-spacing: 0.05em; +} + +#search-top-box-form > input, +#search-top-box-form > input[type="submit"] { + min-height: 1.3rem; + height: 1.3rem; + padding: .25rem; + margin: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -moz-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + font-weight: 500; +} + +#top-bar br { + display: none; +} + +#top-bar div.top-bar > ul > li { + position: relative; +} + +#top-bar div.top-bar > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > a { + font-family: var(--title-font); + font-size: var(--base-font-size); + color: rgb(var(--swatch-menutxt-light-color)); + text-transform: uppercase; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 1em; + height: 1.625rem; +} + +#top-bar div.top-bar > ul > li > ul, +#top-bar div.mobile-top-bar > ul > li > ul { + background: rgba(var(--swatch-menubg-light-color), 1); + width: 100%; + left: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; +} + +#top-bar div.top-bar > ul > li:hover > ul, +#top-bar div.top-bar > ul > li:focus-within > ul, +#top-bar div.top-bar > ul > li > ul:focus-within, +#top-bar div.top-bar > ul > li.sfhover > ul, +#top-bar div.mobile-top-bar > ul > li:hover > ul, +#top-bar div.mobile-top-bar > ul > li:focus-within > ul, +#top-bar div.mobile-top-bar > ul > li > ul:focus-within, +#top-bar div.mobile-top-bar > ul > li.sfhover > ul { + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; + width: 100%; +} + +#top-bar div.top-bar > ul > li > ul > li, +#top-bar div.mobile-top-bar > ul > li > ul > li { + width: 100%; + border-collapse: collapse; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#top-bar > div.top-bar > ul > li:last-of-type > ul, +#top-bar > div.mobile-top-bar > ul > li:last-of-type > ul { + right: 0; +} + +#top-bar div.top-bar > ul > li > ul > li > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul { + pointer-events: none; + width: auto; + height: auto; + position: absolute; + left: 100%; + top: 0; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + color: rgb(var(--white-monochrome)); + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + margin: 0; + opacity: 0; + background-color: rgb(var(--swatch-menubg-light-color)); + -webkit-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); +} + +#top-bar div.top-bar > ul > li > ul > li:hover > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li:hover > ul, +#top-bar div.top-bar > ul > li > ul > li:focus-within > ul, +#top-bar div.mobile-top-bar > ul > li > ul > li:focus-within > ul { + pointer-events: all; + opacity: 1; +} + +#top-bar div.top-bar > ul > li > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > ul > li > a { + font-weight: 700; + color: rgb(var(--swatch-menutxt-dark-color)); + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + margin: 0; + padding: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + overflow: hidden; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li { + color: rgb(var(--white-monochrome)); + font-size: 1em; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + z-index: 10; + position: relative; + top: 0; + left: 0; + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} + +/* hover before effect */ + +#top-bar div.top-bar > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li:hover, +#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover { + background-color: transparent; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li > a, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a { + color: rgb(var(--swatch-menutxt-dark-color)); + font-size: 1em; + z-index: 10; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + position: relative; + height: 100%; + width: 100%; + padding: 1em; + margin: 0; + border: none; + white-space: nowrap; + background: transparent; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover { + background: transparent; +} + +#top-bar div.top-bar > ul > li > ul > li > a::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > a::before, +#top-bar div.top-bar > ul > li > ul > li > ul > li > a::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + right: 150%; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); + -webkit-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + -o-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + pointer-events: none; +} + +#top-bar div.top-bar > ul > li > ul > li > a:hover::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > a:hover::before, +#top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover::before, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li > a:hover::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + right: -5rem; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); +} + +#top-bar div.top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:hover, +#top-bar div.top-bar > ul > li > ul > li > ul > li:focus-within, +#top-bar div.mobile-top-bar > ul > li > ul > li > ul > li:focus-within { + background: rgba(252, 252, 252, 0); + background: rgba(var(--swatch-menubg-color), 0); +} + +/* Hiding Random Anchor Link Prior to New Page Module +Will need to change :nth-child if position ever moves.*/ + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li > a, +#top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li > a { + display: none; +} + +/* New Page Form Box Styling */ + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul #top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul, +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li, +#top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li { + height: auto; +} + +#top-bar > div.top-bar > ul > li:nth-child(4) > ul > li:hover, +#top-bar > div.mobilep-top-bar > ul > li:nth-child(4) > ul > li:hover { + background: transparent; +} + +#top-bar div.top-bar div.newpage_dropdown { + width: 100%; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + padding: 0; + margin: 0; +} + +#top-bar div.top-bar div.newpage_dropdown > .new-page-box { + height: 70%; + width: 100%; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.mobile-top-bar div.newpage_dropdown div.new-page-box form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 1rem; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.mobile-top-bar div.newpage_dropdown div.new-page-box form, +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-family: var(--header-font); + font-size: -webkit-calc(var(--base-font-size)*1.1); + font-size: calc(var(--base-font-size)*1.1); + width: 100%; + background-color: rgba(var(--swatch-topmenu-bg-color)); + color: rgba(var(--swatch-menutxt-light-color)); + padding: 0.25rem; + margin: 0 !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.text { + background-color: rgba(var(--swatch-menubg-dark-color), 0.25); + height: 2rem !important; + margin-bottom: -0.0625rem !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button { + border: unset !important; +} + +#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button:hover { + background: rgba(var(--swatch-menubg-color), 0.15); + cursor: pointer; +} + +/* Side Bar Styling */ + +#side-bar { + display: none; + height: -webkit-calc(100vh - 2rem); + height: calc(100vh - 2rem); + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -moz-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + scrollbar-width: thin; + z-index: 10; + -ms-scroll-chaining: none; + overscroll-behavior: none; + overflow: hidden; + padding-bottom: 2rem; +} + +#side-bar, +#side-bar:hover { + background: rgba(var(--swatch-menubg-light-color), 1) !important; +} + +#side-bar div.menu-item { + margin: inherit; + text-align: inherit; + display: inherit; + -webkit-box-orient: inherit; + -webkit-box-direction: inherit; + -webkit-flex-direction: inherit; + -moz-box-orient: inherit; + -moz-box-direction: inherit; + -ms-flex-direction: inherit; + flex-direction: inherit; + -webkit-flex-wrap: inherit; + -ms-flex-wrap: inherit; + flex-wrap: inherit; + -webkit-box-align: inherit; + -webkit-align-items: inherit; + -moz-box-align: inherit; + -ms-flex-align: inherit; + align-items: inherit; + -webkit-box-pack: inherit; + -webkit-justify-content: inherit; + -moz-box-pack: inherit; + -ms-flex-pack: inherit; + justify-content: inherit; + font-size: inherit; + min-height: inherit; + -webkit-flex-shrink: inherit; + -ms-flex-negative: inherit; + flex-shrink: inherit; + -webkit-flex-basis: inherit; + -ms-flex-preferred-size: inherit; + flex-basis: inherit; +} + +#side-bar > div.side-block { + height: 96vh; + padding-right: 0.5em; + -webkit-align-content: space-around; + -ms-flex-line-pack: distribute; + align-content: space-around; + overflow-y: auto; + overflow-x: hidden; +} + +#side-bar > div.side-block > div.menu-item { + margin: 0; + text-align: right; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -moz-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + font-size: 0; + min-height: -webkit-calc(1rem - .125rem); + min-height: calc(1rem - .125rem); + min-height: -webkit-calc(1rem - var(--sidebar-internal-border-thickness)); + min-height: calc(1rem - var(--sidebar-internal-border-thickness)); + border-bottom: 0.0625rem solid rgba(12, 12, 12, 0.08); + border-bottom: 0.0625rem solid rgb(var(--medium-accent)); + -webkit-flex-shrink: 2; + -ms-flex-negative: 2; + flex-shrink: 2; + -webkit-box-flex: 2; + -webkit-flex-grow: 2; + -moz-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + width: -webkit-calc(var(--sidebar-width-on-desktop) - 3em); + width: calc(var(--sidebar-width-on-desktop) - 3em); + background: transparent !important; + -webkit-box-shadow: unset !important; + box-shadow: unset !important; +} + +.side-block { + height: 100vh; + -webkit-box-align: inherit; + -webkit-align-items: inherit; + -moz-box-align: inherit; + -ms-flex-align: inherit; + align-items: inherit; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; +} + +div.menu-item > div:first-of-type { + width: 100%; + background: transparent; +} + +#side-bar .sub-item { + max-height: 2rem !important; + padding-top: 0.5em; +} + +#side-bar .sub-item a { + border-right: 0.25rem double rgba(var(--medium-accent)), 0.25) !important; + border-right: 0.25rem double rgba(var(--medium-accent)), 0.25) !important; + border-right: 0.25rem double rgba(var(--swatch-border-color, var(--black-monochrome, 12, 12, 12)), 0.25) !important; + line-height: 1.5em !important; + margin-top: 0rem !important; + padding: 0 0.3rem !important; + margin-right: 2rem !important; + font-size: -webkit-calc(var(--base-font-size) * 1.1) !important; + font-size: calc(var(--base-font-size) * 1.1) !important; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.side-block div * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.side-block div:nth-of-type(1) { + height: auto; + border-left: none; + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -moz-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + background-color: rgba(var(--pale-gray-monochrome)); +} + +.side-block div:nth-of-type(1), +.side-block div:nth-of-type(1) form { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.side-block div:nth-of-type(1) form { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 0.6em 0 0.6rem; +} + +.menu-item.new-page > .new-page-box { + height: 70%; +} + +.side-block div:nth-of-type(1) input.button, +.side-block div:nth-of-type(1) input.text { + font-family: var(--header-font); + font-size: -webkit-calc(var(--base-font-size)*1.1); + font-size: calc(var(--base-font-size)*1.1); + width: 100%; + background-color: rgba(var(--swatch-topmenu-bg-color)); + color: rgba(var(--swatch-menutxt-light-color)); + padding: 0.25rem; + margin: 0 !important; +} + +#side-bar div.menu-item .text { + font-family: var(--body-font); + height: 3rem !important; + background-color: rgba(var(--swatch-topmenu-bg-color), 0.25) !important; + margin-bottom: -0.0625rem !important; +} + +.side-block div:nth-of-type(1) input.button { + border: unset !important; + height: 2rem; +} + +#side-bar div.menu-item a { + font-family: var(--header-font); + position: relative; + z-index: 2; + height: inherit; +} + +#side-bar div.menu-item a:hover { + background-color: transparent; +} + +#side-bar div.menu-item a::before { + right: 14rem; + -webkit-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + -o-transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); + transition: right 500ms cubic-bezier(0.4, 0, 0.2, 1); +} + +#side-bar div.menu-item a::before, +#side-bar div.menu-item a:hover::before { + content: " "; + width: 200%; + height: 100%; + position: absolute; + top: 0; + background-color: rgb(var(--bright-accent)); + opacity: 1; + z-index: -1; + -webkit-transform: skew(50deg, 0); + -ms-transform: skew(50deg, 0); + -o-transform: skew(50deg, 0); + transform: skew(50deg, 0); +} + +#side-bar div.menu-item a:hover::before { + right: -5rem; +} + +textarea { + letter-spacing: 0.02em; +} + +#side-bar div.menu-item a, +#side-bar div.menu-item .text { + padding: 0 0.6em 0 0; + width: 100%; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -moz-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + font-weight: 500; + font-size: -webkit-calc(var(--base-font-size) * 1.4); + font-size: calc(var(--base-font-size) * 1.4); + margin-top: 0.35em; + line-height: inherit; +} + +#side-bar div.menu-item a, +#side-bar div.menu-item .text, +#side-bar .heading, +#side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -moz-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +#side-bar .heading, +#side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { + font-family: var(--title-font); + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + text-transform: uppercase; + color: rgba(var(--swatch-menutxt-light-color)); + text-shadow: .063rem .063rem .063rem rgb(var(--swatch-border-color)); + padding: 0 1.3rem; + margin-right: -1em; + -webkit-box-shadow: inset 0 -0.3rem 0 0 rgb(var(--swatch-primary-darkest)); + box-shadow: inset 0 -0.3rem 0 0 rgb(var(--swatch-primary-darkest)); + min-height: 2rem; + font-size: -webkit-calc(var(--base-font-size) * 1.1); + font-size: calc(var(--base-font-size) * 1.1); + letter-spacing: 0.1em; +} + +#main-content { + margin-left: -webkit-calc(50vw - (var(--body-width-on-desktop) / 2) - 2rem); + margin-left: calc(50vw - (var(--body-width-on-desktop) / 2) - 2rem); +} + +a { + color: rgb(var(--swatch-primary-darker)); +} + +a:hover, +a:active, +a:visited { + color: rgb(var(--swatch-primary-darkest)); +} + +.page-rate-widget-box { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(var(--swatch-menubg-dark-color), 1)), to(rgba(var(--swatch-menubg-medium-color), 1))); + background: -webkit-linear-gradient(bottom, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + background: -o-linear-gradient(bottom, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + background: linear-gradient(to top, rgba(var(--swatch-menubg-dark-color), 1) 0, rgba(var(--swatch-menubg-medium-color), 1) 100%); + font-family: var(--header-font); + letter-spacing: 0.05em; +} + +.page-rate-widget-box .rate-points, +.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 { + font-weight: 500; +} + +div#page-options-container { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 2em; +} + +div#page-info, +div.page-watch-options { + padding: 0 1em; +} + +div#page-options-bottom { + width: 60%; + margin-bottom: 2.125rem; +} + +div#page-options-bottom-2 { + width: 90%; + margin-top: -2.125rem; +} + +div#page-options-bottom, +div#page-options-bottom-2 { + text-align: left; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +div#page-options-bottom > a, +div#page-options-bottom-2 > a { + -webkit-box-flex: 2; + -webkit-flex-grow: 2; + -moz-box-flex: 2; + -ms-flex-positive: 2; + flex-grow: 2; + padding: .25rem; + -webkit-border-radius: .25rem; + border-radius: .25rem; + background-color: rgba(var(--swatch-menubg-light-color), 0.25); + border: 0.0625rem solid rgba(var(--swatch-primary), 1); + font-weight: 700; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); +} + +div#page-options-bottom > a:hover, +div#page-options-bottom > a:active, +div#page-options-bottom-2 > a:hover, +div#page-options-bottom-2 > a:active { + text-decoration: none; + background-color: rgba(var(--swatch-menubg-dark-color), 1); + color: rgba(var(--swatch-primary), 1); +} + +#footer { + width: -webkit-calc(100% - 1.25rem); + width: calc(100% - 1.25rem); + color: rgb(var(--swatch-menubg-dark-color)); +} + +.fancyhr hr { + border-top: 2vw solid transparent; + background-color: rgba(var(--bright-accent), 0); + height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-image-source: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wl_hr.png); + border-image-repeat: round round; + background: none; + border-image-slice: 80 500 80 500 fill; + border-image-width: 10em 80em 10em 80em; +} + +@media only screen and (max-width: 768px) { + #header h1 a, + #header h2 span { + margin-left: 7.75rem; + margin-top: 0.35em; + } + + body { + background: inherit; + } + + #header h1 a { + line-height: 1; + } + + #header h2 span { + margin-top: -webkit-calc(3.4rem + var(--offset-from-page-top)); + margin-top: calc(3.4rem + var(--offset-from-page-top)); + } + + #search-top-box-form > input { + display: none; + } + + #top-bar { + overflow-x: hidden; + } + + div#extra-div-1 { + display: none; + } + + .mobile-top-bar { + background: unset !important; + } + + div#extrac-div-1 { + background-image: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/wlheader_bg.png); + -webkit-background-size: 31.250rem 31.250rem; + background-size: 31.250rem; + z-index: 3; + } + + div#extrac-div-1, + div#extrac-div-2 { + position: absolute; + display: block; + width: 100%; + height: 7.5rem; + top: 0; + left: 0; + } + + div#extrac-div-3::before { + content: "The Wanderers' Library"; + text-shadow: inherit; + background: url(http://scptestwiki.wikidot.com/local--files/component:nuwl-theme/goldfoil.png); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + content: var(--header-title); + font-family: var(--header-font); + font-size: 200%; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -moz-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: fixed; + top: 0.1em; + display: block; + background-color: transparent; + text-align: center; + font-weight: 700; + } + + div#extrac-div-3 { + display: block; + position: static; + z-index: 1; + background-color: transparent; + } + + div#extrac-div-2 > span { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + top: 0; + right: 0; + left: 0; + margin: 0; + padding: 0; + width: 100vw; + height: 10.375rem; + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(rgba(var(--bright-accent))), to(1)) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(rgba(var(--bright-accent))), to(1)) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(var(--bright-accent)), 1)), color-stop(7.625rem, rgba(var(--dark-gray-monochrome)), 1)), color-stop(rgba(var(--dark-gray-monochrome)), 0.95)), color-stop(rgba(var(--dark-gray-monochrome)), 1)), to(rgba(var(--bright-accent)), 1))); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(255, 255, 255, 0)), color-stop(7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1)), color-stop(7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)), color-stop(rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95)), color-stop(rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1)), to(rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1))); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) -webkit-calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) -webkit-calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--bright-accent)), 1) 7.5rem, rgba(var(--dark-gray-monochrome)), 1) 7.625rem, rgba(var(--dark-gray-monochrome)), 0.95) calc(100% - .125rem), rgba(var(--dark-gray-monochrome)), 1) calc(100% - .125rem), rgba(var(--bright-accent)), 1) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7.5rem, rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 0.95) calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color, var(--gray-monochrome, 66, 66, 72)), 1) calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color, var(--black-monochrome, 12, 12, 12)), 1) 100%); + -webkit-background-size: 100% 10.375rem; + background-size: 100% 10.375rem; + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + position: -webkit-sticky; + position: sticky; + top: -7.5rem; + background-color: transparent; + } + + div#extra-div-2::before { + content: " "; + width: 100%; + height: 100%; + } + + div#extrac-div-2 { + position: absolute; + width: 100%; + height: 100%; + pointer-events: none; + top: 0; + left: 0; + z-index: 0; + } + + #top-bar div.mobile-top-bar > ul > li, + #top-bar div.mobile-top-bar > ul > li > a { + -webkit-box-align: center; + -webkit-align-items: center; + -moz-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + #top-bar div.mobile-top-bar > ul > li > a { + font-size: -webkit-calc(var(--base-font-size) * 1.4); + font-size: calc(var(--base-font-size) * 1.4); + } + + #top-bar div.mobile-top-bar > ul > li > ul { + max-width: inherit; + left: inherit; + -webkit-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: opacity 80ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-transform: translate(-20%, 0) !important; + -ms-transform: translate(-20%, 0) !important; + -o-transform: translate(-20%, 0) !important; + transform: translate(-20%, 0) !important; + } + + #top-bar div.mobile-top-bar > ul > li:hover > ul, + #top-bar div.mobile-top-bar > ul > li:focus-within > ul, + #top-bar div.mobile-top-bar > ul > li > ul:focus-within, + #top-bar div.mobile-top-bar > ul > li.sfhover > ul { + width: inherit !important; + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -moz-box-orient: vertical; + -moz-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li { + -webkit-flex-basis: inherit; + -ms-flex-preferred-size: inherit; + flex-basis: inherit; + width: inherit !important; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li > ul { + height: auto; + position: absolute; + -webkit-transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + -o-transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + transition: all 80ms cubic-bezier(0.4, 0.0, 0.2, 1); + max-width: inherit; + left: 100%; + -webkit-transform: inherit; + -ms-transform: inherit; + -o-transform: inherit; + transform: inherit; + } + + #top-bar > div.mobile-top-bar > ul > li:nth-child(3) > ul > li > ul, + #top-bar > div.mobile-top-bar > ul > li:nth-child(4) > ul > li > ul, + #top-bar > div.mobile-top-bar > ul > li:nth-child(5) > ul > li > ul { + left: -100%; + width: 100%; + } + + #top-bar div.mobile-top-bar > ul > li > ul > li { + width: inherit; + } + + #top-bar > div.mobile-top-bar > ul > li:last-of-type > ul { + -webkit-transform: translate(-1em, 0) !important; + -ms-transform: translate(-1em, 0) !important; + -o-transform: translate(-1em, 0) !important; + transform: translate(-1em, 0) !important; + } + + #side-bar { + left: -webkit-calc(var(--sidebar-width-on-mobile) * -1); + left: calc(var(--sidebar-width-on-mobile) * -1); + -webkit-transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + -o-transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + transition: left var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + } + + #side-bar, + #side-bar:target { + display: -webkit-box; + display: -webkit-flex; + display: -moz-box; + display: -ms-flexbox; + display: flex; + width: var(--sidebar-width-on-mobile); + } + + #side-bar:target { + background: rgb(var(--swatch-menubg-light-color)) !important; + } + + #side-bar .close-menu { + margin-left: 0; + padding-right: var(--sidebar-width-on-mobile); + background-color: rgba(var(--swatch-menubg-black-color), 0); + -webkit-transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + -o-transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + transition: margin-left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing), opacity var(--sidebar-transition-timing); + opacity: 1; + visibility: visible; + } + + #side-bar .close-menu, + #side-bar:target .close-menu { + width: -webkit-calc(100% - var(--sidebar-width-on-mobile)); + width: calc(100% - var(--sidebar-width-on-mobile)); + } + + #side-bar:target .close-menu { + margin-left: var(--sidebar-width-on-mobile); + background-color: rgba(var(--swatch-menubg-black-color), 0.3); + opacity: 1; + } + + #main-content { + margin-left: inherit; + } + + .yui-navset { + z-index: inherit; + } + + div#page-options-bottom { + width: 90%; + } +} \ No newline at end of file