BLANKSTYLE CSS

```
.footnotes-footer {
display: none;
}
```

:root{
  --header-title: "S\0026 C PLASTICS";
  --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
}

div#extra-div-1 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    filter: opacity(20%);
}

```
display: none
```

```
anchor
```
```
sidebox
```
```
tableb
```
```
fnnum
```
```
fncon
```
```
table1
```
```
table2
```
```
table3
```
```
table4
```
```
table5
```
```
table6
```
```
tableb
```

[[iftags +theme]]

[[module css]]
.footnotes-footer {
display: none;
}
[[/module]]

[[div class="anchor"]]
[[div class="sidebox"]]
[[=]]
[[module ListPages name="=" limit="1"]]
[[div class="tableb"]]
||~ %%title%% ||
||= [[*user Placeholder McD]], _
[[*user HarryBlank]] ||
||~ Published March 2021 ||
[[/div]]

||=  Thank you to [[*user stormbreath]], [[*user EstrellaYoshte]], and [[*user Croquembouche]] for collectively creating most of the code that is included in this theme. ||
[[/module]]
[[/=]]
[[/div]]
[[/div]]

[[div]]
[[include :scp-wiki:info:start]]
[[=]]
**BLANKSTYLE CSS**
**By:** [[*user Placeholder McD]], [[*user HarryBlank]]

Thank you to [[*user stormbreath]], [[*user EstrellaYoshte]], and [[*user Croquembouche]] for collectively creating most of the code that is included in this theme. Especially Estrella.
[[/=]]
[[include :scp-wiki:info:end]]
[[/div]]

[[=]]
+* What Is This?
[[/=]]

This is Blankstyle CSS: a visual style created by [[*user Placeholder McD]] and [[*user HarryBlank]] for use in the latter's articles. It exists so it can be easily updated and applied across a wide range of works. It essentially functions as a Light-theme variant of [[*user EstrellaYoshte]]'s [[[*theme:penumbra|Penumbra Theme]]], plus several Blank-specific caveats.

**It almost certainly will not work with other themes, most of all Black Highlighter. Do not use this unless you know what you're getting into.**
----
[[=]]
+* How to Use
[[/=]]

To use this theme, please copy this syntax onto the top of your page:

> @@[[include :scp-wiki:theme:blankstyle]]@@

Note that this theme includes the following components:

* [[[*component:toggle-sidebar|Toggle Sidebar]]]
* [[[*component:fade-in|Fade-In]]] (set to {{speed=3}})
* [[[*component:acs-animation|ACS Animation]]]
* [[[*component:betterfootnotes|BetterFootnotes]]]

When using this theme in conjunction with the info-rate module, wrap the module in a {{[[div]]}} to ensure that the information panel is not delayed by the Fade-In.

This theme borrows code from [[*user PeppersGhost]]'s [[[*component:image-block-peppo|Image Block Peppo]]] and EstrellaYoshte which centers base images and image-blocks so that they appear more aesthetically on smaller screens (read: mobile). It also borrows Estrella's genius sidebox technology from the Penumbra Theme, and most of its code is derived from the [[[*theme:paperstack|Paperstack Theme]]].

To read about some of the additional features of BLANKSTYLE CSS, head to the discussion thread and view the patch notes.
----
[[=]]
+* ACS-COLORED TABLES
[[/=]]

The following tables with custom-colored header cells can be used by wrapping your table in a div, named "table1" through "table5", respectively[[span class="fnnum"]].[[/span]][[span class="fncon"]]Note that wrapping an scp-image-block in one of these divs will apply the same to its caption. Note, also, that this is a BetterFootnote, and details for its usage can be found at the above link.[[/span]]. These correspond to the 5 basic levels of the [[[*component:anomaly-class-bar|ACS Component Bar]]]. There is also a {{table6}} div for purple tables. 

||~ This is a normal table; ||
||= it is boring to test ||

[[div class="table1"]]
||~ This is a GREEN table; ||
||= it is fun to test. ||
[[/div]]

[[div class="table2"]]
||~ This is a BLUE table; ||
||= it, too, is fun to test. ||
[[/div]]

[[div class="table3"]]
||~ This is a YELLOW table; ||
||= it, too, is fun to test. ||
[[/div]]

[[div class="table4"]]
||~ This is an ORANGE table; ||
||= it, too, is fun to test. ||
[[/div]]

[[div class="table5"]]
||~ This is a RED table; ||
||= it's not so fun to test. ||
[[/div]]

[[div class="table6"]]
||~ This is a PURPLE table ||
||= it //is// the test ||
[[/div]]

Note: Purple is used to denote Thaumiel-class objects, and documents requiring Level 6 (Cosmic Top Secret) or 6/Provisional (Thaumiel-Proviso) clearance. This reflects the synaesthetic preferences of [[*user Placeholder McD]], and the willingness of Harry to include things I like in his articles.

= The {{tableb}} div will also separate cells within its tables.

[[div class="tableb"]]
||~ This is a BROKEN table; ||
||= it is //quite// fun to test! ||
[[/div]]

= ,,Harry has been formatting his tables manually for a long, long time. What a nerd.,,
----
[[=]]
+* Source Code
[[/=]]
[[/iftags]]

[[div [[iftags -theme]]style="display: none"[[/iftags]]]]
[[include :scp-wiki:component:toggle-sidebar]]

>[[ift{$fade}gs +theme]]
[[include :scp-wiki:component:fade-in speed=3]]
>[[/ift{$fade}gs]]

>[[ift{$acs}gs +theme]]
[[include :scp-wiki:component:acs-animation]]
>[[/ift{$acs}gs]]

[[include :scp-wiki:component:betterfootnotes]]
[[=]]
[[collapsible show="+ CODE" hide="- CODE"]]
[[<]]
[[module CSS show="true"]]
/*
    BLANKSTYLE CSS
    [2021 Wikidot Theme]
    By Placeholder McD and HarryBlank
    Based on:
       Paperstack Theme by EstrellaYoshte
       Penumbra Theme by EstrellaYoshte
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');

#page-content { font-size: .9rem; }

#main-content {
    top: -1.6rem;
    padding: 0.2em;
}

div#container-wrap {
     background-image: none;
}

div#header {
    background-image: none;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h2 { margin-top: 0.5rem; }
#header h1 span, #header h2 span { font-size: 0; display: none;}
#header h1 a::before, #header h2::before {
    color: #000;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif !important;
    text-shadow: none;
}

#header h1 a::before {
  content: var(--header-title, "R\0026 C SITE-43");
  font-weight: 400;
  font-size: 1.3em;
}

#header h2::before {
  content: var(--header-subtitle, "SUBVERTING COMMON PRACTICE");
  font-weight: 700;
  font-size: 1.2em;
}

@media (max-width: 707px) {
    #header h1 a::before {
        font-size: 1.6em;
    }
}

#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#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: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}

#search-top-box input.empty {
    color: #999999;
}
 
#search-top-box {
    top: 2.3rem!important;
    right: 8px;
}
 
#top-bar { 
   display: flex;
   justify-content: center;
   right: 0;
   top: 7.9rem;
}

#top-bar, #top-bar a {
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    letter-spacing: 1px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.45em;
}

div#extra-div-1 {
    height: 160px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablankstyle/43Head.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}

@media (max-width: 707px) {
    div#extra-div-1 {
        top: 15px;
    }
}

body {
    background-image: linear-gradient(
        to bottom,
        #e0e0e0, #e0e0e0 90px,
        #e0e0e0 90px, #ffffff 200px,
        #ffffff 200px, #ffffff 100%);
    background-repeat: no-repeat;
}

:root {
  --timeScale: 1.5;
  --timeDelay: 1.5s;
  --posX: calc(50% - 358px - 13rem);
  --fnLinger: 1s;
}

#page-content hr {
    background-color: #000;
}

#page-content tr th {
    padding: 6px;
    border: #000 1px solid;
}

#page-content tr td {
    padding: 12px;
    border: #000 1px solid;
    line-height: 1.4;
}

#page-content .sidebox tr td, 
#page-content .sidebox tr th {
    padding: 0.35em;
}

#side-bar {
    border-right: 1px solid #333;
    background: #DDD;
}

#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
#top-bar div.open-menu a {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
@media (max-width: 767px) {
    #side-bar:target {
        border: 1px black;
        box-shadow: none;
    }
}

#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    background-color: #FDF6D7;
}
#side-bar .side-block.media {
    background-color:#D7EFE7;
}
#side-bar .side-block.resources {
    background-color:#F5D8E0;
}

#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #000;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    border: solid 1px #000;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #ffffff;
    color: #333333;
    border: none;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }

.anchor {
    position: sticky;
    height:0;
    top: 0;
}
.sidebox {
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
@media (max-width: 1290px) {
    .sidebox {
        display: none;
        visibility: hidden;
    }

    #header h2::before {
        font-size: 0.9em !important;
    }
}

.scp-image-block {
    box-shadow: none;
}

/* ---- 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 ----*/
 
 .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: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .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;
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
     box-shadow: none;
}
 .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: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
    padding: .5em;
    border: 1px solid #333;
    box-sizing: border-box;
}

/*---- SCROLLBAR ----*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #FFF;
    border-left: 1px solid #333;
}

::-webkit-scrollbar-thumb {
     background: #CCC;
     border: #333 1px solid;
}

::-webkit-scrollbar-thumb:hover {
     background: #EEE;
}

/*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/

.imagediv {
    float: right;
    margin: 15px
}

@media (max-width: 540px) {
  .imagediv {
    float: none;
    text-align:center;
    margin: auto;
  }
}

@media only screen and (max-width: 600px) {
    .scp-image-block.block-right{
        float: none;
        margin: 10px auto;
    }
}

/*---- ACS-COLORED TABLE DIVS ----*/

#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
    background-color: #D7EFE7;
}

#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
}

#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
}

#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
    background-color: #FFDABF;
}

#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
    background-color: #F5D8E0;
}

#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
}

.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 2px;
}

.tableb .scp-image-block {
    border: none;
}

.tableb .scp-image-block img {
    border: #000 1px solid;
    box-sizing: border-box;
}

.tableb .scp-image-block .scp-image-caption {
    margin-top: 2px;
    border: #000 1px solid;
    box-sizing: border-box;
}

.top-left-box > .item {
  display: none;
}

/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
span, a { word-break: normal !important }

.avatar-hover { display: none !important; }

#breadcrumbs, .pseudocrumbs {
    text-align: center;
    padding-top: 10px;
}

#main-content .page-tags span {
    max-width: 100%;
}

/* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */

.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}
[[/module]]

[[iftags +s&c-plastics]]
[[module css]]
:root{
  --header-title: "S\0026 C PLASTICS";
  --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
}

div#extra-div-1 {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    filter: opacity(20%);
}
[[/module]]
[[/iftags]]
[[/<]]
[[/collapsible]]
[[/=]]
@@ @@
[[/div]]

BLANKSTYLE CSS

Module Styles

Inline Styles

Includes

CSS Classes

Page Source