@import url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
 
/*
    Turbo Vision Theme
    [2021 Wikidot Theme]
    By JakdragonX
    Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
    Based on the original Turbo Vision Theme created by Croquembouche
 
    The Turbo Vision theme is split into two CSS fragments.
 
    This fragment styles user-created Turbo Blocks, and does not require
    the other fragment in order to function correctly.
*/
 
/* BEFORE WE BEGIN, A QUICK FIX FOR UNDOING SIGMA-9 WEIRD THINGS */
 
@media (min-width: 768px) and (max-width: 979px) {
  div,
  div table {
    clear: initial;
  }
}
 
.avatar-hover {
  z-index: 1;
}
 
/* AND NOW... */
/* ------------------------------------- */
/* NOW FOR THE MAIN COURSE */
 
/* VARIABLES */
 
:root {
  --turbo-block-shadow: 0.5em 1em 0 0 #3e3f47;
  --turbo-block-border-width: 22px;
}
 
/* BLOCKQUOTES */
 
.turbo-block blockquote,
.turbo-block div.blockquote {
  background-color: #aaaaaa;
  color: #000;
  padding: 0;
  margin-bottom: 2em;
  border-width: var(--turbo-block-border-width);
  border-style: solid;
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
  box-shadow: var(--turbo-block-shadow);
}
 
/* SIMPLE TABLES */
 
.turbo-block table.wiki-content-table {
  box-shadow: var(--turbo-block-shadow);
  margin-bottom: 2em;
}
 
.turbo-block table.wiki-content-table td {
  border: 1px solid #fff;
  background-color: #aaaaaa;
}
 
.turbo-block table.wiki-content-table th {
  border: 1px solid #011657;
  color: #fff;
  background-color: #011657;
}
 
/* "BLOCK" DIV'S, DEFAULT CONFIG */
 
.turbo-block {
  position: relative;
  border-radius: 0;
  border-width: var(--turbo-block-border-width);
  border-style: solid;
  box-shadow: var(--turbo-block-shadow);
  color: white;
  margin: 0.75rem 1.5rem 1.5rem 0.75rem;
  z-index: 1;
 
  /* Properties that apply to whole document in the general fragment */
  font-family: "IBM Plex Mono", sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
  image-rendering: pixelated;
}
 
.turbo-block .heading {
  position: relative;
  border: none;
  margin-top: 1.5em;
}
 
.turbo-block .heading::before {
  content: "";
  border-top: 3px double white;
  position: absolute;
  width: calc(100% + 22px);
  top: calc(50% - 1.5px);
  left: 0;
  margin: 0 -11px;
}
 
.turbo-block .heading p {
  display: table;
  position: relative;
  padding: 0 8px;
  background: inherit;
  margin: 0 0 0 2em;
  color: white;
}
 
.turbo-block hr {
  padding: 0;
  margin: 1em 0 0 -11px;
  width: calc(100% + 22px);
  max-width: none;
  height: 3px;
  border-top: 3px double white;
  background: none;
}
.turbo-block.border-white hr {
  border-color: white;
}
.turbo-block.border-black hr {
  border-color: black;
}
 
.turbo-block::after {
  content: attr(data-title);
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  color: white;
  padding: 0 8px;
}
 
/* IMAGE BLOCKS */
/* Image blocks are supposed to have a turbo block all of their own */
 
.turbo-block .scp-image-block {
  margin: 4px 0 0 0;
  float: none;
  border: none;
  box-shadow: none;
}
 
.turbo-block .scp-image-caption {
  background-color: transparent;
  font-weight: normal;
  border: none;
}
 
/* COLORIZED DIV BLOCKS */
 
.turbo-block.bg-cyan,
.turbo-block.bg-cyan::after,
.turbo-block.bg-cyan .heading p {
  background: #1f8785;
}
 
.turbo-block.bg-grey,
.turbo-block.bg-grey::after,
.turbo-block.bg-grey .heading p {
  background: #bdbdbd;
}
 
.turbo-block.bg-red,
.turbo-block.bg-red::after,
.turbo-block.bg-red .heading p {
  background: #840603;
}
 
.turbo-block.bg-orange,
.turbo-block.bg-orange::after,
.turbo-block.bg-orange .heading p {
  background: #e39814;
}
 
.turbo-block.bg-green,
.turbo-block.bg-green::after,
.turbo-block.bg-green .heading p {
  background: #13781f;
}
 
.turbo-block.bg-purple,
.turbo-block.bg-purple::after,
.turbo-block.bg-purple .heading p {
  background: #7f0e9c;
}
 
.turbo-block.bg-yellow,
.turbo-block.bg-yellow::after,
.turbo-block.bg-yellow .heading p {
  background: #bfcc2b;
}
 
.turbo-block.bg-black,
.turbo-block.bg-black::after,
.turbo-block.bg-black .heading p {
  background: #000;
}
 
.turbo-block.bg-white,
.turbo-block.bg-white::after,
.turbo-block.bg-white .heading p {
  background: #fff;
}
 
/* DIV "BLACK" AND "WHITE" AND WHAT THAT MEANS */
 
.turbo-block.border-black {
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_black2.svg")
    16 round;
}
 
.turbo-block.border-black .heading::before {
  border-color: black;
}
 
.turbo-block.border-white {
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
    16 round;
}
 
.turbo-block.border-white .heading {
  background-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
    16 round;
}
 
.turbo-block.text-black,
.turbo-block.text-black .heading p,
.turbo-block.text-black::after {
  color: black;
}
 
.turbo-block.text-white,
.turbo-block.text-white .heading p,
.turbo-block.text-white::after {
  color: white;
}
 
/* LINKS IN COLORIZED BLOCKS */
 
/* For big contrast and maximum readability, links in colorized blocks have
 * their background set to the block's text color, and their text color set to
 * the block's background color. This avoids any concerns about the default
 * link color only being suitable for certain background colors.
 */
 
.turbo-block a {
  padding: 0 2px;
  background-color: white; /* default */
}
.turbo-block.text-white a {
  background-color: white;
}
.turbo-block.text-black a {
  background-color: black;
}
.turbo-block.bg-cyan a {
  color: #1f8785;
}
.turbo-block.bg-grey a {
  color: #bdbdbd;
}
.turbo-block.bg-red a {
  color: #840603;
}
.turbo-block.bg-orange a {
  color: #e39814;
}
.turbo-block.bg-green a {
  color: #13781f;
}
.turbo-block.bg-purple a {
  color: #7f0e9c;
}
.turbo-block.bg-yellow a {
  color: #bfcc2b;
}
.turbo-block.bg-black a {
  color: #000;
}
.turbo-block.bg-white a {
  color: #fff;
}
.turbo-block a:hover {
  text-decoration: none;
  background-color: #11ff00;
  color: black;
}
 
/* "OFFSET-LEFT|RIGHT" DIVS */
 
.offset-right {
  float: right;
}
.offset-right > * {
  float: none;
}
 
.offset-left {
  float: left;
}
.offset-left > * {
  float: none;
}
 
.offset-right.right-5 {
  margin-right: calc(((50vw - 50%) * -1) + 1rem);
}
 
.offset-right.right-4 {
  margin-right: calc(((50vw - 50%) * -0.8) + 1rem);
}
 
.offset-right.right-3 {
  margin-right: calc(((50vw - 50%) * -0.6) + 1rem);
}
 
.offset-right.right-2 {
  margin-right: calc(((50vw - 50%) * -0.4) + 1rem);
}
 
.offset-right.right-1 {
  margin-right: calc(((50vw - 50%) * -0.2) + 1rem);
}
 
.offset-left.left-5 {
  margin-left: calc(((50vw - 50%) * -1) + 1rem);
}
 
.offset-left.left-4 {
  margin-left: calc(((50vw - 50%) * -0.8) + 1rem);
}
 
.offset-left.left-3 {
  margin-left: calc(((50vw - 50%) * -0.6) + 1rem);
}
 
.offset-left.left-2 {
  margin-left: calc(((50vw - 50%) * -0.4) + 1rem);
}
 
.offset-left.left-1 {
  margin-left: calc(((50vw - 50%) * -0.2) + 1rem);
}
 
/* FIXING MOBILE SHIT */
 
@media (max-width: 600px) {
  /* Stop all floats and offsets on really thin devices */
  .offset-right,
  .offset-left,
  .turbo-block,
  .turbo-block .scp-image-block {
    float: none;
    clear: both;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/*
    Turbo Vision Theme
    [2021 Wikidot Theme]
    By JakdragonX
    Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
    Based on the original Turbo Vision Theme created by Croquembouche
 
    The Turbo Vision theme is split into two CSS fragments.
 
    This fragment styles general parts of the page, and requires the other
    fragment in order to function correctly.
*/
 
/* TODO Split these selectors across this one and the other one */
 
body {
  font-family: "IBM Plex Mono", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: black;
  letter-spacing: 0.5px;
  background-color: #bfcae3;
  image-rendering: pixelated;
  width: 100%;
}
 
a {
  color: #840603;
}
 
a:hover {
  text-decoration: none;
  background-color: #11ff00;
  color: black;
}
 
a:visited {
  color: #690ba0;
}
 
a.newpage {
  color: #f55;
  text-decoration: none;
  background: transparent;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Mx437 IBM VGA 8x16", monospace;
}
 
h1,
#page-title {
  font-family: "Mx437 IBM VGA 8x16", monospace;
  color: #940000;
  font-weight: normal;
  line-height: 0.85em;
}
 
#page-title {
  border-color: #fff;
}
 
hr {
  background-color: #fff;
  margin: 3.5em 1em 3.5em 1em;
}
 
blockquote,
div.blockquote {
  background-color: #aaaaaa;
  color: #000;
  padding: 0;
  margin-bottom: 2em;
  border-width: var(--turbo-block-border-width);
  border-style: solid;
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
  box-shadow: var(--turbo-block-shadow);
}
 
/* ACCOUNT STUFF (OPTIONS, SEARCH BAR, ETC.) */
 
#account-options {
  background-color: #fff;
}
 
#login-status {
  color: #000;
  background: #aaa;
  border: 2px solid #fff;
  font-size: 90%;
  z-index: 30;
}
 
#login-status a {
  background: transparent;
  color: #840603;
}
 
#login-status a:hover {
  background: #11ff00 !important;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
  border: #fff solid 2px;
  background: #aaaaaa;
  box-shadow: none;
  border-radius: 0;
  color: #fff;
}
 
#side-bar .side-block.media {
  background: #aaaaaa;
}
 
/* HEADER */
 
div#container-wrap {
  background: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Aturbo-vision/small%20%281%29.png")
    top left repeat-x;
}
 
div#header {
  position: relative;
  height: 142px;
  background: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Aturbo-vision/logo%20%281%29.png")
    3.675em 1.25em no-repeat;
  background-size: auto 100px;
}
 
div#header {
  max-width: initial;
}
 
div#header,
#top-bar {
  width: 100%;
}
 
div#header h1 {
  opacity: 0;
  width: 310px;
  min-height: 135px;
}
 
div#header h2 {
  display: none;
}
 
#header h1,
#header h2 {
  margin-left: 55px;
}
 
/* TOP BAR */
 
#top-bar {
  font-size: 100%;
  top: 142px;
  max-width: none;
  height: 20px;
}
 
#top-bar ul {
    margin-right: 250px;
}
 
#top-bar ul li {
  margin: 0 4px;
}
 
#top-bar ul li a {
  font-family: "Mx437 IBM VGA 8x16", monospace;
  color: #000;
  background-color: transparent;
  padding: 0;
  border: none;
  line-height: 19px;
  max-height: 36px;
}
 
#top-bar ul li a:hover,
#top-bar ul li:hover a {
  text-decoration: none;
  border: none;
  background-color: #11ff00 !important;
  color: #000;
}
 
#top-bar ul li a:hover::before,
#top-bar ul li a:hover::after {
  background-color: #11ff00;
}
 
#top-bar ul li a:visited {
  color: #000 !important;
}
 
#top-bar ul li a::first-letter {
  color: #840603;
}
 
#top-bar .open-menu a {
  border: 2px solid #3f3f47;
  border-radius: 0;
  background-color: #aaaaaa;
  color: #840603 !important;
}
 
/* SIDE BAR */
 
#side-bar .side-block,
#interwiki .side-block {
  position: relative;
  border-radius: 0;
  border-width: 22px;
  border-style: solid;
  padding: 0;
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
    16 round;
  box-shadow: 0.5em 1em 0 0 #3e3f47;
  margin-bottom: 2em;
}
 
/* REMOVE
.turbo-block .heading {
  position: relative;
  border: none;
  margin: 2em 0 0 -11px;
  width: calc(100% + 22px);
  max-width: none;
}
 
.turbo-block .heading::before {
  content: "";
  border-top: 3px double white;
  position: absolute;
  width: 100%;
  top: calc(50% - 1.5px);
  left: 0;
}
 
.turbo-block .heading p {
  display: table;
  position: relative;
  padding: 0 8px;
  background: inherit;
  margin: 0 0 0 2em;
  color: white;
}
REMOVE */
 
#side-bar .heading,
#interwiki .heading {
  position: relative;
  font-size: 100%;
  border: none;
  padding: 0;
  margin: 1em 0 0 -11px;
  width: calc(100% + 22px);
}
 
#side-bar .heading::before,
#interwiki .heading::before {
  content: "";
  border-top: 1px solid white;
  position: absolute;
  width: 100%;
  top: calc(50% - 1.5px);
  left: 0;
}
 
#side-bar .heading p,
#interwiki .heading p {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  margin-left: 1.5em;
  color: white;
  font-weight: normal;
}
 
#side-bar .side-block,
#side-bar .side-block .heading p,
#interwiki .side-block,
#interwiki .side-block .heading p {
  background-color: #64bec4;
  font-size: 90%;
}
 
#side-bar .side-block.resources,
#side-bar .side-block.resources .heading p {
  background-color: #aaaaaa;
  font-size: 90%;
}
 
#side-bar div.menu-item a,
#side-bar .collapsible-block-link,
#interwiki div.menu-item a,
#interwiki .collapsible-block-link {
  font-weight: normal;
}
 
#side-bar {
  background-color: #a4a6ba;
}
 
/* TABS */
 
div.yui-navset div.yui-content {
  color: #000000;
  background: #aaaaaa;
  border-radius: 0;
  border-width: 22px;
  border-style: solid;
  padding: 0;
  border-image: url("https://lafundacionscp.wikidot.com/local--files/theme:turbo-vision/border_white.svg")
    16 round;
  box-shadow: 0.5em 1em 0 0 #3e3f47;
  margin-bottom: 2em;
}
 
.yui-navset .yui-nav a,
div.yui-navset div.yui-navset-top .yui-nav a {
  /* protect nested tabviews from other orientations */
  border: #dfdfdf outset 2px;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
  font-family: "Mx437 IBM VGA 8x16", monospace;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
  border-color: transparent;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
  border-color: #aaaaa;
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
  background: #aaaaaa;
  border: #dfdfdf solid 2px;
  border-bottom: transparent 0;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
  background: #11ff00;
  border: #fff solid 2px;
  border-bottom: transparent 0;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
  background: #011657;
  border: #fff solid 2px;
  border-bottom: transparent 0;
}
 
/* FIXED ISSUE WITH BOLDING ON TAB NAVIGATION */
.yui-nav {
  font-weight: bold;
}
 
/* SIMPLE TABLES */
 
table.wiki-content-table {
  box-shadow: var(--turbo-block-shadow);
  margin-bottom: 2em;
}
 
table.wiki-content-table td {
  border: 1px solid #fff;
  background-color: #aaaaaa;
}
 
table.wiki-content-table th {
  border: 1px solid #011657;
  color: #fff;
  background-color: #011657;
}
 
/* RATING MODULE */
 
#page-content .page-rate-widget-box {
  box-shadow: none;
  font-family: "Mx437 IBM VGA 8x16", monospace;
  font-weight: normal;
}
 
div.page-rate-widget-box .rate-points {
  background-color: #011657;
  border: 2px solid #011657;
  border-radius: 0;
  color: #fff;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #fff;
  border-radius: 0;
  border: 2px solid #011657;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #011657;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: transparent;
  color: #840603;
}
.page-rate-widget-box .cancel {
  background: transparent;
  border: 2px dashed #011657;
  background-color: #011657;
  border-radius: 0;
}
.page-rate-widget-box .cancel a {
  color: #fff;
}
.page-rate-widget-box .cancel a:hover {
  background-color: transparent;
  color: #840603;
}
 
/* CREDIT MODULE */
 
#page-content .rate-box-with-credit-button {
  background-color: #011657 !important;
  border: 1px solid #011657;
  line-height: 14px;
  border-radius: 0;
  color: #fff;
  box-shadow: none;
}
#page-content .rate-box-with-credit-button .creditButton p a {
  border-left-color: #011657;
  border: 3px solid #011657;
}
#page-content .rate-box-with-credit-button .creditButton a {
  color: #fff !important;
}
#page-content .rate-box-with-credit-button .creditButton a:hover {
  color: #840603;
}
 
#page-content .modalbox {
  background: #ced2eb !important;
  color: #000;
  box-shadow: none;
  border-radius: 0;
}
 
/* LOCK INFO /*
 
#lock-info {
   background-color: #011657;
}
 
/* FIXING MOBILE SHIT */
 
@media (max-width: 770px) {
  #top-bar ul li {
    height: 1.25em;
  }
}
 
@media (max-width: 650px) {
  div#header {
    background-position: 3.675em 2.95em;
    background-size: auto 75px;
  }
}