SpeedNoclippers Theme

This theme is created byLiurd.(4 a GOI which has the same name)

To import this theme to your page, put the following text anywhere inside it:

[[include :backrooms-wiki:theme:speednoclippers]]

Examples

JUST CLIP IT!

A horizontal rule can be created with 5 hyphens "-" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

---

Titles can be created by putting between one and six plus "+" at the start of the line

+titles

h1

h2

h3

h4

h5

h6

+sd example

SURVIVAL DIFFICULTY:

Class 0

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 1

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 2

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 3

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 4

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 5

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class unknown

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class n/a

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class habitable

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class deadzone

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class pending

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class amended

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class omega

• {$one}
• {$two}
• {$three}

tab1

Oh look a tab.

tab2

Look at me! I have more texts!

though I couldn't clip faster

long tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

looooooooooooooong tab

A waste of no-clipping time

This empty tab has a really long name for some odd reason. I wonder if it will influence my time?

prepare 4 speednoclip

just clip it.

empty tab

empty tab

empty tab

not an empty tab

yeah it is an tab

This is a blockquote, created by putting "> " at the start of each line.
More text

---

That's a horizontal rule

Nested blockquotes¹

This is a	table
You should know	how to make these
already	just clip

---

foot²
this text
is here
so you can
see how
everything looks
with different
formats^and
other_stuff
including links that do not
And links that do exist!

---

+titleblock

title
[[div class="titleblock"]]
[[span class="titlebox"]]title[[/span]]

[[/div]]

title
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]title[[/span]]

[[/div]]

+divs&quotes

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="styled-quote-d"]]

[[/div]]

[[div class="dark-styled-quote-d"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="borderblock"]]

[[/div]]

[[div class="dark-borderblock"]]

[[/div]]

+logoblocks

[[div class="logoblock"]]

[[/div]]

[[div class="border-logoblock"]]

[[/div]]

[[div class="noclipblock"]]





tips:put more words in it looks better.
[[/div]]

[[div class="dark-noclipblock"]]





tips:put more words in it looks better.
[[/div]]

[[div class="noclipblock-r"]]





tips:put more words in it looks better.
[[/div]]

[[div class="dark-noclipblock-r"]]





tips:put more words in it looks better.
[[/div]]

+shadowblocks

[[div class=''shadowblock'']]

[[/div]]

[[div class=''inset-shadowblock'']]

[[/div]]

+ Theme code

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
:root {
 --theme-base: "black-highlighter";
    --theme-id: "speednoclippers";
    --theme-name: "SpeedNoclippers Theme";
 
    /* Header */
    --logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg");
       --header-title: "SpeedNoclippers";
       --header-subtitle: "Just speed, just run.";
 
  /* Standard Colors */
    --white-monochrome: 248, 248, 255;
 
    --pale-gray-monochrome: 242, 242, 248;
 
    --light-gray-monochrome: 135, 170, 230;
 
    --gray-monochrome: 84, 144, 248;
 
    --black-monochrome: 0, 53, 145;
 
    --bright-accent: 84, 144, 248;
 
    --medium-accent: 31, 111, 247;
 
    --dark-accent: 0, 53, 145;
 
    --dark-gray-monochrome: 0, 53, 145;
 
/* rate */
   --rating-module-button-plus-color: var(--black-monochrome);
   --rating-module-button-negative-color: var(--dark-accent);
   --rating-module-button-cancel-color: var(--black-monochrome);
   --rating-module-button-credit-color: var(--black-monochrome);
 
/* link */
   --link-color: 0, 81, 255;
   --hover-link-color: 46, 172, 254;
   --visited-link-color: 70,130,180;
   --newpage-color: 156,56,156;
 
    --background-gradient-color: var(--light-gray-monochrome);
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   background-image: var(--logo-image);
   opacity: 1;
   pointer-events: none;
}
 
body::after {
    content: "";
    background-image: none;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: -1;
}
 
#skrollr-body {
  background-image: none;
}
 
#container {
  background-image: none;
}
 
#account-topbutton {
   border-color: rgb(var(--white-monochrome));
}
 
#account-options,
table.page-history td.optionstd a {
   border-color: rgb(var(--black-monochrome));
}
 
/* image-block */
.scp-image-block {
    border: none;
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--black-monochrome));
    background-color: rgb(var(--dark-gray-monochrome));
}
 
/*rateblock*/
 
.page-rate-widget-box {
    background-color:rgb(var(--white-monochrome));
    border: 0.2rem solid rgba(var(--black-monochrome));
}
 
/* TABVIEW */
 
.yui-navset .yui-content {
   background-color:rgba(var( --light-gray-monochrome), .25);
     border-color: rgba(var(--dark-accent), 1);
}
 
.yui-nav {
     border-color: rgba(var(--dark-accent), 1);
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--light-gray-monochrome), .25);
    color:rgb(var(--black-monochrome));
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--gray-monochrome));
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--dark-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--dark-accent), 1);
}
/* blockquote */
blockquote, div.blockquote {
    border: 1px dashed;
    background-color: rgba(135,170,230,.25);
    background-opacity: 0.4
}
 
/* [[code]] */
.code {
    border: 1px solid;
    background-color: rgba(135,170,230,.25);
}
 
/*titleblock*/
 
.titleblock {
   background-color: rgb(var(--white-monochrome));;
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(var(--dark-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--dark-gray-monochrome));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--dark-gray-monochrome));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(255,255,255) 2px;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--white-monochrome));
  color: rgb(0,0,0);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
/*div&block*/
 
.darkblock a{
   color: #bbbbbb;
}
 
.styled-quote {
   background-color:rgb(var(--white-monochrome));;
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
}
 
.darkblock {
   background-color:rgb(var(--dark-gray-monochrome));
}
 
.dark-styled-quote {
   background-color:rgb(var(--dark-gray-monochrome));;
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
}
 
.dark-styled-quote a{
   color: #bbbbbb;
}
 
.styled-quote-d {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
   border-right: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgb(var(--white-monochrome));
   border-right: 0.5rem solid rgb(var(--white-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d a{
   color: #bbbbbb;
}
 
.borderblock{
    background-color:rgb(var(--white-monochrome));
    border: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock{
   background-color:rgb(var(--dark-gray-monochrome));
   border: 0.5rem solid rgb(var(--white-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock a{
   color: #bbbbbb;
}
 
/*image blocks*/
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
     border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
.noclipblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    }
 
.noclipblock::after{
    content: "";
    border: solid 2px #0000;
    background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) left no-repeat;
background-position: left;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
.noclipblock-r{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    }
 
.noclipblock-r::after{
    content: "";
    float: left;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) right no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
.dark-noclipblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--black-monochrome));
    color:rgb(var(--white-monochrome));
    }
 
.dark-noclipblock::after{
    content: "";
    float: left;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) left no-repeat;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
.dark-noclipblock-r{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--black-monochrome));
    color:rgb(var(--white-monochrome));
    }
 
.dark-noclipblock-r::after{
    content: "";
    float: left;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) right no-repeat;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
 
/*shadowblocks*/
.shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: 0.5rem 0.5rem rgb(0,53,145);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--pale-gray-monochrome));
    }
 
.inset-shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: inset 5em 1em rgba(31,111,247,.25), inset 8em 2em rgba(84,144,248,.25), 0.1rem 0.2rem 0.2rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
     border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.interwiki1 {
 
    background: rgb(var(--light-gray-monochrome));
    margin: 10px 15px;
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    box-sizing: border-box;
    /*width: 15em;*/
    width: calc(var(--base-font-size*0.93333*19));
 
}
 
.interwiki1_title {
 
    color: rgb(var(--black-monochrome));
    border-bottom: solid 1px rgb(var(--black-monochrome));
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
 
}
 
.interwiki1_entry {
 
    position: relative;
    margin: 2px 0;
 
}
 
.interwiki1_entry p::before {
 
    content: "■";
    font-size: 9px;
    color: rgb(var(--black-monochrome));
    position: relative;
    margin: 0 7px 0 5px;
    bottom: 3px;
 
}
 
.interwiki1_entry a, .interwiki1_entry a:visited {
 
    font-weight: bold;
    color: rgb(var(--black-monochrome));
    text-decoration: none;
    background: transparent;
 
}
 
.interwiki1_entry a:hover {
    color: rgb(var(--black-monochrome));
    background-color: transparent;
    text-decoration: underline;
 
/* ==SD CLASS CODE== */
 
.sd-container .header-diamond .diamond-image {
    -webkit-mask: none !important;
    mask: none !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
 
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.bottom-box ul li {
   color: rgb(var(--black-monochrome)) !important;
}
 
.bottom-box ul li:before {
   background: rgb(var(--black-monochrome)) !important;
}
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box {
   border-color: rgb(0,53,145) !important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(0,53,145,1) 0%, rgba(0,53,145,0) 36%) !important;
}
 
.header-diamond,
.header-diamond::after {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23003591;%7D .st1%7Bfill:%23003591;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box:before {
    background: url("") !important;
}
 
.header-diamond .diamond-pattern {
    background: url("") !important;
}
 
.top-box.class-0 {
   background: #3874f8 !important;
}
 
.top-box.class-0 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd0") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-0 {
   background: #3874f8 !important;
}
 
.top-box.class-1, .top-box.class-2 {
   background: #3874f8 !important;
}
 
.top-box.class-1 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd1") center/78% no-repeat !important;
}
 
.top-box.class-2 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd2") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-1,
.header-diamond .diamond-color.class-2 {
   background: #3874f8 !important;
}
 
.top-box.class-3, .header-diamond .diamond-color.class-3 {
   background: rgb(70,130,180) !important;
}
 
.top-box.class-3 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd3") center/78% no-repeat !important;
}
 
.top-box.class-4 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd4") center/78% no-repeat !important;
}
 
.header-diamond .diamond-color.class-3, {
   background: rgb(70,130,180) !important;
}
 
.top-box.class-4, .top-box.class-5, .header-diamond .diamond-color.class-4,
.header-diamond .diamond-color.class-5 {
   background: #0047c3 !important;
}
 
.top-box.class-5 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd5") center/78% no-repeat !important;
}
 
.top-box.class-unknown {
   background: #bbbbbb !important;
}
 
.header-diamond .diamond-color.class-unknown {
   background: #bbbbbb !important;
}
 
.top-box.class-unknown .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd%3F") center/78% no-repeat !important;
}
 
.top-box.class-n\/a .header-diamond:after {
   filter: none !important;
}
 
.top-box.class-n\/a {
   background: #bbbbbb !important;
}
 
.header-diamond .diamond-color.class-n\/a {
   background: #bbbbbb !important;
}
 
.top-box.class-n\/a .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdna") center/78% no-repeat !important;
}
 
.top-box.class-habitable {
   background: #33ff55 !important;
}
 
.header-diamond .diamond-color.class-habitable {
   background: #33ff55 !important;
}
 
.top-box.class-habitable .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdh") center/78% no-repeat !important;
}
 
.top-box.class-deadzone {
   background: #ff3433 !important;
}
 
.header-diamond .diamond-color.class-deadzone {
   background: #ff3433 !important;
}
 
.top-box.class-deadzone .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sddz") center/78% no-repeat !important;
}
 
.top-box.class-pending {
   background: #bbbbbb !important;
}
 
.header-diamond .diamond-color.class-pending {
   background: #bbbbbb !important;
}
 
.top-box.class-pending .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdpd") center/78% no-repeat !important;
}
 
.top-box.class-amended .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdam") center/78% no-repeat !important;
}
 
.top-box.class-omega .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdom") center/105% no-repeat !important;
}

---

+author

~Liurd
image and sds（except n/a）designed by me with icons from pictograms2.com
“n/a”byNull0
greenlit by CutTheBirch
thx 4 TaRtaR0S&CutTheBirch's guide

Footnotes

1. this is a footnote!

2. note