SPC Black Highlighter Theme

Rating:

Rating w/ Credit Module:

• 

  close

  Info

  ---

  X

  Info about your page.

  ---

  More information about your page.

  ---

Theme Colors:

Theme Color--medium-accent(40, 91, 122)

Secondary Color--dark-accent(0, 42, 115)

Alternate Color--alt-accent(190, 190, 255)

Vivid Theme Color--bright-accent(0, 71, 194)

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

This is a Black Highlighter-based theme by GreenGolem. This was created as an alternative for the Sigma-9-based SPC theme. This theme is created specifically for the Shark Punching Center GOI.

You need to import the Black Highlighter theme as well in order to use this theme. To learn more about the Black Highlighter theme, go here.

To import this theme, add this to your page:

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:shark-punching-centre-bhl]]

Horizontal rules are created with 5 hyphens "- - - - -" and extends across the entire page if not placed inside anything (eg a blockquote). The line separating pages of this document are horizontal rules.¹

Titles can be created by putting between 1 and 6 plus signs ("+") at the start of the line.

+ Titles!

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

+ High Resolution SPC Logo

Image created by GreenGolem and JackalRelated.

---

This link doesn't exist.
This link does exist.

+ Click me, this is a Collapsible

You have been gnomed

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

Longer Tab

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

Empty Tab

This is a	Table
You should know	how to make these
Already

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

---

That's a horizontal rule.

Nested blockquotes

+ Custom Divs!

Hello World! You can use this div class by using:

[[div class="SPCbox"]]
[[/div]]

This is the blue filled version of the previous div! Use it by putting:

[[div class="SPCbox-filled"]]
[[/div]]

Dotted/Dashed lines for whatever you need it for!

[[div class="SPCbox-dotted"]]
[[/div]]

Another blue filled version of a previous theme.

[[div class="SPCbox-dotted-filled"]]
[[/div]]

NOTICE FROM THE CENTRAL INTELLIGENCE COORDINATION AND PROJECTS OPERATION COMMAND OFFICE

---

Centre personnel are to be reminded that in order to use this div, you need to insert:

[[div class="CICAPOCOnotice"]]
[[/div]]

-Dr. August Solstice, Boxercrat, CICAPOCO

FROM THE DESK OF ORACLE

Personnel need the urgent reminder that in order to use this div, you shall use:

[[div class="DOnotice"]]
[[/div]]

~Grand Master Joseph Marlin, Artisan Workers' Cohort of Yerevan, O-13

---

Source Code:

+ Show theme code

/* Header Elements */
 
:root {
    --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
    --header-title: "SPC DATABASE";
    --header-subtitle: "SHARK PUNCHING CENTER";
 
    --rating-module-bg-color: 232, 240, 255;
    --rating-module-bottom-border-color: 0, 35, 94;
    --newpage-color: var(--alt-accent);
 
    /* ===THEME COLORS=== */
    /* subdued theme color, for visited links */
    --pale-accent: 20, 20, 210;
    /* vivid theme color, the "default" accent color */
    --bright-accent: 0, 71, 194;
    /* theme color */
    --medium-accent: 40, 91, 122;
    /* darker theme color */
    --dark-accent: 0, 42, 115;
    /* alternate accent color, for newpage links */
    --alt-accent: 190, 190, 255;
 
    --modal-header-bg: 150, 191, 255;
 
}
 
#main-content {
    --tables-header-bg: 0, 71, 194;
    --footnotes-footer-colorbar-color: 0, 42, 115;
    --pagetags-title-bg: 0, 42, 115;
    --blockquote-border-color: 0, 42, 115;
}
 
#content-wrap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    pointer-events: none;
    background-image: url('http://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/band.png');
    opacity: 0.5;
}
 
#page-title,
.meta-title {
    color: rgb(0, 0, 200);
}
 
.SPCbox {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
}
 
.SPCbox-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
 
.SPCbox-dotted {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
}
 
.SPCbox-dotted-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
 
.CICAPOCOnotice {
    border: #999999 1px solid;
    background-color: lightblue;
    padding: 5px;
    margin-bottom: 10px;
}
 
.DOnotice {
    border: hsl(0, 0%, 5%) 2px solid;
    background: hsl(208, 67%, 44%);
    padding: 5px;
    margin-bottom: 10px;
    color: hsl(208, 100%, 97%);
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0, 42, 115);
}
 
hr {
    color: rgb(0, 42, 115);
    background: rgb(0, 42, 115);
    border: rgb(0, 42, 115) 1px solid;
}

Footnotes

1. This is a footnote.