SPC Black Highlighter Theme

Link to article: SPC Black Highlighter Theme.


@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
#page-title, #breadcrumbs {
    text-align: center !important;
}

.scp-image-block.block-right {
    margin: 1em 0 1em 2em;
}

.scp-image-block > a:first-of-type {
    background: var(--gradient-header);
}

.scp-image-block .printuser img.small {
    width: initial;
}

.scp-image-block img {
    min-width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.5em;
}

@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ashark-punching-centre-bhl/1")

(none)

```
code
```
```
SPCbox
```
```
SPCbox
```
```
SPCbox-filled
```
```
SPCbox-filled
```
```
SPCbox-dotted
```
```
SPCbox-dotted
```
```
SPCbox-dotted-filled
```
```
SPCbox-dotted-filled
```
```
CICAPOCOnotice
```
```
CICAPOCOnotice
```
```
DOnotice
```
```
DOnotice
```

[[iftags +theme]]
[[module CSS]]

@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
#page-title, #breadcrumbs {
    text-align: center !important;
}

.scp-image-block.block-right {
    margin: 1em 0 1em 2em;
}

.scp-image-block > a:first-of-type {
    background: var(--gradient-header);
}

.scp-image-block .printuser img.small {
    width: initial;
}

.scp-image-block img {
    min-width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.5em;
}
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css
]]

[[include :scp-wiki:component:interwiki-style
| priority=2
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css
]]

@@ @@

[[>]]
**Rating:**
[[module Rate]]
**Rating w/ Credit Module:**
[[/>]]
[[include :scp-wiki:info:start]]
Info about your page.
[[include :scp-wiki:info:more]]
More information about your page.
[[include :scp-wiki:info:end]]

++ Theme Colors:

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Theme Color
| color1-variable=--medium-accent
| color1-info=(40, 91, 122)
| color1-has-light-text=1
| color2-name=Secondary Color
| color2-variable=--dark-accent
| color2-info=(0, 42, 115)
| color2-has-light-text=1
| color3-name=Alternate Color
| color3-variable=--alt-accent
| color3-info=(190, 190, 255)
| color3-has-light-text=0
| color4-name=Vivid Theme Color
| color4-variable=--bright-accent
| color4-info=(0, 71, 194)
| color4-has-light-text=1
]]

[[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]]


------

This is a Black Highlighter-based theme by [[*user GreenGolem]]. This was created as an alternative for the [https://scp-wiki.wikidot.com/theme:spc 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 [https://scp-wiki.wikidot.com/theme:black-highlighter-theme here].

**To import this theme, add this to your page:**
[[div class="code"]]
@@[[include :scp-wiki:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:theme:shark-punching-centre-bhl]]@@
[[/div]]

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.[[footnote]] This is a footnote. [[/footnote]]

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

[[collapsible show="+ Titles!" hide="- Titles!"]]
++++++ First Title
+++++ Second Title
++++ Third Title
+++ Fourth Title
++ Fifth Title
+ Sixth Title
[[/collapsible]]

@@ @@

[[collapsible show="+ High Resolution SPC Logo" hide="- Hide Logo"]]
Image created by [[*user GreenGolem]] and [[*user JackalRelated]].
[[=image spc-logo.png]]
[[/collapsible]]

------

[[[This link doesn't exist.]]]
[https://scp-wiki.wikidot.com/adoption-poster-phoebe This link does exist.]

@@ @@

[[collapsible show="+ Click me, this is a Collapsible" hide="- Click to Hide"]]
You have been gnomed
[[/collapsible]]

@@ @@

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab 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.
[[/tab]]

[[tab 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.
[[/tab]]

[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

@@ @@

||~ 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

@@ @@

[[collapsible show="+ Custom Divs!" hide="- Custom Divs!"]]
[[div class="SPCbox"]]
Hello World! You can use this div class by using:

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

@@ @@

[[div class="SPCbox-filled"]]
This is the blue filled version of the previous div! Use it by putting:

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

@@ @@

[[div class="SPCbox-dotted"]]
Dotted/Dashed lines for whatever you need it for!

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

@@ @@

[[div class="SPCbox-dotted-filled"]]
Another blue filled version of a previous theme.

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

@@ @@

[[div class="CICAPOCOnotice"]]
[[=]]
**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

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

@@ @@

[[div class="DOnotice"]]
[[=]]
**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//

[[/=]]
[[/div]]
[[/collapsible]]


------

[[=]]
**Source Code:**
[[/=]]

[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]
/* 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;
}
[[/code]]
[[/collapsible]]
[[/iftags]]

[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ashark-punching-centre-bhl/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Ashark-punching-centre-bhl/1
]]

SPC Black Highlighter Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source