Tick-Tock Transmogrification

Link to article: Tick-Tock Transmogrification.

Module Styles

• @import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
   
  /*
      Powered on 2019/05/09 06:09:42
      [2019 Wikidot Theme]
      Created by The Great Hippo
      CC BY-SA 3.0
  */
   
  /* FONTS AND COLORS */
   
  :root {
      --bg-light: #262626;
      --bg: #1a1a1a;
      --bg-dark: #000000;
   
      --fg-light: #ffffff; 
      --fg:  #f2f2f2;
      --fg-dark: #e6e6e6;
   
      --fg-accent-light: #ffffcc;
      --fg-accent: #ffff99;
      --fg-accent-dark: #ffff80;
   
      --fg-accent-2: #ffffff;
   
  }
   
  body {
      background: var(--bg);
      color: var(--fg);
      font-family: 'PT Mono', monospace;
  }
   
  a, a:visited {
      color: var(--fg-accent-dark);
  }
   
  h1, h2, h3, h4, h5, h6, #page-title {
      color: var(--fg-light);
      font-family: 'PT Mono', monospace;
  }
   
  ins, del {
      color: black;
  }

• /* Flopstyle: LITE
   * [2020 Wikidot Theme]
   * Created by Lt Flops
   * Select CSS Styles Are Credited Where Necessary
   * -- (CC BY-SA 3.0) --
  **/
   
  /* -------- SITE HEADER -------- */
   a, body, span{
       word-break: unset;
  }
   #header h1 a,
   #header h1 a::before{
       color: hsl(0, 0%, 93%);
       text-shadow: none;
  }
   #header h1 a{
       font-family: "Montserrat", "Arial", sans-serif;
       font-size: 170%;
       letter-spacing: 0;
  }
   #header h2 span,
   #header h2 span::before{
       color: hsl(60, 62%, 85%);
       font-family: "Montserrat", "Arial", sans-serif;
       font-weight: 500;
       text-shadow: none;
  }
   
  /* -------- TOP-BAR -------- */
   #search-top-box,
   #top-bar,
   #login-status{
       right: 0;
  }
   #top-bar ul li ul{
       top: 22px;
  }
   #search-top-box-form input[type="submit"]{
       font-size: unset;
  }
   #search-top-box-input,
   #search-top-box-form input[type="submit"]{
       background-color: hsl(0, 0%, 20%);
       background-image: none;
       border-color: hsl(0, 0%, 60%);
       border-radius: 0;
  }
   #search-top-box-input:hover,
   #search-top-box-input:focus,
   #search-top-box-form input[type="submit"]:hover,
   #search-top-box-form input[type="submit"]:focus{
       background-color: hsl(0, 0%, 30%);
       background-image: none;
       border-color: hsl(0, 0%, 70%);
  }
   #top-bar .open-menu a{
       border-radius: unset;
       border-width: .1em;
  }
   
  /* -------- SIDE-BAR -------- */
   #side-bar .side-block{
       border-color: hsl(0, 0%, 20%);
       border-radius: 0;
  }
   #side-bar .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: solid 1px hsl(0, 0%, 20%);
  }
   
  /* -------- SIDEBOXES --------
   * By EstrellaYoshte
   * Adapted From 'Penumbra Theme'
  **/
   .anchor{
       position: -webkit-sticky;
       position: sticky;
       top: 0;
   
       z-index: 5;
  }
   .authorbox,
   .sidebox{
       position: absolute;
       width: calc((100vw - 870px) / 2);
       max-height: calc(100vh - 18rem);
       margin-right: 8px;
       padding: .3em 1.64em;
   
       box-sizing: border-box;
   
       z-index: 5;
  }
   .authorbox{
       top: .5em;
       right: 103.5%;
       max-width: calc((100vw - 921.2px) / 2) !important;
       padding-right: 1em;
   
       font-size: 95%;
  }
   .sidebox{
       left: 103.5%;
       margin-left: 1em;
       padding-left: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 73%);
       border-left: 8px solid var(--accentColor);
  }
   .authorbox tr th,
   .authorbox tr td,
   .sidebox tr th,
   .sidebox tr td{
       padding: .25em !important;
  }
   .flavorbox{
       width: 75%;
       margin: auto auto 5px;
       padding: 0 1em;
   
       border: 1px solid #888;
  }
   
  /* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
   .limit{
       line-height: 1.5;
       z-index: 5;
  }
   .limit br{
       display: block;
  }
   @media (max-width: 1280px){
       .sidebox{
           width: auto;
           max-width: 65vw !important;
           top: .75rem;
           right: calc(((100vw - 45.8rem) / 2) * -1);
           left: initial;
           padding: 0 .4rem;
   
           background-color: var(--accentColor);
           border: 1px solid hsl(0, 0%, 73%);
           border-left: 8px solid var(--accentColor);
           border-radius: 0;
   
           overflow: visible;
           -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
           clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
           -webkit-transition:
              color .2s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s;
           transition:
              color .2s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s;
           -o-transition:
              color .2s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s;
           transition:
              color .2s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s;
           transition:
              color .2s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s;
      }
       .sidebox::before,
       .sidebox::after{
           content: " ";
           position: absolute;
           right: 0;
      }
       .sidebox::before{
           width: 0;
           height: 0;
           top: calc(50% - .75rem);
   
           border-top: .75rem solid transparent;
           border-bottom: .75rem solid transparent;
           border-right: .75rem solid var(--accentColor);
   
           z-index: 10;
           transition: border .1s ease-in-out .1s;
      }
       .sidebox::after{
           width: 100%;
           max-width: .75rem;
           height: 100%;
           max-height: calc(100vh - 18rem);
           top: 0;
   
           background-color: hsl(0, 0%, 100%);
   
           z-index: -1;
           transition:
              box-shadow .5s ease-in-out .1s,
              max-width .5s ease-in-out .1s;
      }
       .sidebox > *{
           opacity: 0;
           -webkit-transition: opacity .2s ease-in-out .2s;
           -o-transition: opacity .2s ease-in-out .2s;
           transition: opacity .2s ease-in-out .2s;
      }
       .sidebox:hover{
           overflow: visible;
           -webkit-clip-path: inset(-.125rem -.25rem 0 0);
           clip-path: inset(-.125rem -.25rem 0 0);
           -webkit-transition:
              color .5s ease-in-out .2s,
              right .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s;
           transition:
              color .5s ease-in-out .2s,
              right .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s;
           -o-transition:
              color .5s ease-in-out .2s,
              right .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s;
           transition:
              color .5s ease-in-out .2s,
              right .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s;
           transition:
              color .5s ease-in-out .2s,
              right .5s ease-in-out .1s,
              clip-path .5s ease-in-out .1s,
              box-shadow .5s ease-in-out .1s,
              -webkit-clip-path .5s ease-in-out .1s,
              -webkit-box-shadow .5s ease-in-out .1s;
      }
       .sidebox:hover::before{
           border-top: 0 solid transparent;
           border-bottom: 0 solid transparent;
      }
       .sidebox:hover::after{
           max-width: 100%;
           right: 0;
      }
       .sidebox:hover > *{
           opacity: 1;
      }
  }
   @media (max-width: 768px){
       .sidebox,
       .sidebox:hover{
           right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
      }
  }
   @media (max-width: 1280px){
       .authorbox{
           display: none;
           visibility: hidden;
      }
  }
   
  /* -------- GENERAL -------- */
   :root{
     --accentColor: hsl(0, 100%, 30%);
     --vivid-lime-green: hsl(112, 77%, 48%);
  }
   body{
       color: hsl(255,255,255);
   
       word-break: unset;
  }
   #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,
   #top-bar ul li ul,
   #side-bar .side-block,
   .page-rate-widget-box,
   .scp-image-block{
       box-shadow: none;
  }
   
  /* -------- COLLAPSIBLES -------- */
   .collapsible-block-link {
       font-size: 120%;
       font-weight: bold;
  }
   
  /* Licensebox Collapsible */
   .licensebox {
       text-align: center;
  }
   
   .licensebox blockquote,
   .licensebox div.blockquote {
       text-align: left;
  }
   
  /* -------- INFO BAR -------- */
   body {
       --barColour: hsl(0, 89%, 18%);
  }
   
   .u-faq {
       display: none;
  }
   
   .info-container .collapsible-block-link {
       font-size: 100%;
  }
   
   .info-container div.collapsible-block-content {
       padding: 0 .5em 30px;
  }
   
   .info-container div.collapsible-block-content .wiki-content-table,
   .footer-wikiwalk-nav .collapsible-block .wiki-content-table {
       width: 90%;
  }
   
  /* -------- INFO PANE -------- */
   .creditRate{
       margin-right: 0 !important;
  }
   .rate-box-with-credit-button{
       border-radius: 0 !important;
       box-shadow: none !important;
  }
   .creditButton p a:hover,
   .creditButtonStandalone p a:hover{
       color: var(--vivid-lime-green) !important;
  }
   div.credit.first .wiki-content-table {
       width: 100%;
  }
   
  /* -------- PAGE RATING -------- */
   .page-rate-widget-box{
       margin-right: 0;
  }
   .page-rate-widget-box,
   div.page-rate-widget-box .rate-points{
       border-radius: 0;
  }
   .page-rate-widget-box .cancel,
   .page-rate-widget-box .cancel a:hover{
       border-radius: 0 !important;
  }
   
  /* -------- FORMATTING | [GENERAL] -------- */
   #page-content h1,
   #page-content h2,
   #page-content h3,
   #page-content h4,
   #page-content h5,
   #page-content h6{
       display: flex;
       flex-direction: column;
       justify-content: center;
       margin-bottom: .57em;
   
       line-height: 1.2;
       text-align: center;
       text-underline-offset: 25%;
       word-break: unset;
  }
   hr{
       height: 0;
       margin: 1em 0;
   
       background-color: transparent;
       border-top: 1px solid hsl(0, 0%, 67%);
  }
   
   ol li{
       margin: 0 0 1em;
  }
   ul{
       margin:1em 0;
  }
   li, p{
       line-height: 1.5;
       text-underline-offset: 30%;
  }
   .footnotes-footer, .bibitems{
       padding: 0 0 .5em;
  }
   
  /* -------- IMAGE BLOCK -------- */
  .scp-image-block .scp-image-caption{
       font-size: 95%;
       line-height: 1.35;
       text-underline-offset: 30%;
  }
   .scp-image-block.block-right{
       margin: 0 0 1em 2em;
  }
   
  /* -------- CUSTOM DIV BLOCKS -------- */
   .raisa-header, .pink-header,
   .oracle-header, .cicapoco-header{
       margin-bottom: 1em;
       padding: 0 .5em;
   
       text-align: center;
  }
   
   .raisa-header{ /* ---- RAISA Notice Header ---- */
       background: hsl(60, 65%, 85%);
       border: 1px solid hsl(0, 0%, 60%);
  }
   
   .pink-header{ /* ---- Pretty Header ---- */
       background: hsl(350, 100%, 85%);
       border: 1px solid hsl(0, 4%, 36%);
  }
   .pink-header hr{
       border-color: hsl(0, 4%, 36%);
  }
   
   .oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */
       color: hsl(208, 100%, 97%);
       background: hsl(208, 67%, 44%);
       border: 1px solid hsl(0, 0%, 5%);
  }
   .oracle-header hr{
       border-color: hsl(208, 100%, 97%);
  }
   .img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */
       float: left;
       width: auto;
       height: 8em;
       margin: .5em;
  }
   
   .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
       background: lightblue;
       border: 1px solid hsl(195, 50%, 39%);
  }
   .cicapoco-header hr{
       border-color: hsl(195, 50%, 39%);
  }
   
   .content-warning{   /* ---- Content Warning ---- */
       width: 75%;
       margin: 1rem auto;
       padding: 0 1rem;
   
       background: white;
       border: 3px double black;
   
       text-align: center;
  }
   
   blockquote, /* ---- Regular Quote Block ---- */
   div.blockquote{
       background-color: hsl(0, 0%, 96%);
       border: 3px double hsl(0, 0%, 60%);
  }
   blockquote table.wiki-content-table th,
   div.blockquote table.wiki-content-table th{
       background-color: hsl(0, 0%, 89%);
  }
   
   .alt-blockquote{ /* ---- Alternative Quote Block ---- */
       margin: 1em 0;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 96%);
       border: 1px solid hsl(0, 0%, 60%);
       border-radius: 1em;
  }
   
   .lightweight{ /* ---- Lightweight Quote Block ---- */
       margin: 1em 3em;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 90%);
   
       text-align: left;
  }
   
   .card-block{ /* ---- Decorative Quote Block ---- */
       margin: 1em 0;
       padding: .6em 1.2em;
   
       background: hsl(220, 15%, 93%);
       border-left: 8px solid var(--accentColor);
       border-radius: .48em;
  }
   
   blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   .log-header{ /* ---- Interview/Exploration Log Header ---- */
       margin-bottom: 1em;
       padding: 0 1em;
   
       background: hsl(0, 0%, 96%);
       border: 3px dashed hsl(0, 0%, 60%);
       border-radius: 2em;
  }
   
   .report-box{ /* ---- Report Block ---- */
       margin: 1em 0;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 100%);
       border: medium solid hsl(0, 0%, 5%);
  }
   .report-box hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .realistic-shadow{ /* ---- Better Shadows ---- */
       margin: 1em 0 2em 0;
       box-shadow:
            0 1px 1px hsla(0, 0%, 0%, .23),
            0 2px 2px hsla(0, 0%, 0%, .18),
            0 4px 4px hsla(0, 0%, 0%, .15),
            0 8px 8px hsla(0, 0%, 0%, .13);
  }
   
   .report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */
       background-color: hsl(360, 91%, 86%);
       border-color: hsl(360, 62%, 66%);
  }
   .report-box.red-tint hr{
       border-color: hsl(360, 62%, 66%);
  }
   
   .report-box.orange-tint{
       background-color: hsl(30, 91%, 86%);
       border-color: hsl(30, 62%, 66%);
  }
   .report-box.orange-tint hr{
       border-color: hsl(30, 62%, 66%);
  }
   
   .report-box.yellow-tint{
       background-color: hsl(60, 91%, 86%);
       border-color: hsl(60, 62%, 66%);
  }
   .report-box.yellow-tint hr{
       border-color: hsl(60, 62%, 66%);
  }
   
   .report-box.green-tint{
       background-color: hsl(120, 91%, 86%);
       border-color: hsl(120, 62%, 66%);
  }
   .report-box.green-tint hr{
       border-color: hsl(120, 62%, 66%);
  }
   
   .report-box.cyan-tint{
       background-color: hsl(180, 91%, 86%);
       border-color: hsl(180, 62%, 66%);
  }
   .report-box.cyan-tint hr{
       border-color: hsl(180, 62%, 66%);
  }
   
   .report-box.blue-tint{
       background-color: hsl(240, 91%, 86%);
       border-color: hsl(240, 62%, 66%);
  }
   .report-box.blue-tint hr{
       border-color: hsl(240, 62%, 66%);
  }
   
   .report-box.magenta-tint{
       background-color: hsl(300, 91%, 86%);
       border-color: hsl(300, 62%, 66%);
  }
   .report-box.magenta-tint hr{
       border-color: hsl(300, 62%, 66%);
  }
   
   .report-box.grey-tint{
       background-color: hsl(210, 9%, 86%);
       border-color: hsl(210, 15%, 42%);
  }
   .report-box.grey-tint hr{
       border-color: hsl(210, 15%, 42%);
  }
   
   .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
   .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
   .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
   .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
   .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
   .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
   .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
   .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
       border-color: hsl(0, 0%, 67%);
  }
   
   div.o5-box{ /* ---- Overseer Document Block ---- */
       margin: 1em 6em;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 75%);
       border: medium solid hsl(0, 0%, 5%);
  }
   div.o5-box hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
       margin-bottom: 1em;
       padding: 0 2em;
   
       background-color: hsl(0, 0%, 100%);
       border: 1px dashed hsl(0, 0%, 67%);
   
       font-family: var(--mono-font);
  }
   
   .narration{ /* ---- Mimics the Pages of a Book ---- */
       margin: 1em 0;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 63%);
  }
   
   .warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 100%);
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
       background-position: center;
       background-repeat: no-repeat;
       border: medium solid hsl(0, 0%, 5%);
   
       text-align: center;
  }
   .warning-notice hr{
       border-color: hsl(0, 0%, 5%);
  }
   
   .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */
       margin: 1em 0;
       padding: .9em;
   
       background-image:
         linear-gradient(to top,
            hsl(201, 33%, 84%) 0%,
            hsl(60, 29%, 89%) 8%);
       background-position: 0 8px;
       background-size: 100% 1.3rem;
       border: 1px solid hsl(0, 0%, 80%);
       border-radius: .9em;
   
       font-family: "Architects Daughter", cursive;
  }
   .journal p{
       margin: 0;
   
       font-size: 1.3rem;
       line-height: 1.3rem;
  }
   
   .sms-message{ /* ---- SMS Message Block ---- */
       float: left;
       clear: left;
       width: 22.4em;
       margin: 0 0 1em;
       padding: 0 1.2em;
   
       background: hsl(0, 0%, 75%);
       border-radius: 2em;
   
       font-size: 112.5%;
       text-align: center;
  }
   
   blockquote .collapsible-block-folded,
   .alt-blockquote .collapsible-block-folded,
   .lightweight .collapsible-block-folded,
   .card-block .collapsible-block-folded,
   .report-box .collapsible-block-folded,
   .o5-box .collapsible-block-folded,
   .narration .collapsible-block-folded,
   .journal .collapsible-block-folded,
   div.blockquote .collapsible-block-folded{
       /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
       padding: .75em 0;
       /* -------- */
  }
   blockquote .collapsible-block-unfolded,
   .alt-blockquote .collapsible-block-unfolded,
   .lightweight .collapsible-block-unfolded,
   .card-block .collapsible-block-unfolded,
   .report-box .collapsible-block-unfolded,
   .o5-box .collapsible-block-unfolded,
   .narration .collapsible-block-unfolded,
   .journal .collapsible-block-unfolded,
   div.blockquote .collapsible-block-unfolded{
       /* ---- For Collapsibles Inside Divs | [OPEN] ---- */
       padding-top: .75em;
       /* -------- */
  }
   
  /* -------- FORMATTING | [SPECIAL] -------- */
   .centered{ /* ---- Center-Aligns Text ---- */
       text-align: center;
  }
   
   .justified{ /* ---- Justify-Aligns Text ---- */
       text-align: justify;
  }
   
   .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
       text-indent: 2.4em;
  }
   
   .indented .bibcite,
   .indented .bibitems,
   .indented .footnoteref,
   .indented .footnotes-footer,
   .indented .scp-image-block,
   .indented h1, .indented h2, .indented h3,
   .indented h4, .indented h5, .indented h6,
   .indented .image-container,
   .indented ol,
   .indented ul,
   .indented .centered{
       text-indent: 0;
  }
   
   .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
       font-weight: bold;
  }
   
   .rev-red{ /* ---- Red Document Revision Text ---- */
       color: hsl(360, 100%, 27%);
  }
   
   .rev-green{ /* ---- Green Document Revision Text ---- */
       color: hsl(120, 100%, 27%);
  }
   
   .rev-blue{ /* ---- Blue Document Revision Text ---- */
       color: hsl(240, 100%, 27%);
  }
   
   .rev-yellow{ /* ---- Yellow Document Revision Text ---- */
       color: hsl(40, 100%, 40%);
  }
   
   .terminal-span{ /* ---- Computer Terminal Text ---- */
       font-family: var(--mono-font);
       font-size: 110%;
       letter-spacing: .3px;
  }
   
  /* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
   .blinkbar{color: black; animation: blink 1.5s infinite;}
   @keyframes blink{to{opacity: .0;}}
   @keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }}
   @keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
   
   .lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */
       clear: both;
       margin: 3.6em auto;
  }
   .lite-heading h3{
       color: hsl(360, 100%, 27%);
  }
   .lite-heading hr{
       width: 55%;
       margin: auto;
   
       border-width: medium;
  }
   
   div.image-showcase{ /* ---- Alternative Image Showcase ---- */
       width: 25em;
       margin-bottom: 1em;
   
       background: hsl(0, 0%, 100%);
       border: 3px ridge hsl(0, 0%, 5%);
  }
   div.image-showcase.block-center{
       margin-right: auto;
       margin-left: auto;
  }
   
   .scene-break{ /* ---- Fancy Scene/Section Break ---- */
       width: 3.5em;
       margin: 2em 0;
  }
   
   .listPagesNav{ margin-bottom: 5em; }
   .listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */
   .listPagesNav-next{
       width: 45%;
       margin: 0 0 1em;
       padding: 0 2%;
   
       background: hsl(0, 0%, 90%);
       border: 1px solid hsl(0, 0%, 60%);
  }
   .listPagesNav-prev{
       float: left;
       text-align: left;
  }
   .listPagesNav-next{
       float: right;
       text-align: right;
  }
   
   .fade-away{
       background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%));
  }
   
   .footing::before{ /* ---- Page Footing ---- */
       content: " ";
       position: absolute;
       bottom: 1px;
       left: 0;
       right: 0;
   
       border-bottom: 2px solid hsl(0, 0%, 47%);
  }
   .footing{
       position: relative;
       bottom: -2px;
       margin-bottom: 2px;
   
       border-bottom: 1px solid hsl(0, 0%, 47%);
  }
   
   .related-flex{ /* ---- Related Articles Box ---- */
       display: flex;
       justify-content: center;
  }
   .related{
       margin: 1em 0;
       padding: 0 1em;
   
       background-color: hsl(0, 0%, 100%);
       border: thick solid hsla(0, 0%, 60%, 0.5);
   
       text-align: left;
  }
   
   .series-nav{ /* ---- Series Navigation ---- */
       margin: .5em 0;
   
       background:
         linear-gradient(to bottom right,
            hsla(0, 0%, 100%, 1),
            hsla(0, 0%, 50%, .5));
       border: outset 1.5px hsl(0, 0%, 5%);
       border-radius: 2em;
   
       font-size: 85%;
       font-weight: bold;
       text-align: center;
  }
   
  /* -------- ADVANCED WARNING HEADER --------
   * Adapted From 'SCP-001-JP - indonootoko's Proposal'
   * See the Example at the Top of the Page
  **/
   .orderwrapper{
       position: relative;
       width: auto;
   
       text-align: center;
  }
   .council{
       position: relative;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       width: 295px;
       height: 295px;
       margin: auto;
   
       background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
       background-position: center;
       background-repeat: no-repeat;
       background-size: 295px 295px;
  }
   .ordertitle{
       position: absolute;
       top: 27px;
       left: 0;
       right: 0;
  }
   .ordertitle h1{
       color: hsl(0, 0%, 5%);
   
       font-size: 220%;
       line-height: 90%;
  }
   .orderdescription{
       position: absolute;
       top: 93px;
       left: 0;
       right: 0;
       width: 100%;
  }
   .orderdescription h1{
       color: hsl(0, 0%, 5%);
   
       font-size: 120%;
  }
   .orderdescription p{
       color: hsl(0, 0%, 5%);
   
       font-size: 90%;
  }
   .itemno{
       position: absolute;
       bottom: 18px;
       left: 0;
       right: 0;
  }
   .itemno h1{
       color: hsl(0, 0%, 5%);
   
       font-size: 170%;
  }
   
  /* -------- YUI TAB BASE -------- */
   .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
   
  /* -------- YUI TAB CUSTOMIZATION --------
   * Adapted From 'Black Highlighter Theme'
  **/
   .yui-navset *{
       transition:
            color 80ms cubic-bezier(.4, 0, .2, 1),
            background-color 80ms cubic-bezier(.4, 0, .2, 1);
  }
   .yui-navset .yui-nav,
   .yui-navset .yui-navset-top .yui-nav{
       display: flex;
       flex-wrap: wrap;
       width: calc(100% - .125rem);
       margin: 0 auto;
   
       border-color: hsl(360, 94%, 20%);
       box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
  }
   .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav a{
       color: hsl(0, 0%, 5%);
       /* ---- Tab Background Colour | [UNSELECTED] ---- */
       background-color: hsl(0, 0%, 99%);
       /* -------- */
       background-image: none;
       border: unset;
  }
   .yui-navset .yui-nav a:hover,
   .yui-navset .yui-nav a:focus{
       color: hsl(0, 0%, 96%);
       /* ---- Tab Background Colour | [HOVER] ---- */
       background-color: hsl(360, 100%, 27%);
       /* -------- */
  }
   .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav li{
       position: relative;
       display: flex;
       flex-grow: 2;
       max-width: 100%;
       margin: 0;
       padding: 0;
   
       background-color: hsl(0, 0%, 96%);
       border-color: transparent;
       box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
  }
   .yui-navset .yui-nav li a,
   .yui-navset-top .yui-nav li a,
   .yui-navset-bottom .yui-nav li a{
       display: flex;
       align-items: center;
       justify-content: center;
       width: 100%;
  }
   .yui-navset .yui-nav li em{
       border: unset;
  }
   .yui-navset .yui-nav a em,
   .yui-navset .yui-navset-top .yui-nav a em{
       padding: .35em .75em;
   
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
  }
   .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
   .yui-navset .yui-navset-top .yui-nav .selected{
       flex-grow: 2;
       margin: 0;
       padding: 0;
   
       /* ---- Tab Background Colour | [SELECTED] ---- */
       background-color: hsl(360, 94%, 20%);
       /* -------- */
  }
   .yui-navset .yui-nav .selected a,
   .yui-navset .yui-nav .selected a em{
       border: hsl(360, 94%, 20%);
  }
   .yui-navset .yui-nav .selected a{
       width: 100%;
   
       color: hsl(0, 0%, 96%) !important;
       background-image: none;
  }
   .yui-navset .yui-nav .selected a:focus,
   .yui-navset .yui-nav .selected a:active{
       color: hsl(0, 0%, 96%);
       background-color: hsl(360, 94%, 20%);
  }
   .yui-navset .yui-nav .selected a:hover{
       cursor: default;
  }
   .yui-navset-left .yui-content{
       /* ---- Content Background ---- */
       background-color: hsl(0, 0%, 99%);
       /* -------- */
  }
   .yui-navset .yui-content,
   .yui-navset .yui-navset-top .yui-content{
       padding: .5em;
       border-color: hsl(0, 0%, 60%);
  }
   
  /* -------- PAGE TAGS -------- */
   #main-content .page-tags{
       border-top: 1px solid hsl(0, 0%, 73%);
  }
   #main-content .page-tags a{
       display: inline-block;
       height: .8125rem;
       margin: 0 0 .5rem .75rem;
       padding: .1875rem .3125rem .1875rem 0;
   
       color: hsl(0, 0%, 95%);
       background-color: hsl(0, 0%, 27%);
       border-bottom-right-radius: .25rem;
       border-top-right-radius: .25rem;
   
       line-height: 13px;
       line-height: .8125rem;
       font-size: 11px;
       font-size: .6875rem;
       font-weight: normal;
  }
   #main-content .page-tags a:before{
       width: 0;
       height: 0;
       top: -.1875rem;
       left: -.625rem;
       padding: 0 .0625rem .1875rem;
   
       border-color: transparent hsl(0, 0%, 27%) transparent transparent;
       border-style: solid;
       border-width: .5rem .5rem .5rem 0;
  }
   #main-content .page-tags a:before,
   #main-content .page-tags a:after{
       content: "";
       position: relative;
       float: left;
  }
   #main-content .page-tags a:after{
       width: .25rem;
       height: .25rem;
       top: .2813rem;
       left: -.5rem;
   
       background-color: hsl(0, 0%, 100%);
       border-radius: .125rem;
  }
   #main-content .page-tags span{
       max-width: 100%;
       border-top: .5rem solid transparent;
  }
   
  /* -------- WIKIWALK NAVIGATOR -------- */
   .footer-wikiwalk-nav {
      text-align: center;
  }
   
  /* -------- INTERWIKI -------- */
   div.scpnet-interwiki-wrapper{
       margin-bottom: 2rem;
  }
   iframe.scpnet-interwiki-frame{
       width: 17.75em;
       min-height: 4.25em;
       margin-left: 4px;
   
       background: hsl(127, 050%, 94%);
       border: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki body{
       overflow: hidden;
  }
   #interwiki .side-block{
       padding: 5px;
   
       background: 0;
       border: 0;
       box-shadow: none;
  }
   #interwiki .heading{
       color: hsl(0, 0%, 5%);
       border-bottom: 1px solid hsl(0, 0%, 20%);
  }
   #interwiki .menu-item img{
       display: none;
  }
   
  /* -------- SHOW-CHANGES HIGHLIGHTS -------- */
   .inline-diff ins::before{
       color: hsl(240, 100%, 93%);
  }
   .inline-diff del::before{
       color: hsl(0, 100%, 90%);
  }
   .inline-diff ins + del::before,
   .inline-diff del + ins::before{
       color: transparent;
  }
   .inline-diff br + ins::before,
   .inline-diff br + del::before,
   .inline-diff ins:first-of-type::before,
   .inline-diff del:first-of-type::before{
       position: absolute;
       display: inline-block;
       left: -1em;
   
       content: "\f111";
       font: normal normal normal 16px/1 "FontAwesome";
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
  }
   
  /* -------- PRESENTATION -------- */
   .templateInfo{
       margin: 1em 0;
       padding: 0 1em;
       background: hsl(0, 0%, 100%);
       border: 1px solid hsl(0, 0%, 87%);
  }
   
  /* -------- CROQSTYLE ALTERATIONS -------- */
   #edit-page-textarea{ font-family: unset; }
   tt{
       background-color: unset;
       font-size: unset;
       padding: unset;
       margin: unset;
       border-radius: unset;
  }
   
  /* ---- BETTERFOOTNOTES PATCH ---- */
   :root{
       --posX: calc(50% - 358px - 13rem) !important;
       --fnLinger: 1.5s !important;
  }
   .fnnum{
       font-size: 90%;
  }
   .fnnum:hover + .fncon{
       right: calc(-8vw - 4rem) !important;
  }
   
  /* -------- REDUCED MOTION ACCESSIBILITY -------- */
   @media (prefers-reduced-motion: reduce){
       *, *::before, *::after{
            animation-duration: .001s !important;
            animation-iteration-count: 1 !important;
            transition-duration: .001s !important;
      }
  }
   
  /* -------- MOBILE MEDIA QUERY -------- */
   @media (max-width: 479px){
       #header h1 a{
            font-size: 85%;
      }
       div.image-showcase{
            width: 90%;
      }
       div.o5-box{
            margin: 1em 0;
      }
  }
   
  /* -------- NOTE MEDIA QUERY -------- */
   @media (min-width: 480px) and (max-width: 580px){
       #header h1 a{
            font-size: 100%;
      }
       div.image-showcase{
            width: 100%;
      }
       div.o5-box{
            margin: .5em;
      }
  }
   
  /* -------- MINI TABLET MEDIA QUERY -------- */
   @media (min-width: 581px) and (max-width: 767px){
       #header h1 a{
            font-size: 120%;
      }
  }
   @media (max-width: 767px){
       .open-menu a:hover{
            box-shadow: none;
      }
  }
   
  /* -------- TABLET MEDIA QUERY -------- */
   @media (min-width: 768px) and (max-width: 979px){
       #header h1 a{
            font-size: 140%;
      }
  }

Inline Styles

• (none)

Includes

• :scp-wiki:theme:red-vizor [info]
• :scp-wiki:component:fade-in [info]
• :scp-wiki:component:toggle-sidebar [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• anchor

• authorbox

Page Source

[[include :scp-wiki:theme:red-vizor]]
[[include :scp-wiki:component:fade-in speed=1]]
[[include :scp-wiki:component:toggle-sidebar]]

[[div class="anchor"]]
[[div class="authorbox"]]

[[module ListPages name="="]]
||~ %%title%% ||
||= **By:** %%created_by_linked%% ||
||~ Published on %%created_at|%d %b %Y%% ||
[[/module]]

[[/div]]
[[/div]]




[[>]]
[[module rate]]
[[/>]]


My grandfather is an impossibly old man. But in his entire life of almost 110 years, I don't think he's ever been farther than 20 miles from his hometown. He grew up where we all grew up: a tiny village in Baja, on the coast. The parish church calls him Father Dreadnaught, because he's as sturdy as a battleship even after all his years. But you wouldn't know it from looking at him; skinny and withered, you'd think he's already dying. Despite that, he hasn't gotten sick in thirty years; hell, I don't think he's aged a day since eighty. He's almost supernaturally healthy, in that way -- after all, it's all but biblical canon around my town that old Father Dreadnaught's age is a miracle from God.

Lately, though, he's self-isolated. I don't think he even hangs out with the other priests much nowadays. He barely goes to church anymore, just sits on the beach fishing. Sits there staring into the gulf for hours, like he's forgotten something there but can't remember what. I've gone with him; it's surreal. Sometimes I worry.

------

On my sixteenth birthday, my grandfather gave me a box. It was a gearbox within a box, full of screws and scraps, nuts and bolts and gears. Initially, I genuinely convince myself he thinks he's from the 1800s, because apparently //this// is what he thought I meant when I expressed an interest in technology.

Then he explains, and I take back that thought. He says he fished it up in the [[[https://scp-wiki.wikidot.com/twistedgears-kaktus-proposal|Gulf of California]]] -- somehow. That it must mean something, must be some sign from God, because he'd been fishing in the same spot a million times before and never found anything of the sort. He knows I'm not quite that religious. Says to take it as more symbolic than anything. A memento of him, if nothing else. 

He says something like //cuidarlo de cerca//, I think -- "look after it closely". He hands the box to me; the case is wooden with ornate bronze inlays, rusted from what looks like centuries of water damage. The thing weighs nearly a thousand pounds.

------

I'm visiting my childhood home because my parents are finally moving out. My former room has a uniquely dilapidated smell, every surface coated in a layer of dust. It's surely almost two inches thick, the room is tiny, and the two combined make the air almost unbreathable. I try to open a window, breaking the perfect stagnancy of the room maintained for who knows how many years and dispelling only more dust into my face.

I shield my eyes from the torrent of dust coming from the opened window, turn my head, and in doing so look to the front corner of the room, left of the door. There, I see the box. I remember the box, and I remember that I had forgotten about the box.

[[include component:image-block
| name=https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Ha_Ha_Toy_%E2%80%93_Tin_Wind_Up_%E2%80%93_Planet_Robot_%E2%80%93_Chrome_Version_%E2%80%93_Close_Up.jpg/640px-Ha_Ha_Toy_%E2%80%93_Tin_Wind_Up_%E2%80%93_Planet_Robot_%E2%80%93_Chrome_Version_%E2%80%93_Close_Up.jpg
| align=right
| width=300px
| height=180px
| caption=⠀
]]

Beginning to clean off the shelves, I remove a small, robotic figurine -- a favorite childhood toy, I think it was called "Lazinator 6000" or something of that genre -- from the shelf to brush off the dust beneath. Without thinking, I place the toy on the top surface of the box.

In retrospect, I don't think it liked that.

I keep cleaning the shelves, and after around five minutes I hear a faint humming sound from the box and look back. The toy is jittering around, shaking and shaking, and I hear it getting faster and faster, but I hadn't wound it up or anything. It falls over and off the top of the box. Must be broken or something.

But then, I see the box open on it own. The lid almost comes flying off. On the inside, the little gears and tubes and metal joints stuck to the box's walls in stringy patterns like growing mold, as if they were trying to climb out of their confines. And they're all moving, if ever so slightly. Whatever sort of machine was in this box, whatever random agglomeration of turn-of-the-century mechanical spaghetti formed itself inside, it had deliberately climbed up the walls and opened the lid.

Next, the robot figurine starts moving on its own again. It climbs almost three feet up the flat, vertical surface of the box and pulls itself up and drops into the inside. It //climbed//, with nothing to grip with and nothing to hold onto, //autonomously// -- and reached the summit in four seconds flat. I'm frozen.

And then it starts building. The robot picks itself up on the inside of the box while the gears and tubes and wires all attach themselves to it. They cling onto it and build onto eachother, giving rise to plated armor and six unruly appendages and a single wrought-iron crown. And before I know it, the once tiny robot action figure has //consumed// damn near everything in the box and it stands up and it's nearly my height.

The automaton looks around the room like it's adjusting to its surroundings, and then it stares at me with its piercing lack of eyes and makes a terrible metallic screeching.

I run downstairs and out the back door. The Thing breaks a window and drops down into the yard to follow me.

I'm running as fast as I can out the driveway, but then I see it turn and I realize it's not interested in me. It's heading for the garage; and it's already there. Breaks down the steel door and consumes it too -- I hear the crunching and clanging of metal as it incorporates the door into its monstrous form and grows a seventh tentacle-arm with the additional material. I stop running and freeze, God knows why.

The Thing steps in and //eats// the entire goddamn garage and everything inside it in a matter of a minute or two. Gardening utensils break as rakes become claws and shovel heads are integrated as armor. An array of worn hedge clippers become gnashing teeth at the back of a macerating maw. Two lawnmowers buckle into the form of a stainless chariot and meld to the Thing's left shoulder. Metal fencing unfurls into a pair of misshapen, distended wings. A grilling stove is reshaped into a flamethrower. Rubber from spare tires wraps itself around joints and appendages. A power saw becomes the stinger on a scorpion's tail and revs up. The car's engine because a great and terrible Heart.

I'm in awe of its titanic form. It's monstrous, but I'm still not running. //Jesus Christ, why wasn't I running?//

It's a colossus now, a juggernaut. A behemoth dreadnaught-angel. Nearly thirty feet tall and it looks like it weighs a hundred tons. It stands on a tripod like a mechanical spider revving and smoking; straining to move. Its torso, built around the ungodly engine, now has fourteen swollen arms and claws and tentacles of varying lengths, all confusedly grasping at the sky. Still no eyes. Four ragged wings; three stinging tails; two shoulder-mounted sets of godslayer's artillery. And one wrought-iron crown.

Then, it turns away from me, lumbers out of the driveway, and marches east, toward the water. I watch it for a time.

I think it was going back into the Gulf.


@@ @@
@@ @@


[[include :scp-wiki:component:license-box]]
=====

> **Filename:** Ha Ha Toy – Tin Wind Up – Planet Robot – Chrome Version – Close Up.jpg
> **Author:** D J Shin
> **License:** Creative Commons Attribution-Share Alike 3.0
> **Source:** [[[https://commons.wikimedia.org/wiki/File:Ha_Ha_Toy_%E2%80%93_Tin_Wind_Up_%E2%80%93_Planet_Robot_%E2%80%93_Chrome_Version_%E2%80%93_Close_Up.jpg]]]

[[include :scp-wiki:component:license-box-end]]







































































































[[module CSS]]
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
 
/*
    Powered on 2019/05/09 06:09:42
    [2019 Wikidot Theme]
    Created by The Great Hippo
    CC BY-SA 3.0
*/
 
/* FONTS AND COLORS */
 
:root {
    --bg-light: #262626;
    --bg: #1a1a1a;
    --bg-dark: #000000;
 
    --fg-light: #ffffff; 
    --fg:  #f2f2f2;
    --fg-dark: #e6e6e6;
 
    --fg-accent-light: #ffffcc;
    --fg-accent: #ffff99;
    --fg-accent-dark: #ffff80;
 
    --fg-accent-2: #ffffff;
 
}
 
body {
    background: var(--bg);
    color: var(--fg);
    font-family: 'PT Mono', monospace;
}
 
a, a:visited {
    color: var(--fg-accent-dark);
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    color: var(--fg-light);
    font-family: 'PT Mono', monospace;
}
 
ins, del {
    color: black;
}
[[/module]]




















[[module CSS]]
/* Flopstyle: LITE
 * [2020 Wikidot Theme]
 * Created by Lt Flops
 * Select CSS Styles Are Credited Where Necessary
 * -- (CC BY-SA 3.0) --
**/
 
/* -------- SITE HEADER -------- */
 a, body, span{
     word-break: unset;
}
 #header h1 a,
 #header h1 a::before{
     color: hsl(0, 0%, 93%);
     text-shadow: none;
}
 #header h1 a{
     font-family: "Montserrat", "Arial", sans-serif;
     font-size: 170%;
     letter-spacing: 0;
}
 #header h2 span,
 #header h2 span::before{
     color: hsl(60, 62%, 85%);
     font-family: "Montserrat", "Arial", sans-serif;
     font-weight: 500;
     text-shadow: none;
}
 
/* -------- TOP-BAR -------- */
 #search-top-box,
 #top-bar,
 #login-status{
     right: 0;
}
 #top-bar ul li ul{
     top: 22px;
}
 #search-top-box-form input[type="submit"]{
     font-size: unset;
}
 #search-top-box-input,
 #search-top-box-form input[type="submit"]{
     background-color: hsl(0, 0%, 20%);
     background-image: none;
     border-color: hsl(0, 0%, 60%);
     border-radius: 0;
}
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type="submit"]:hover,
 #search-top-box-form input[type="submit"]:focus{
     background-color: hsl(0, 0%, 30%);
     background-image: none;
     border-color: hsl(0, 0%, 70%);
}
 #top-bar .open-menu a{
     border-radius: unset;
     border-width: .1em;
}
 
/* -------- SIDE-BAR -------- */
 #side-bar .side-block{
     border-color: hsl(0, 0%, 20%);
     border-radius: 0;
}
 #side-bar .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: solid 1px hsl(0, 0%, 20%);
}
 
/* -------- SIDEBOXES --------
 * By EstrellaYoshte
 * Adapted From 'Penumbra Theme'
**/
 .anchor{
     position: -webkit-sticky;
     position: sticky;
     top: 0;
 
     z-index: 5;
}
 .authorbox,
 .sidebox{
     position: absolute;
     width: calc((100vw - 870px) / 2);
     max-height: calc(100vh - 18rem);
     margin-right: 8px;
     padding: .3em 1.64em;
 
     box-sizing: border-box;
 
     z-index: 5;
}
 .authorbox{
     top: .5em;
     right: 103.5%;
     max-width: calc((100vw - 921.2px) / 2) !important;
     padding-right: 1em;
 
     font-size: 95%;
}
 .sidebox{
     left: 103.5%;
     margin-left: 1em;
     padding-left: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 73%);
     border-left: 8px solid var(--accentColor);
}
 .authorbox tr th,
 .authorbox tr td,
 .sidebox tr th,
 .sidebox tr td{
     padding: .25em !important;
}
 .flavorbox{
     width: 75%;
     margin: auto auto 5px;
     padding: 0 1em;
 
     border: 1px solid #888;
}
 
/* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
 .limit{
     line-height: 1.5;
     z-index: 5;
}
 .limit br{
     display: block;
}
 @media (max-width: 1280px){
     .sidebox{
         width: auto;
         max-width: 65vw !important;
         top: .75rem;
         right: calc(((100vw - 45.8rem) / 2) * -1);
         left: initial;
         padding: 0 .4rem;
 
         background-color: var(--accentColor);
         border: 1px solid hsl(0, 0%, 73%);
         border-left: 8px solid var(--accentColor);
         border-radius: 0;
 
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         -webkit-transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         -o-transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
    }
     .sidebox::before,
     .sidebox::after{
         content: " ";
         position: absolute;
         right: 0;
    }
     .sidebox::before{
         width: 0;
         height: 0;
         top: calc(50% - .75rem);
 
         border-top: .75rem solid transparent;
         border-bottom: .75rem solid transparent;
         border-right: .75rem solid var(--accentColor);
 
         z-index: 10;
         transition: border .1s ease-in-out .1s;
    }
     .sidebox::after{
         width: 100%;
         max-width: .75rem;
         height: 100%;
         max-height: calc(100vh - 18rem);
         top: 0;
 
         background-color: hsl(0, 0%, 100%);
 
         z-index: -1;
         transition:
            box-shadow .5s ease-in-out .1s,
            max-width .5s ease-in-out .1s;
    }
     .sidebox > *{
         opacity: 0;
         -webkit-transition: opacity .2s ease-in-out .2s;
         -o-transition: opacity .2s ease-in-out .2s;
         transition: opacity .2s ease-in-out .2s;
    }
     .sidebox:hover{
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 0);
         clip-path: inset(-.125rem -.25rem 0 0);
         -webkit-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         -o-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
    }
     .sidebox:hover::before{
         border-top: 0 solid transparent;
         border-bottom: 0 solid transparent;
    }
     .sidebox:hover::after{
         max-width: 100%;
         right: 0;
    }
     .sidebox:hover > *{
         opacity: 1;
    }
}
 @media (max-width: 768px){
     .sidebox,
     .sidebox:hover{
         right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
    }
}
 @media (max-width: 1280px){
     .authorbox{
         display: none;
         visibility: hidden;
    }
}
 
/* -------- GENERAL -------- */
 :root{
   --accentColor: hsl(0, 100%, 30%);
   --vivid-lime-green: hsl(112, 77%, 48%);
}
 body{
     color: hsl(255,255,255);
 
     word-break: unset;
}
 #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,
 #top-bar ul li ul,
 #side-bar .side-block,
 .page-rate-widget-box,
 .scp-image-block{
     box-shadow: none;
}
 
/* -------- COLLAPSIBLES -------- */
 .collapsible-block-link {
     font-size: 120%;
     font-weight: bold;
}
 
/* Licensebox Collapsible */
 .licensebox {
     text-align: center;
}
 
 .licensebox blockquote,
 .licensebox div.blockquote {
     text-align: left;
}
 
/* -------- INFO BAR -------- */
 body {
     --barColour: hsl(0, 89%, 18%);
}
 
 .u-faq {
     display: none;
}
 
 .info-container .collapsible-block-link {
     font-size: 100%;
}
 
 .info-container div.collapsible-block-content {
     padding: 0 .5em 30px;
}
 
 .info-container div.collapsible-block-content .wiki-content-table,
 .footer-wikiwalk-nav .collapsible-block .wiki-content-table {
     width: 90%;
}
 
/* -------- INFO PANE -------- */
 .creditRate{
     margin-right: 0 !important;
}
 .rate-box-with-credit-button{
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .creditButton p a:hover,
 .creditButtonStandalone p a:hover{
     color: var(--vivid-lime-green) !important;
}
 div.credit.first .wiki-content-table {
     width: 100%;
}
 
/* -------- PAGE RATING -------- */
 .page-rate-widget-box{
     margin-right: 0;
}
 .page-rate-widget-box,
 div.page-rate-widget-box .rate-points{
     border-radius: 0;
}
 .page-rate-widget-box .cancel,
 .page-rate-widget-box .cancel a:hover{
     border-radius: 0 !important;
}
 
/* -------- FORMATTING | [GENERAL] -------- */
 #page-content h1,
 #page-content h2,
 #page-content h3,
 #page-content h4,
 #page-content h5,
 #page-content h6{
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-bottom: .57em;
 
     line-height: 1.2;
     text-align: center;
     text-underline-offset: 25%;
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
 
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 67%);
}
 
 ol li{
     margin: 0 0 1em;
}
 ul{
     margin:1em 0;
}
 li, p{
     line-height: 1.5;
     text-underline-offset: 30%;
}
 .footnotes-footer, .bibitems{
     padding: 0 0 .5em;
}
 
/* -------- IMAGE BLOCK -------- */
.scp-image-block .scp-image-caption{
     font-size: 95%;
     line-height: 1.35;
     text-underline-offset: 30%;
}
 .scp-image-block.block-right{
     margin: 0 0 1em 2em;
}
 
/* -------- CUSTOM DIV BLOCKS -------- */
 .raisa-header, .pink-header,
 .oracle-header, .cicapoco-header{
     margin-bottom: 1em;
     padding: 0 .5em;
 
     text-align: center;
}
 
 .raisa-header{ /* ---- RAISA Notice Header ---- */
     background: hsl(60, 65%, 85%);
     border: 1px solid hsl(0, 0%, 60%);
}
 
 .pink-header{ /* ---- Pretty Header ---- */
     background: hsl(350, 100%, 85%);
     border: 1px solid hsl(0, 4%, 36%);
}
 .pink-header hr{
     border-color: hsl(0, 4%, 36%);
}
 
 .oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */
     color: hsl(208, 100%, 97%);
     background: hsl(208, 67%, 44%);
     border: 1px solid hsl(0, 0%, 5%);
}
 .oracle-header hr{
     border-color: hsl(208, 100%, 97%);
}
 .img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */
     float: left;
     width: auto;
     height: 8em;
     margin: .5em;
}
 
 .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
     background: lightblue;
     border: 1px solid hsl(195, 50%, 39%);
}
 .cicapoco-header hr{
     border-color: hsl(195, 50%, 39%);
}
 
 .content-warning{   /* ---- Content Warning ---- */
     width: 75%;
     margin: 1rem auto;
     padding: 0 1rem;
 
     background: white;
     border: 3px double black;
 
     text-align: center;
}
 
 blockquote, /* ---- Regular Quote Block ---- */
 div.blockquote{
     background-color: hsl(0, 0%, 96%);
     border: 3px double hsl(0, 0%, 60%);
}
 blockquote table.wiki-content-table th,
 div.blockquote table.wiki-content-table th{
     background-color: hsl(0, 0%, 89%);
}
 
 .alt-blockquote{ /* ---- Alternative Quote Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 96%);
     border: 1px solid hsl(0, 0%, 60%);
     border-radius: 1em;
}
 
 .lightweight{ /* ---- Lightweight Quote Block ---- */
     margin: 1em 3em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 90%);
 
     text-align: left;
}
 
 .card-block{ /* ---- Decorative Quote Block ---- */
     margin: 1em 0;
     padding: .6em 1.2em;
 
     background: hsl(220, 15%, 93%);
     border-left: 8px solid var(--accentColor);
     border-radius: .48em;
}
 
 blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
     border-color: hsl(0, 0%, 67%);
}
 
 .log-header{ /* ---- Interview/Exploration Log Header ---- */
     margin-bottom: 1em;
     padding: 0 1em;
 
     background: hsl(0, 0%, 96%);
     border: 3px dashed hsl(0, 0%, 60%);
     border-radius: 2em;
}
 
 .report-box{ /* ---- Report Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: medium solid hsl(0, 0%, 5%);
}
 .report-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .realistic-shadow{ /* ---- Better Shadows ---- */
     margin: 1em 0 2em 0;
     box-shadow:
          0 1px 1px hsla(0, 0%, 0%, .23),
          0 2px 2px hsla(0, 0%, 0%, .18),
          0 4px 4px hsla(0, 0%, 0%, .15),
          0 8px 8px hsla(0, 0%, 0%, .13);
}
 
 .report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */
     background-color: hsl(360, 91%, 86%);
     border-color: hsl(360, 62%, 66%);
}
 .report-box.red-tint hr{
     border-color: hsl(360, 62%, 66%);
}
 
 .report-box.orange-tint{
     background-color: hsl(30, 91%, 86%);
     border-color: hsl(30, 62%, 66%);
}
 .report-box.orange-tint hr{
     border-color: hsl(30, 62%, 66%);
}
 
 .report-box.yellow-tint{
     background-color: hsl(60, 91%, 86%);
     border-color: hsl(60, 62%, 66%);
}
 .report-box.yellow-tint hr{
     border-color: hsl(60, 62%, 66%);
}
 
 .report-box.green-tint{
     background-color: hsl(120, 91%, 86%);
     border-color: hsl(120, 62%, 66%);
}
 .report-box.green-tint hr{
     border-color: hsl(120, 62%, 66%);
}
 
 .report-box.cyan-tint{
     background-color: hsl(180, 91%, 86%);
     border-color: hsl(180, 62%, 66%);
}
 .report-box.cyan-tint hr{
     border-color: hsl(180, 62%, 66%);
}
 
 .report-box.blue-tint{
     background-color: hsl(240, 91%, 86%);
     border-color: hsl(240, 62%, 66%);
}
 .report-box.blue-tint hr{
     border-color: hsl(240, 62%, 66%);
}
 
 .report-box.magenta-tint{
     background-color: hsl(300, 91%, 86%);
     border-color: hsl(300, 62%, 66%);
}
 .report-box.magenta-tint hr{
     border-color: hsl(300, 62%, 66%);
}
 
 .report-box.grey-tint{
     background-color: hsl(210, 9%, 86%);
     border-color: hsl(210, 15%, 42%);
}
 .report-box.grey-tint hr{
     border-color: hsl(210, 15%, 42%);
}
 
 .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
 .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
 .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
 .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
 .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
 .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
 .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
 .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
     border-color: hsl(0, 0%, 67%);
}
 
 div.o5-box{ /* ---- Overseer Document Block ---- */
     margin: 1em 6em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 75%);
     border: medium solid hsl(0, 0%, 5%);
}
 div.o5-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
     margin-bottom: 1em;
     padding: 0 2em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px dashed hsl(0, 0%, 67%);
 
     font-family: var(--mono-font);
}
 
 .narration{ /* ---- Mimics the Pages of a Book ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 63%);
}
 
 .warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     border: medium solid hsl(0, 0%, 5%);
 
     text-align: center;
}
 .warning-notice hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */
     margin: 1em 0;
     padding: .9em;
 
     background-image:
       linear-gradient(to top,
          hsl(201, 33%, 84%) 0%,
          hsl(60, 29%, 89%) 8%);
     background-position: 0 8px;
     background-size: 100% 1.3rem;
     border: 1px solid hsl(0, 0%, 80%);
     border-radius: .9em;
 
     font-family: "Architects Daughter", cursive;
}
 .journal p{
     margin: 0;
 
     font-size: 1.3rem;
     line-height: 1.3rem;
}
 
 .sms-message{ /* ---- SMS Message Block ---- */
     float: left;
     clear: left;
     width: 22.4em;
     margin: 0 0 1em;
     padding: 0 1.2em;
 
     background: hsl(0, 0%, 75%);
     border-radius: 2em;
 
     font-size: 112.5%;
     text-align: center;
}
 
 blockquote .collapsible-block-folded,
 .alt-blockquote .collapsible-block-folded,
 .lightweight .collapsible-block-folded,
 .card-block .collapsible-block-folded,
 .report-box .collapsible-block-folded,
 .o5-box .collapsible-block-folded,
 .narration .collapsible-block-folded,
 .journal .collapsible-block-folded,
 div.blockquote .collapsible-block-folded{
     /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
     padding: .75em 0;
     /* -------- */
}
 blockquote .collapsible-block-unfolded,
 .alt-blockquote .collapsible-block-unfolded,
 .lightweight .collapsible-block-unfolded,
 .card-block .collapsible-block-unfolded,
 .report-box .collapsible-block-unfolded,
 .o5-box .collapsible-block-unfolded,
 .narration .collapsible-block-unfolded,
 .journal .collapsible-block-unfolded,
 div.blockquote .collapsible-block-unfolded{
     /* ---- For Collapsibles Inside Divs | [OPEN] ---- */
     padding-top: .75em;
     /* -------- */
}
 
/* -------- FORMATTING | [SPECIAL] -------- */
 .centered{ /* ---- Center-Aligns Text ---- */
     text-align: center;
}
 
 .justified{ /* ---- Justify-Aligns Text ---- */
     text-align: justify;
}
 
 .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
     text-indent: 2.4em;
}
 
 .indented .bibcite,
 .indented .bibitems,
 .indented .footnoteref,
 .indented .footnotes-footer,
 .indented .scp-image-block,
 .indented h1, .indented h2, .indented h3,
 .indented h4, .indented h5, .indented h6,
 .indented .image-container,
 .indented ol,
 .indented ul,
 .indented .centered{
     text-indent: 0;
}
 
 .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
     font-weight: bold;
}
 
 .rev-red{ /* ---- Red Document Revision Text ---- */
     color: hsl(360, 100%, 27%);
}
 
 .rev-green{ /* ---- Green Document Revision Text ---- */
     color: hsl(120, 100%, 27%);
}
 
 .rev-blue{ /* ---- Blue Document Revision Text ---- */
     color: hsl(240, 100%, 27%);
}
 
 .rev-yellow{ /* ---- Yellow Document Revision Text ---- */
     color: hsl(40, 100%, 40%);
}
 
 .terminal-span{ /* ---- Computer Terminal Text ---- */
     font-family: var(--mono-font);
     font-size: 110%;
     letter-spacing: .3px;
}
 
/* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
 .blinkbar{color: black; animation: blink 1.5s infinite;}
 @keyframes blink{to{opacity: .0;}}
 @keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }}
 @keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
 
 .lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */
     clear: both;
     margin: 3.6em auto;
}
 .lite-heading h3{
     color: hsl(360, 100%, 27%);
}
 .lite-heading hr{
     width: 55%;
     margin: auto;
 
     border-width: medium;
}
 
 div.image-showcase{ /* ---- Alternative Image Showcase ---- */
     width: 25em;
     margin-bottom: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 3px ridge hsl(0, 0%, 5%);
}
 div.image-showcase.block-center{
     margin-right: auto;
     margin-left: auto;
}
 
 .scene-break{ /* ---- Fancy Scene/Section Break ---- */
     width: 3.5em;
     margin: 2em 0;
}
 
 .listPagesNav{ margin-bottom: 5em; }
 .listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */
 .listPagesNav-next{
     width: 45%;
     margin: 0 0 1em;
     padding: 0 2%;
 
     background: hsl(0, 0%, 90%);
     border: 1px solid hsl(0, 0%, 60%);
}
 .listPagesNav-prev{
     float: left;
     text-align: left;
}
 .listPagesNav-next{
     float: right;
     text-align: right;
}
 
 .fade-away{
     background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%));
}
 
 .footing::before{ /* ---- Page Footing ---- */
     content: " ";
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
 
     border-bottom: 2px solid hsl(0, 0%, 47%);
}
 .footing{
     position: relative;
     bottom: -2px;
     margin-bottom: 2px;
 
     border-bottom: 1px solid hsl(0, 0%, 47%);
}
 
 .related-flex{ /* ---- Related Articles Box ---- */
     display: flex;
     justify-content: center;
}
 .related{
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: thick solid hsla(0, 0%, 60%, 0.5);
 
     text-align: left;
}
 
 .series-nav{ /* ---- Series Navigation ---- */
     margin: .5em 0;
 
     background:
       linear-gradient(to bottom right,
          hsla(0, 0%, 100%, 1),
          hsla(0, 0%, 50%, .5));
     border: outset 1.5px hsl(0, 0%, 5%);
     border-radius: 2em;
 
     font-size: 85%;
     font-weight: bold;
     text-align: center;
}
 
/* -------- ADVANCED WARNING HEADER --------
 * Adapted From 'SCP-001-JP - indonootoko's Proposal'
 * See the Example at the Top of the Page
**/
 .orderwrapper{
     position: relative;
     width: auto;
 
     text-align: center;
}
 .council{
     position: relative;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 295px;
     height: 295px;
     margin: auto;
 
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 295px 295px;
}
 .ordertitle{
     position: absolute;
     top: 27px;
     left: 0;
     right: 0;
}
 .ordertitle h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 220%;
     line-height: 90%;
}
 .orderdescription{
     position: absolute;
     top: 93px;
     left: 0;
     right: 0;
     width: 100%;
}
 .orderdescription h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 120%;
}
 .orderdescription p{
     color: hsl(0, 0%, 5%);
 
     font-size: 90%;
}
 .itemno{
     position: absolute;
     bottom: 18px;
     left: 0;
     right: 0;
}
 .itemno h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 170%;
}
 
/* -------- YUI TAB BASE -------- */
 .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* -------- YUI TAB CUSTOMIZATION --------
 * Adapted From 'Black Highlighter Theme'
**/
 .yui-navset *{
     transition:
          color 80ms cubic-bezier(.4, 0, .2, 1),
          background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
 
     border-color: hsl(360, 94%, 20%);
     box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: hsl(0, 0%, 5%);
     /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: hsl(0, 0%, 99%);
     /* -------- */
     background-image: none;
     border: unset;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: hsl(0, 0%, 96%);
     /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: hsl(360, 100%, 27%);
     /* -------- */
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
 
     background-color: hsl(0, 0%, 96%);
     border-color: transparent;
     box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
 
     /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: hsl(360, 94%, 20%);
     /* -------- */
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
 
     color: hsl(0, 0%, 96%) !important;
     background-image: none;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: hsl(0, 0%, 96%);
     background-color: hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav .selected a:hover{
     cursor: default;
}
 .yui-navset-left .yui-content{
     /* ---- Content Background ---- */
     background-color: hsl(0, 0%, 99%);
     /* -------- */
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border-color: hsl(0, 0%, 60%);
}
 
/* -------- PAGE TAGS -------- */
 #main-content .page-tags{
     border-top: 1px solid hsl(0, 0%, 73%);
}
 #main-content .page-tags a{
     display: inline-block;
     height: .8125rem;
     margin: 0 0 .5rem .75rem;
     padding: .1875rem .3125rem .1875rem 0;
 
     color: hsl(0, 0%, 95%);
     background-color: hsl(0, 0%, 27%);
     border-bottom-right-radius: .25rem;
     border-top-right-radius: .25rem;
 
     line-height: 13px;
     line-height: .8125rem;
     font-size: 11px;
     font-size: .6875rem;
     font-weight: normal;
}
 #main-content .page-tags a:before{
     width: 0;
     height: 0;
     top: -.1875rem;
     left: -.625rem;
     padding: 0 .0625rem .1875rem;
 
     border-color: transparent hsl(0, 0%, 27%) transparent transparent;
     border-style: solid;
     border-width: .5rem .5rem .5rem 0;
}
 #main-content .page-tags a:before,
 #main-content .page-tags a:after{
     content: "";
     position: relative;
     float: left;
}
 #main-content .page-tags a:after{
     width: .25rem;
     height: .25rem;
     top: .2813rem;
     left: -.5rem;
 
     background-color: hsl(0, 0%, 100%);
     border-radius: .125rem;
}
 #main-content .page-tags span{
     max-width: 100%;
     border-top: .5rem solid transparent;
}
 
/* -------- WIKIWALK NAVIGATOR -------- */
 .footer-wikiwalk-nav {
    text-align: center;
}
 
/* -------- INTERWIKI -------- */
 div.scpnet-interwiki-wrapper{
     margin-bottom: 2rem;
}
 iframe.scpnet-interwiki-frame{
     width: 17.75em;
     min-height: 4.25em;
     margin-left: 4px;
 
     background: hsl(127, 050%, 94%);
     border: 1px solid hsl(0, 0%, 20%);
}
 #interwiki body{
     overflow: hidden;
}
 #interwiki .side-block{
     padding: 5px;
 
     background: 0;
     border: 0;
     box-shadow: none;
}
 #interwiki .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: 1px solid hsl(0, 0%, 20%);
}
 #interwiki .menu-item img{
     display: none;
}
 
/* -------- SHOW-CHANGES HIGHLIGHTS -------- */
 .inline-diff ins::before{
     color: hsl(240, 100%, 93%);
}
 .inline-diff del::before{
     color: hsl(0, 100%, 90%);
}
 .inline-diff ins + del::before,
 .inline-diff del + ins::before{
     color: transparent;
}
 .inline-diff br + ins::before,
 .inline-diff br + del::before,
 .inline-diff ins:first-of-type::before,
 .inline-diff del:first-of-type::before{
     position: absolute;
     display: inline-block;
     left: -1em;
 
     content: "\f111";
     font: normal normal normal 16px/1 "FontAwesome";
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 
/* -------- PRESENTATION -------- */
 .templateInfo{
     margin: 1em 0;
     padding: 0 1em;
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 87%);
}
 
/* -------- CROQSTYLE ALTERATIONS -------- */
 #edit-page-textarea{ font-family: unset; }
 tt{
     background-color: unset;
     font-size: unset;
     padding: unset;
     margin: unset;
     border-radius: unset;
}
 
/* ---- BETTERFOOTNOTES PATCH ---- */
 :root{
     --posX: calc(50% - 358px - 13rem) !important;
     --fnLinger: 1.5s !important;
}
 .fnnum{
     font-size: 90%;
}
 .fnnum:hover + .fncon{
     right: calc(-8vw - 4rem) !important;
}
 
/* -------- REDUCED MOTION ACCESSIBILITY -------- */
 @media (prefers-reduced-motion: reduce){
     *, *::before, *::after{
          animation-duration: .001s !important;
          animation-iteration-count: 1 !important;
          transition-duration: .001s !important;
    }
}
 
/* -------- MOBILE MEDIA QUERY -------- */
 @media (max-width: 479px){
     #header h1 a{
          font-size: 85%;
    }
     div.image-showcase{
          width: 90%;
    }
     div.o5-box{
          margin: 1em 0;
    }
}
 
/* -------- NOTE MEDIA QUERY -------- */
 @media (min-width: 480px) and (max-width: 580px){
     #header h1 a{
          font-size: 100%;
    }
     div.image-showcase{
          width: 100%;
    }
     div.o5-box{
          margin: .5em;
    }
}
 
/* -------- MINI TABLET MEDIA QUERY -------- */
 @media (min-width: 581px) and (max-width: 767px){
     #header h1 a{
          font-size: 120%;
    }
}
 @media (max-width: 767px){
     .open-menu a:hover{
          box-shadow: none;
    }
}
 
/* -------- TABLET MEDIA QUERY -------- */
 @media (min-width: 768px) and (max-width: 979px){
     #header h1 a{
          font-size: 140%;
    }
}
[[/module]]