Valravn's Theme

Link to article: Valravn's Theme.

@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Avalravn/1');

```
width:300px;
```
```
width:width:300px;;
```

font-family: var(--decorative-font2); font-size:100%;

font-family: var(--decorative-font2); font-size:400%;

font-family: var(--header-font); font-size: 1.2em;

font-family: var(--title-font); font-size: 1.2em;

font-family: var(--body-font); font-size: 1.2em;

font-family: var(--mono-font); font-size: 1.2em;

font-family: var(--decorative-font); font-size:300%;

font-family: var(--decorative-font2); font-size:300%;

```
display: none
```

```
blockquote
```
```
scp-image-block
```
```
block-right
```
```
scp-image-caption
```
```
code
```

[[iftags +theme]]

[[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
]]

[[>]]
[[module Rate]]
[[/>]]

-----
++ What is this?
[[div class="blockquote"]]
This theme was developed by [[*user Kilerpoyo]] to be used in conjunction with tales and GOI articles written about and for the Valravn Corporation GOI.

This theme is a modified extension of the Present Malice theme by [[*user JackalRelated]].
[[/div]]
----

[[=]]
+ Theme Colors
[[/=]]

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Pax Vikinga
| color1-variable=--pax-vikinga
| color1-info=( 255, 128, 0)
| color1-has-light-text=1
| color2-name=White Raven
| color2-variable=--white-raven
| color2-info=(234, 238, 239)
| color2-has-light-text=0
| subcolor1-name= Mistral Mithril
| subcolor1-variable=--mistral-mithril
| subcolor1-info=(151, 144, 102)
| subcolor1-has-light-text=1
| subcolor2-name= Sundowner Silver
| subcolor2-variable=--sundowner-silver
| subcolor2-info=(146, 166, 165)
| subcolor2-has-light-text=1
| subcolor3-name= Monsoon Aurora
| subcolor3-variable=--monsoon-aurora
| subcolor3-info=(20,180,204)
| subcolor3-has-light-text=1
| subcolor4-name=Black Raven
| subcolor4-variable=--black-raven
| subcolor4-info=(20, 20, 20)
| subcolor4-has-light-text=1
| subcolor5-name=Jotun's Blue
| subcolor5-variable=--jotun-blue
| subcolor5-info=( 8, 143, 143)
| subcolor5-has-light-text=1
| subcolor6-name=Nordic Seaweed
| subcolor6-variable=--nordic-seaweed
| subcolor6-info=(1, 58, 64)
| subcolor6-has-light-text=1
]]

----

[[div class="scp-image-block block-right" style="width:300px;"]]
[[image 	http://scp-wiki.wikidot.com/local--files/theme:valravn/valblack]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
Valravn Corporation Rune
[[/div]]
[[/div]]

++ Note: This is a Black Highlighter based theme. You will need to import the Black Highlighter theme as well in order to use this theme. [[[theme:black-highlighter-theme|To learn more go here]]].
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

On any wiki:

[[div class="code"]]
@@[[include :scp-wiki:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:component:toggle-sidebar-bhl]]@@
@@[[include :scp-wiki:theme:present-malice]]@@
@@[[include :scp-wiki:theme:valravn]]@@
[[/div]]

I recommend using this theme with [[*user Woedenaz]]'s [[[component:toggle-sidebar-bhl|BHL Toggle Sidebar]]]. If you want it removed, simply remove its include above.
-----

@@ @@
+ Examples

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

[[collapsible show="+ Titles" hide="- Titles"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[tabview]]
[[tab Tabulator]]
Just use your imagination and pretend there's `Lorem Ipsum` here.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
[[span style="font-family: var(--decorative-font2); font-size:100%;"]]  
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.

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.
[[/span]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
"Pleasure doing business with you, may you uh… dine on the playing field?"
[[/tab]]
[[tab Empty Tab]]
caw caw caw!
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[=]]
[[span style="font-family: var(--decorative-font2); font-size:400%;"]] Gondul was here [[/span]]
[[/=]]
[[/tab]]
[[/tabview]]
@@ @@
> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes
>>> And another[[footnote]] And here's a footnote! [[/footnote]]
@@ @@
||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||

----

[[=]]
[[span style="font-family: var(--header-font); font-size: 1.2em;"]]THE HEADER FONT IS COMIC RUNES[[/span]]
[[span style="font-family: var(--title-font); font-size: 1.2em;"]]The Title font is Courier Prime.[[/span]]
[[span style="font-family: var(--body-font); font-size: 1.2em;"]]The Body font is Jost.[[/span]]
[[span style="font-family: var(--mono-font); font-size: 1.2em;"]]The Monospace font used is Anonymous Pro.[[/span]]
[[span style="font-family: var(--decorative-font); font-size:300%;"]]THE DECORATIVE FONTS USED ARE ODINS SPEAR.[[/span]]
[[span style="font-family: var(--decorative-font2); font-size:300%;"]]and ODINS SPEAR RAGGED HOLLOW.[[/span]]
[[/=]]

-----

[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]

/*
   Valravn's Theme
   [2022 Wikidot Theme]
   by Kilerpoyo
          an extension of the Present Malice Theme by JackalRelated
*/

@import url('https://scp-wiki.wikidot.com/local--files/theme:valravn/nocurves.css');
@import url('https://scp-wiki.wikidot.com/local--files/theme:valravn/odinspear.css');
@import url('https://scp-wiki.wikidot.com/local--files/theme:valravn/comic-runes.css');

:root {

    --theme-id: "valravn";
    --theme-name: "Valravn Corporation Theme";

    --logo-image: url("http://scp-wiki.wikidot.com/local--files/theme:valravn/valwhite") !important;
    --header-title: "VALRAVN CORPORATION";
    --header-subtitle: "We feast on the Battlefield.";

    /* Valravn theme palette */
    --nordic-seaweed: 1, 58, 64;
    --pax-vikinga: 17, 95, 105;
    --black-raven: 20, 20, 20;
    --white-raven: 234, 238, 239;
    --blue-raven: 12, 185, 204;
    --mistral-mithril: 151, 144, 102;
    --sundowner-silver: 146, 166, 165;
    --monsoon-aurora: 20, 180, 204;
    --jotun-blue: 8, 143, 143;
    --dirty-mithril: 134, 127, 91;
    --bright-mithril: 118, 108, 50;

    /* Typefaces */
    --header-font: 'comic_runesregular', 'nocurvesboustrophedonregular';
    --decorative-font: 'odins_spearregular', Verdana;
    --decorative-font2: 'odins_spear_ragged_hollowRg', Verdana;

    /* Replace Present Malice vars with Valravn vars */
    --light-stars-blue: var(--mistral-mithril);
    --medium-stars-blue: var(--nordic-seaweed);
    --dark-stars-blue: var(--pax-vikinga);
    --chris-blood: var(--pax-vikinga);
    --umbrella-red: var(--pax-vikinga);
    --barry-magnum: var(--white-raven);
    --werskers-shades: var(--black-raven);
    --jills-shoulderpads: var(--nordic-seaweed);

    /* Extra tweaks */
    --dark-accent: var(--nordic-seaweed);
    --visited-link-color: var(--pax-vikinga);
    --link-color: var(--jotun-blue);
    --rating-module-button-plus-color: var(--monsoon-aurora);
    --swatch-topmenu-bg-color: var(--mistral-mithril);
    --swatch-topmenu-border-color: var(--mistral-mithril);

}

#top-bar {
    --topmenu-category-hover-bg: var(--bright-mithril);
    --topmenu-hover-border-color: var(--dirty-mithril);
    --dropdown-bg-color: var(--nordic-seaweed), 0.9;
}

#header {
    --swatch-headerh1-color: var(--white-raven);
    --login-username-color: var(--white-raven);
}

#side-bar {
    --sidebar-resources-bg-color: var(--nordic-seaweed);
    --sidebar-media-bg-color: transparent;
}

#main-content {
    --tabs-bg: var(--nordic-seaweed);
    --tabs-selected-bg: var(--pax-vikinga);
    --tabs-selected-outline: var(--pax-vikinga);
    --tabs-hover-bg: var(--mistral-mithril);
    --tables-header-bg: var(--mistral-mithril);
    --footnotes-footer-bg-color: var(--white-raven);
    --tables-body-bg: var(--sundowner-silver), 0.25;
}

.yui-navset .yui-content {
    background-color: rgba(var(--white-raven));
}

#footer {
    --footer-bg-color: var(--mistral-mithril);
}

/* Paper note component */

.papernote {
    background-color: rgba(var(--white-raven));
    color: rgba(var(--black-raven)) !important;
    padding: 0.1rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
    margin-left: 0.5em;
    margin-right: 0.5em;
}

/* Image block component */
.scp-image-block{
    color: rgba(var(--white-raven)) !important;
}

/* Simple terminal component */

.danke {
    padding: 5px;
    margin-bottom: 10px;
    font-family: monospace;
    font-size: 1.1em;
}

.agent {
    background-color: rgba(var(--black-raven));
    border: 3px solid rgba(var(--monsoon-aurora));
    color: rgba(var(--monsoon-aurora));
}

.site {
    background-color: rgba(var(--black-raven));
    border: 3px solid rgba(var(--monsoon-aurora));
    color: rgba(var(--monsoon-aurora));
}

[[/code]]
[[/collapsible]]
[[/iftags]]
[[iftags +theme]][[div style="display: none"]][[/iftags]]
[[include :scp-wiki:theme:present-malice]]
[[iftags +theme]][[/div]][[/iftags]]
[[module CSS]]
@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Avalravn/1');
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=4
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Avalravn/1
]]

Valravn's Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source