What Is This?

This is Blankstyle CSS: a visual style created by Placeholder McDPlaceholder McD and HarryBlankHarryBlank 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 EstrellaYoshteEstrellaYoshte's 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-cs:theme:blankstyle]]

Note that this theme includes the following components:

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 PeppersGhostPeppersGhost's 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 Paperstack Theme.

To read about some of the additional features of BLANKSTYLE CSS, head to the discussion thread and view the patch notes.


The following tables with custom-colored header cells can be used by wrapping your table in a div, named "table1" through "table5", respectively.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.. These correspond to the 5 basic levels of the ACS Component Bar.

This is a normal table;
it is boring to test
This is a GREEN table;
it is fun to test.
This is a BLUE table;
it, too, is fun to test.
This is a YELLOW table;
it, too, is fun to test.
This is an ORANGE table;
it, too, is fun to test.
This is a RED table;
it's not so fun to test.

The tableb div will also separate cells within its tables.

This is a BROKEN table;
it is quite fun to test!

Harry has been formatting his tables manually for a long, long time. What a nerd.

Source Code

/* source: */
/* This should fix the open-menu button in mobile view */
#top-bar a {
background-size: 0 !important;
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
@media (min-width: 768px) {
    .mobile-top-bar, #top-bar .open-menu {
        display: block;
    .mobile-top-bar li {
        display: none;
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    #side-bar {
        display: block!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    #top-bar .open-menu a:hover {
        text-decoration: none;
    .close-menu {
        margin-left: 19em;
        opacity: 0;

Není-li uvedeno jinak, obsah této stránky je pod licencí Creative Commons Attribution-ShareAlike 3.0 License