/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
/* All Vars Used */
:root {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* must be either "nuscp" or "sigma9" */
--theme-id: "nuscp";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "i57-theme";
/* set this to your theme's full name */
/* Header */
--logo-image:url("http://www.scp-wiki.net/local--files/theme:i57/i57logo.png");
--header-title: 'FACILITY-57';
--header-subtitle: 'SEGURIDAD. CONTENCIÓN. PROTECCIÓN';
/* Typefaces */
--body-font: 'Lato', sans-serif;
--header-font: 'Bebas Neue', cursive;
--title-font: 'Poppins', sans-serif;
--mono-font: 'PT Mono', 'Andale Mono', 'Courier New', Courier, monospace;
/* Standard Colors */
--white-monochrome: 252, 252, 252;
/* white */
--pale-gray-monochrome: 244, 244, 244;
/* v light gray for blockquotes and stuff */
--light-gray-monochrome: 170, 170, 170;
/* light accent gray for login status */
--gray-monochrome: 66, 66, 72;
/* gray */
--dark-gray-monochrome: 48, 48, 52;
/* dark accent gray for sidebar background */
--black-monochrome: 12, 12, 12;
/* black */
--bright-accent: 243,207,0;
/* bright yellow */
--medium-accent: 221,188,0;
/* medium yellow 4 header */
--dark-accent: 18,20,17;
/* dark blue */
--link-color: 131, 115, 15;
/* blue */
/* Primary Theme Colors */
--swatch-background: 240, 240, 240;
--swatch-primary: var(--medium-accent);
--swatch-primary-darker: var(--bright-accent);
--swatch-primary-darkest: var(--bright-accent);
/* Primary Text Colors */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-important-text: var(--bright-accent);
/* Primary Menu Colors */
--swatch-menubg-color: var(--dark-accent);
--swatch-menubg-light-color: var(--white-monochrome);
--swatch-menubg-medium-color: var(--medium-accent);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-menubg-dark-color: var(--medium-accent);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--gray-monochrome);
--swatch-menutxt-dark-color: var(--white-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-border-color: var(--medium-accent);
/* Primary Header Colors */
--swatch-headerh1-color: var(--bright-accent) !important;
--swatch-headerh2-color: var(--bright-accent) !important;
--swatch-topmenu-border-color: var(--dark-accent);
--swatch-topmenu-bg-color: var(--dark-accent);
--rating-module-button-color: var(--black-monochrome);
--rating-module-text-color: var(--black-monochrome);
--diagonal-stripes: none;
--cutColour: rgb(var(--bright-accent));
--barColour: rgb(var(--dark-accent));
}
html,
body,
#side-bar:hover {
scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent));
}
::-webkit-scrollbar,
#side-bar:hover::-webkit-scrollbar {
background-color: rgb(var(--dark-accent));
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--bright-accent));
}
#header {
filter: none;
}
#header h1 a::before {
color: rgb(var(--medium-accent));
--text-shadow: none;
}
#search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover {
background: rgb(var(--black-monochrome));
color: rgb(var(--medium-accent));
}
@media only screen and (max-width: 768px) {
#search-top-box:not(:focus-within)::before {
color: rgb(var(--medium-accent));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
background-color: #181a17;
}
}
hr {
border-top: 1px solid #272727;
border-bottom: 1px solid #272727;
border-left: 30px solid rgb(var(--bright-accent));
border-right: 30px solid rgb(var(--bright-accent));
background: #272727;
}
.scp-image-block {
background: #272727;
border: none;
border-radius: 5px;
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--dark-accent));
color: rgb(var(--bright-accent));
}
blockquote,
.blockquote {
border: 2px dashed rgba(var(--light-gray-monochrome),0.7);
background-color: rgba(var(--light-gray-monochrome),0.3);
}
.footnotes-footer {
background: url(http://www.scp-wiki.net/local--files/theme:i57/i57.png);
background-size: contain;
background-repeat: repeat;
border-left: .35em solid transparent;
border-right: .35em solid transparent;
color: rgb(var(--bright-accent));
transition: border-right 300ms ease-in-out, border-left 300ms ease-in-out;
}
.footnotes-footer:hover {
border-right: .35em solid rgb(var(--medium-accent));
border-left: .35em solid rgb(var(--medium-accent));
}
.footnotes-footer .title {
border-bottom: 2px dashed rgb(var(--bright-accent));
}
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
background: url(http://www.scp-wiki.net/local--files/theme:i57/i57.png);
background-size: contain;
background-repeat: repeat;
border: 0.125rem solid rgba(var(--bright-accent), 1);
color: rgba(var(--bright-accent), 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 {
background: rgba(var(--medium-accent), 1) !important;
color: rgba(var(--dark-accent), 1);
}
a {
color: rgb(var(--link-color));
}
#main-content a:hover {
background-color: rgb(var(--link-color));
color: rgb(var(--white-monochrome));
}
a:visited {
color: #40401f;
}
a.newpage{
color: rgb(var(--bright-accent));
}
.report {
background: url(http://scp-yerko.wdfiles.com/local--files/almacen-de-archivos/SCP%20LOGO%20PNG%20HD%20DEGRADE%202%20chico.png) center center no-repeat;
display: block;
border: dashed 1px #999999;
width:84%;
padding: 5px 15px;
margin: 10px auto;
}
.mac {
background: url(http://scp-wiki.wikidot.com/local--files/theme:i57/MAC-1.png) top no-repeat;
background-color: white;
background-size: 200px;
display: block;
border: solid 3px rgb(var(--dark-accent));
width: 84%;
padding: 195px 15px 15px 15px;
margin: 10px auto;
}
.mac p {
border-top: 2px solid black;
padding-top: 4px;
}
#extra-div-2 {
display: block;
width: 100%;
height: 7.5rem;
top: 0;
left: 0;
position: absolute;
background: url("http://scp-wiki.wikidot.com/local--files/theme:i57/i57.png");
background-position: top;
background-repeat: repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
pointer-events: none;
}
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
.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 {
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: rgb(var(--bright-accent));
width: -webkit-calc(100% - 0.125rem);
width: calc(100% - 0.125rem);
margin: 0 auto;
border: 0;
-webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--bright-accent));
box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--bright-accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
zoom: unset;
background: url(http://scp-wiki.wikidot.com/local--files/theme:i57/i57.png);
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: repeat;
border: unset;
color: rgb(var(--bright-accent));
font-weight: bold;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
zoom: unset;
background-image: none;
background: rgba(var(--bright-accent), 0.5);
color: rgb(var(--dark-accent));
font-weight: bold;
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background: rgb(244, 244, 244);
border-color: transparent;
max-width: 100%;
padding: 0;
margin: 0 0.25em 0.5em;
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 0.0625rem rgba(var(--dark-accent), 0.5);
box-shadow: 0 0 0 0.0625rem rgba(var(--dark-accent), 0.5);
transition: all 300ms cubic-bezier(0.4,0.0,0.2,1);
}
.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: 0.35em 0.75em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.yui-navset .yui-nav li em {
/* Undoes border set by wikidot's default layout */
border: unset !important;
}
/* Selected Tab */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
padding: 0;
margin: -0.25em 0 0.25em 0;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
color: rgb(var(--dark-accent));
background-image: none;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: none !important;
border-color: transparent;
color: rgb(var(--dark-accent));
}
.yui-navset .yui-nav .selected a {
/* Undoes a color set by wikidot's default layout */
color: rgb(252, 252, 252) !important;
width: 100%;
background-image: none;
}
.yui-navset .yui-content {
background-color: rgba(var(--light-gray-monochrome),0.5);
/* content background color */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--light-gray-monochrome));
/* content border */
}
.yui-navset-left .yui-content {
border-left-color: rgba(var(--dark-accent),1);
/* different border color */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background-image: none;
background-color:rgb(var(--medium-accent));
color: rgb(var(--dark-accent));
cursor: default;
margin-bottom: -2px;
font-weight: bold;
}
/* Reduced Animations */
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-duration: 0.001s !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001s !important;
}
}