Dark Dealings Theme

Link to article: Dark Dealings Theme.

@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/1);

@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/2);

@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/3);

@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/4);

@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/5);

```
font-family:var(--decorativeFont);
```
```
display: none;
```
```
margin-top: -10px;
```
```
width:300px;
```
```
width:width:300px;;
```
```
width:300px;
```
```
width:width:300px;;
```
```
font-family:'Cinzel Decorative', serif;
```
```
font-family: 'Cutive Mono', monospace;
```
```
font-family: 'PT Serif Caption', serif;
```
```
font-family: 'Roboto', sans-serif;
```

```
anchor
```
```
inc-authorbox
```
```
place-authorbox
```
```
tableb
```
```
blockquote
```
```
blockquote
```
```
scp-image-block
```
```
block-right
```
```
sunset
```
```
scp-image-caption
```
```
bt
```
```
scp-image-block
```
```
block-right
```
```
vesper
```
```
scp-image-caption
```
```
bt
```
```
bt
```
```
blockquote
```
```
blockquote
```
```
gradient
```
```
blockquote
```
```
gradient
```
```
roman
```
```
blockquote
```
```
roman
```
```
fancybox
```
```
blockquote
```
```
fancybox
```
```
justified
```
```
indented
```
```
blockquote
```
```
justified
```
```
indented
```
```
bt
```
```
nightfall
```
```
bt
```
```
vesper
```
```
bt
```
```
sunset
```
```
blockquote
```
```
nightfall/vesper/sunset
```
```
licensebox
```
```
centered
```

[[div class="anchor inc-authorbox"]]
[[div class="place-authorbox"]]
[[=]]
[[div class="tableb"]]
[[module ListPages name="="]]
||~ %%title%% ||
||= **By:** %%created_by_linked%% ||
||~  [[span style="font-family:var(--decorativeFont);"]]PUBlISheD: %%created_at|%d/%m/%y%% [[/span]]||
[[/module]]
[[/div]]
[[/=]]
[[/div]]
[[/div]]

[[div style="display: none;"]]
[[include :scp-wiki:component:centered-header-sigma-9]]
[[include :scp-wiki:component:toggle-sidebar]]
[[/div]]

[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/1);
[[/module]]

[!-- {$inc-logo}]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/2);
[[/module]]
[!-- --]

[!-- {$inc-sunset}]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/3);
[[/module]]
[!-- --]

[!-- {$inc-vesper}]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/4);
[[/module]]
[!-- --]

[!-- {$inc-authorbox}]
[[module CSS]]
@import url(https://scp-wiki.wdfiles.com/local--code/theme:dark-dealings/5);
[[/module]]
[!-- --]

[[iftags +theme]]

[[=]]
[[module Rate]]
[[/=]]
[[include :scp-wiki:component:author-label-source start=--
|name=TheDarkArtist
|center=*]]
"Lorem ipsum"
[[include :scp-wiki:component:author-label-source end=--]]
----

[[div class="blockquote"]]
@@ @@ @@ @@ [[size 200%]]wɪərzɪ[[/size]]

@@ @@ @@ @@ /wɪərzɪ/

@@ @@ zaɪəryɪvɪ ʰwɪza; yɪvɪʰwɪər zaɪər.
[[/div]]

[[collapsible show="‡ TRANSlate ‡" hide="‡ CLOSE TRANSLATION ‡"]]
[[div class="blockquote"]]
@@ @@ @@ @@ [[size 200%]]night·fall.[[/size]]

@@ @@ @@ @@ /'naɪt.fɔl/

//noun//

@@ @@ the close of the day; the coming of night.
[[/div]]
[[/collapsible]]

----

[[=]]
Following the Foundation's failed attempt to assassinate the goddess Yvith, the world is plunged into eternal night. Creatures of the night run rampant and higher beings, once incomprehensible, walk among us. This is the tale of Xerophylla and the eternal night of Yvith.
[[div style="margin-top: -10px;"]]
[[size 75%]]//-- Canon Hub//[[/size]]
[[/div]]

----
+ tHE BLOoD moOn IS rIsing
----
[[/=]]

[[include :scp-wiki:component:image-block-base
|name=https://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/moon1.png
|caption=NIGHTFALL.
|align=right
]]

This is //Dark Dealings Theme//, a [[[sigma-9-themes|Sigma-9 theme]]] for the [[[nightfall-hub|NIGHTFALL]]] canon.

It is a revised version of [http://www.wikidot.com/user:info/fish-12 Fish^12]'s (deleted) Classy Victoria theme and is a fork of [[[theme:penumbra|Penumbra]]] by [http://www.wikidot.com/user:info/estrellayoshte EstrellaYoshte].

Other than that, it borrows elements from [[[theme:penumbra-bhl|Penumbra BHL]]], [[[theme:ad-abyssum|Ad Abyssum Theme]]], [[[theme:placestyle|PLACESTYLE CSS]]] and [[[theme:flopstyle-dark|Flopstyle: DARK]]]; by [http://www.wikidot.com/user:info/estrellayoshte EstrellaYoshte], [http://www.wikidot.com/user:info/yossipossi Yossipossi], [http://www.wikidot.com/user:info/placeholder-mcd Placeholder McD] and [http://www.wikidot.com/user:info/lt-flops Lt Flops], respectively.

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

Paste this in your page to get the theme:
> {{@@[[include :scp-wiki:theme:dark-dealings]]@@}}
The theme comes integrated with [[[component:centered-header-sigma-9|Centered Header Sigma-9]]] by [http://www.wikidot.com/user:info/lt-flops Lt Flops] and [[[component:toggle-sidebar|Toggle Sidebar]]] by [http://www.wikidot.com/user:info/estrellayoshte EstrellaYoshte].

Check out the sidebar, by the way. [[[theme:dark-dealings#side-bar|(Click me)]]]

[[=]]
----
+ CuStOMIzatIOn
[[/=]]

Most Nightfall articles have different subtitles, if you want a custom subtitle, add the following CSS Module after the {{[[include]]}}:

> {{[[module CSS]]}}
> {{@@:root {@@}}
> @@       @@{{@@--@@headerSubtitle: "YOUR SUBTITLE";}}
> {{@@}@@}}
> {{[[/module]]}}

[[div class="scp-image-block block-right sunset" style="width:300px;"]]
[[image sunset-blurb.jpg]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
= [[span class="bt"]]SUnseT[[/span]]
If you are writing a tale set before Nightfall, add {{|inc-sunset=@@--@@}} to your include module.
[[/div]]
[[/div]]

[[div class="scp-image-block block-right vesper" style="width:300px;"]]
[[image vesper-blurb.png]]
[[div class="scp-image-caption" style="width:width:300px;;"]]
= [[span class="bt"]]VesPeR[[/span]]
Alternative option for Sunset tales, add {{|inc-vesper=@@--@@}} to your include module.
[[/div]]
[[/div]]

You can also choose to have a logo, by adding {{|inc-logo=@@--@@}}, or to have an authorbox, by adding {{|inc-authorbox=@@--@@}}.

[[=]]
----
+ Standard Formatting
[[/=]]

This is a (standard) horizontal rule, "@@----@@". You make these with four (or more, technically) dashes.
----

[[=]]
Normal Text | **Bold Text** | //Italic Text// | __Underlined Text__
 --Strikethrough Text-- | {{Monospaced Text}} | ,,Subscript Text,, 
^^Superscript Text^^ | [# Link Text] | [[[this-is-a-non-existent-link-right-yeah-idk-why-someone-would-use-this-url|Newpage Link]]] | ##94b21c|Colored Text## | [[span class="bt"]]bt span Text[[/span]]
[[/=]]

----

~~~~

[[>]]
**Rating Module**
[[module Rate]]

**Info Module**
[[include :scp-wiki:info:start]]
= NIGHTFALL
[[include :scp-wiki:info:more]]
= [[[nightfall-hub|NIGHTFALL]]]
[[include :scp-wiki:info:end]]
[[/>]]


These are titles, you can make them by prefacing your text with one to six "+".
This is also a collapsible.

[[collapsible show="‡ TitLeS ‡" hide="‡ hIDe TitLeS ‡"]]
+ Prince
++ Duke
+++ Marquis
++++ Earl
+++++ Viscount
++++++ Baron
[[/collapsible]]

[[div class="blockquote"]]
This is a blockquote
[[div class="blockquote"]]
This blockquote is nested
[[/div]]
[[/div]]

||~ Why would someone ||~ Use tables on Nightfall?||
||It is not something I know,||yet here these are.[[footnote]]I don't know why you'd use footnotes either, but here they are.[[/footnote]]||

----

[[=]]
+ Custom Formatting
[[/=]]

This is a (gradiented) horizontal rule, "@@----@@" within a "{{gradient}}" div.
[[div class="gradient"]]
----
[[/div]]

[[div class="blockquote"]]
{{@@[[div class="gradient"]]@@}}
{{@@----@@}}
{{@@[[/div]]@@}}
[[/div]]

----

The theme comes with roman numerals, which you can make with the following:
[[span class="roman"]]vi[[/span]]

[[div class="blockquote"]]
{{@@[[span class="roman"]]Your Number Here[[/span]]@@}}
[[/div]]

----

It comes with a "{{fancybox}}" div, which serves to encase your text.
[[div class="fancybox"]]
This is a fancybox[[footnote]]Do note that the color of the fancybox does not change with the 
{{accentColor}}.[[/footnote]]
[[/div]]

[[div class="blockquote"]]
{{@@[[div class="fancybox"]]@@}}
{{Your Text Here}}
{{@@[[/div]]@@}}
[[/div]]
----

It also comes with "{{justified}}" and "{{indented}}" divs.
[[div class="justified"]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/div]]

[[div class="indented"]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/div]]

[[div class="blockquote"]]
{{@@[[div class="justified"]]@@}}
{{Your Text Here}}
{{@@[[/div]]@@}}
----
{{@@[[div class="indented"]]@@}}
{{Your Text Here}}
{{@@[[/div]]@@}}
[[/div]]
----

It also has {{"nightfall"}}, {{"vesper"}}, and {{"sunset"}} divs, which change the accent color.

[[span class="bt nightfall"]]bt in a nIghtfAll div[[/span]]

[[span class="bt vesper"]]bt in a VespeR div[[/span]]

[[span class="bt sunset"]]bt in a sUnSeT div[[/span]]


[[div class="blockquote"]]
{{@@[[div class="nightfall/vesper/sunset"]]@@}}
{{Your Stuff Here}}
{{@@[[/div]]@@}}
[[/div]]

----
[[=]]
[[module Rate]]
[[/=]]
----

[[=]]
[[span style="font-family:'Cinzel Decorative', serif;"]]The header font is Cinzel Decorative[[/span]]

[[span style="font-family: 'Cutive Mono', monospace;"]]The monospaced font is Cutive Mono[[/span]]


[[span style="font-family: 'PT Serif Caption', serif;"]]The sidebar heading font is PT Serif Caption[[/span]]

[[span style="font-family: 'Roboto', sans-serif;"]]The body font is Roboto[[/span]]

[[/=]]

[[collapsible show="‡ Show code ‡" hide="‡ Hide code ‡"]]
[[code type="CSS"]]
/*
   Dark Dealings Theme 
   [2022 Wikidot Theme]
      by TheDarkArtist, based on
      the Classy Victoria Theme by Fish^12
*/

/* -- IMPORTS -- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif+Caption&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');

/* -- VARIABLES -- */
:root {
       --header-title: var(--headerTitle);
           --headerTitle: "nIghtfAll";
       --header-subtitle: var(--headerSubtitle);
           --headerSubtitle: "eVerYone DieS iN tHe DaRk";
       --lgurl: none;
           --logoURL: url('https://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/moon1.png');
       --accentColor: #e01421;
           --titleColor: var(--accentColor);
           --subtitleColor: var(--accentColor);
       --textColor: #b9b9b9;
       --darkColor: #070a10;
       --blackColor: #02060b;
       --decorativeFont: 'Cinzel Decorative', serif;
       --bodyFont: 'Roboto', sans-serif;
}

/* -- HEADER -- */
h1, h2, h3, h4, h5, h6, #page-title, .meta-title, #header h1 a::before, #header h2::before {
    font-family: var(--decorativeFont);
    text-shadow: 0px 0px 10px var(--darkColor),
                        -1px -1px 10px var(--darkColor),
                        1px 1px 10px var(--darkColor),
                        1px -1px 10px var(--darkColor),
                        -1px 1px 10px var(--darkColor),
                        0px 4px 10px var(--darkColor),
                        0px 6px 10px var(--darkColor),
                        0px 8px 10px var(--darkColor),
                        0px -4px 10px var(--darkColor),
                        0px -6px 10px var(--darkColor),
                        0px -8px 10px var(--darkColor),
                        4px 0px 10px var(--darkColor),
                        6px 0px 10px var(--darkColor),
                        8px 0px 10px var(--darkColor),
                        -4px 0px 10px var(--darkColor),
                        -6px 0px 10px var(--darkColor),
                        -8px 0px 10px var(--darkColor);
}

div#container-wrap {
    background-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-header-5.png");
    background-repeat: repeat-x;
}

#page-title {
    border-color: #a9a9a9;
}

/* -- BODY -- */
body {
    color: var(--textColor);
    background: #090c12;
    font-family: var(--bodyFont);
    font-size: 15px;
}


h1, h2, #page-title, .meta-title {color: var(--accentColor);}
h3, h4, h5, h6 {color: var(--textColor);}

#page-content a {
    color: var(--textColor); 
    box-shadow: 0px 2px 0px 0px var(--accentColor);
    padding-left: 2px;
    padding-right: 2px;
}

#page-content a.newpage {
       --accentColor: #1ff9eb;
}

#page-content a:hover {
    text-decoration: none;
    color: var(--darkColor);
    padding-top: 1px;
    background: var(--accentColor);
    transition: background-color 0.25s ease,
                    box-shadow 0.25s ease;
}

/* ACS Link Fix */
#page-content .danger-diamond a {
       --accentColor: transparent;
    color: transparent;
}

::selection {
    color: #ededed;
    background-color: var(--accentColor);
    text-shadow: none;
}

blockquote,
div.blockquote {
    background-color: var(--blackColor);
    border: solid 2px var(--blackColor);
    box-shadow: -3px 0px 0px 0px var(--accentColor);
}

.code pre, .code p, .code {
    background-color: var(--blackColor);
    color: var(--textColor);
}

tt,
.hl-code,
.hl-identifier,
.hl-brackets,
.hl-reserved,
.hl-special,
.hl-string,
.hl-number {
    font-family: 'Cutive Mono', monospace;
}

.code {border-color: var(--accentColor);}

.hl-code,
.hl-identifier,
.hl-brackets,
.hl-reserved {
    color: var(--textColor);
}

.hl-special, .hl-string {color: #37c6ff;}
.hl-number {color: var(--accentColor);}

hr {
    background: transparent;
    border-bottom: var(--accentColor) 2px solid;
}

/* -- EXTRA CONTENT/DIVS -- */

.gradient hr {
    background: linear-gradient(to right, transparent, var(--accentColor) 30%, var(--accentColor) 70%, transparent 100%);
    border-bottom: none;
}

.bt {
    font-family:var(--decorativeFont);
    color: var(--accentColor);
}

.roman {
    font-family: var(--decorativeFont);
    font-size: 105%;
}

.fancybox {
    box-sizing: border-box;
    padding: 2vw;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    border-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/fancybox.png") 600 round;
    border-image-width: 6;
}

.justified {text-align: justify;}
.indented {text-indent: 2.4em;}

.nightfall {
       --accentColor: #e00614;
}

.vesper {
       --accentColor: #f37229;
}

.sunset {
       --accentColor: #ffd879;
}

/* -- USER -- */
#account-options {
    background-color: var(--textColor);}
}

/* -- BOTTOM BAR -- */
.page-options-bottom {
    background: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-footer-3.png");
    background-repeat: repeat-x;
}

#page-options-container a {
    font-family: var(--decorativeFont);
    font-size: 13px;
}

a,
a:visited {
    color: var(--accentColor);
}

#edit-button {text-transform: lowercase;}
#site-tools-button {text-transform: uppercase;}

#license-area {
    color: var(--textColor);
    background-color: var(--divColor);
    border-top: solid 0.1rem var(--accentColor);
}
 
#footer-bar {
    border: none;
    padding: 0 0 1em;
    margin: 0;
    max-width: 100%;
    background-color: var(--divColor);
}
 
#footer {
    background: transparent;
    color: var(--textColor);
    align-items: center;
}
 
#footer > a {
    color: var(--textColor);
}

/* -- SCROLL BAR -- */
::-webkit-scrollbar-track {
  background: var(--blackColor);
  border-left: var(--accentColor) 1px solid;
}
 
::-webkit-scrollbar-thumb {
  background: var(--accentColor);
  border: none;
}

/* -- SEARCH BOX -- */
#search-top-box-input {
    display: none;
}

#search-top-box-form > input[type=submit] {
    border: solid 1px var(--accentColor);
    background: var(--darkColor)!important;
    box-shadow: none;
    border-radius: 0;
    color: var(--textColor);
    transition: color 0.15s linear;
}

/* -- WIKIDOT WINDOWS -- */
#lock-info,
.hovertip,
.owindow,
.owindow .title,
.owindow .button-bar a {
    background-color: var(--darkColor) !important;
    color: var(--textColor) !important;
    border: 1px solid var(--accentColor) !important;
}
 
.owindow .modal-header {
    background-color: var(--darkColor);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .button-bar a:hover {
    background-color: var(--textColor);
}
 
.owindow.owait .content {
    background-image: none;
    padding: 0.25rem 1.5rem 1.5rem;
}
 
.owindow.owait .content::after {
  content: " ";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin: -1rem auto;
  margin-top: 0.85rem;
  border-radius: 50%;
  border: 0.375rem solid black;
  border-color: var(--accentColor) var(--darkColor) var(--darkColor);
  animation: loading 0.75s linear infinite;
}

/* Absolutely forked from Penumbra, absolutely. */
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* -- FOOTNOTE FIX -- */
#page-content sup.footnoteref a {
    padding-top: unset;
    color: var(--accentColor);
    box-shadow: none;
}

#page-content sup.footnoteref a:hover {
    color: var(--blackColor);
    transition: color 0.25s ease;
}

/* ----------------------- */
/* ---= FORKINGS =--- */
/* ----------------------- */

/* -- SIDEBAR -- */
/* Forked from Ad Abyssum by Yossipossi */
#side-bar a, 
#side-bar a:visited {color: var(--textColor);}

#side-bar a::before {
    content: "‡ ";
    font-family: var(--decorativeFont);
}

#side-bar a:hover {
    text-decoration: none;
    color: var(--darkColor);
    padding: 2px;
    background-color: var(--textColor);
    transition: background-color 0.2s ease;
}


#side-bar .side-block.media {
    background-color: var(--blackColor);
    background-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-sidebar-2.png");
}

#side-bar .side-block.media a::before {content: none;}
#side-bar .side-block.media a:hover {
    background-color: transparent;
}

#side-bar .side-block .heading {
    color: #ededed;
    background-color: #373a40;
    font-size: 120%;
    font-family: 'PT Serif Caption', serif;
    font-style: small-caps;
    border-color: transparent;
}

#side-bar .side-block {
    border-radius: 0px;
    border-color: var(--accentColor);
    box-shadow: none;
}

#side-bar .side-block.resources {
    background-color: #16191f;
    background-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-sidebar-2.png");
    background-position-y: -11.6em;
    background-size: 100%;
}
  
#side-bar .side-block {
    background-color: #16191f;
    background-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-sidebar-2.png");
    background-size: 100%;
}
  
#interwiki .side-block {
    background-color: #16191f;
    background-image: url("http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/nightfall-sidebar-2.png");
    background-position: bottom;
    background-size: 100%;
}
 
#interwiki .side-block .menu-item a {
    color: #16191f;
}

/* -- AUTHORBOX -- */
/* Forked from PLACESTYLE CSS by Placeholder McD */
.anchor{
    position: sticky;
    height: 0;
    top: 0;
}

.inc-authorbox {display: none;}

.place-authorbox {
    position: absolute;
    width: calc((100vw - 870px) / 2);
    max-height: calc(100vh - 18rem);
    margin: 0 8px 0 0;
    padding: .14rem;
    box-sizing: border-box;
    overflow: auto;
    z-index: 5;
    max-width: calc((100vw - 921.2px) / 2) !important;
    top: .5em;
    right: 103.5%;
}

#page-content .place-authorbox a {
    color: var(--accentColor); 
    box-shadow: 0px 2px 0px 0px transparent;
    padding: none;
}

.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 3px;
}

#page-content tr th {
    color: var(--blackColor);
    background-color: var(--accentColor);
    border: solid 1px var(--accentColor);
    padding: 6px;
}

#page-content tr td {
    border: solid 1px var(--accentColor);
    padding: 12px;
    line-height: 1.4;
}

@media (max-width:1079px) {
    .place-authorbox {
        display: none;
    }
}

/* -- IMAGE BLOCK -- */
/* Forked from Penumbra by EstrellaYoshte */
.scp-image-block {
    border: solid 8px var(--blackColor);
    border-bottom: solid 0px var(--blackColor);
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
}

.scp-image-block .scp-image-caption {
    background-color: var(--blackColor);
    border: solid 4px var(--blackColor);
    color: var(--textColor);
    font-size: 0.84rem;
}

/* -- FANCY COLLAPSIBLE -- */
/* Forked From Flopstyle: DARK by Lt Flops */
 .collapsible-block-folded,
 .collapsible-block-unfolded-link{
     margin: 1rem auto;
     padding: .53rem 1rem;
 
     background: var(--blackColor);
     transition: all .2s ease-in-out;
 
     text-align: center;
}
 .collapsible-block-unfolded-link{
     border-top: thick solid var(--accentColor);
     transition: all .2s ease-in-out;
}
 .collapsible-block-unfolded > *:nth-child(3){
     border-top: 0;
     border-bottom: thick solid var(--accentColor);
}
 .collapsible-block-link{
     font: 1.35rem var(--decorativeFont);
     letter-spacing: 1px;
 }
 @media (max-width: 767px){
     .collapsible-block-link{
          font-size: .85rem;
    }
}
 
#page-content .collapsible-block-folded:hover,
#page-content .collapsible-block-unfolded-link:hover{
     background-color: var(--accentColor);
     transition: all .2s ease-in-out;
}

#page-content .collapsible-block-folded:hover .collapsible-block-link,
#page-content .collapsible-block-unfolded-link:hover .collapsible-block-link {
    color: var(--blackColor);
}

#page-content .collapsible-block-link:hover{
     padding: .067rem;
 
     color: var(--blackColor);
     border-bottom: thin solid var(--blackColor);
     transition: all .2s ease-in-out;
}

 .licensebox .collapsible-block-link{
     border-bottom-color: inherit;
}
 .licensebox .collapsible-block-link::before,
 .licensebox .collapsible-block-unfolded-link::before,
 .licensebox .collapsible-block-link::after,
 .licensebox .collapsible-block-unfolded-link::after{
     content: "";
}

/* -- RATING/INFO MODULE(S) -- */
/* Forked From Penumbra Theme by EstrellaYoshte */

.authorlink-wrapper {
        --author-top-adjust: -0.2rem !important;
}

#page-content .authorlink-wrapper a {
    box-shadow: none;
}

#page-content .authorlink-wrapper a:hover {
    color: var(--accentColor);
    background: transparent;
    transition: color 0.2s ease;
}

.authorlink-wrapper > a:hover::before {
     color: var(--accentColor);
     transition: color 0.2s ease;
}

.page-rate-widget-box {
     margin: unset;
     border-radius: 0;
     border: solid 2px var(--blackColor);
     background-color: var(--blackColor);
     margin-top: 4px;
     margin-bottom:4px;
     margin-right: 3px;
     box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);
}
 
#page-content .page-rate-widget-box a {
    box-shadow: 0px 2px 0px 0px transparent;
}

div.page-rate-widget-box .rate-points {
    background-color: var(--blackColor);
    border: none;
    color: var(--textColor);
    text-transform: capitalize;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--blackColor);
    border-top: none;
    border-bottom: none;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: var(--textColor);
}

#page-content .page-rate-widget-box .rateup a:hover,
#page-content .page-rate-widget-box .ratedown a:hover,
#page-content .rate-box-with-credit-button .creditButton p a:hover {
    background: var(--blackColor);
    color: var(--accentColor);
}

.page-rate-widget-box .cancel {
    background: transparent;
    background-color: var(--blackColor);
    border: none;
}

.page-rate-widget-box .cancel a {
    color: var(--textColor);
}

#page-content .page-rate-widget-box .cancel a:hover {
    background: var(--blackColor);
    color: var(--accentColor);
}

#page-content .creditRate{
     margin: unset;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
    background-color: var(--blackColor);
    border: solid 2px var(--blackColor);
    border-radius: 0;
    box-shadow: -3px 0px 0px 0px var(--accentColor), 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
    box-shadow: none;
}

#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
     color: var(--textColor);
}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: var(--accentColor);
}
 
#page-content .creditButtonStandalone p a {
    background-color: var(--blackColor);
    border: solid 2px var(--blackColor);
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
    color: var(--textColor);
}
#page-content .creditButtonStandalone p a:hover {
    color: var(--accentColor);
}
 
#page-content .modalbox {
    background: var(--darkColor) !important;
    color: var(--textColor);
    box-shadow: none;
    border-radius: 0;
}
.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}

/* -- TOP BAR -- */
/* Forked From Penumbra Theme by EstrellaYoshte */
#top-bar {
     top: 8.4rem;
     display: flex;
     justify-content: center;
     right: 0;
}

#top-bar .open-menu a {
    background-color: var(--blackColor);
    border: 0.2em solid transparent;
    color: var(--accentColor);
}

@media (max-width: 768px) {
    .mobile-top-bar {
         display: flex;
         justify-content: center;
         max-width: 100%;
         width: 100%;
         left: 0;
    }
}

#top-bar, #top-bar a {
     color: #ededed;
     transition: color 0s;
}

#top-bar ul li ul,
#top-bar ul li ul li ul {
    border-color: var(--accentColor);
    box-shadow: none;
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: var(--darkColor);
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: var(--blackColor);
    color: #ededed;
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--blackColor);
    color: var(--accentColor);
    transition: color 0.1s linear;
}
[[/code]]

[[code type="CSS"]]
/* -- INC LOGO -- */
#header::before {
    opacity: .11;
    background-image: var(--logoURL);
    margin-top: 5px;
}
[[/code]]

[[code type="CSS"]]
/* -- INC SUNSET -- */
:root {
       --headerTitle: "sUnSeT";
       --headerSubtitle: "nIgHt fAllS On XeRophYllA";
       --accentColor: #ffd879;
       --logoURL: url('http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/sunset-symbol.png');
}

::selection {
    background-color: var(--accentColor);
    color: #02060b;
} 

#page-content a.newpage {
       --accentColor: #0d8cd6;
}
[[/code]]

[[code type="CSS"]]
/* -- INC VESPER -- */
:root {
       --headerTitle: "VespeR";
       --headerSubtitle: "beFORe tHe fAll";
       --accentColor: #f27329;
       --logoURL: url('http://scp-wiki.wdfiles.com/local--files/theme:dark-dealings/sunset-symbol.png');
}

::selection {
    background-color: var(--accentColor);
} 

#page-content a.newpage {
       --accentColor: #0d8cd6;
}
[[/code]]

[[code type="CSS"]]
/* -- INC AUTHORBOX -- */
.inc-authorbox {display: unset;}
[[/code]]

[[/collapsible]]

[[div class="licensebox centered"]]
[[collapsible show="‡ Licensing / Citation" hide="‡ Hide Licensing / Citation"]]
Cite this page as:
[[module listpages range="."]]
> "%%title_linked%%" by [[user TheDarkArtist]], from the [https://scp-wiki.wikidot.com SCP Wiki]. Source: https://scp-wiki.wikidot.com/%%fullname%%. Licensed under [https://creativecommons.org/licenses/by-sa/3.0/ CC-BY-SA].
[[/module]]
For more information, see [https://scp-wiki.wikidot.com/licensing-guide Licensing Guide].
**Licensing Disclosures**
[[<]]
=====
> **Filename:** nightfall-sidebar.png
> **Author:** [[*user TheDarkArtist]]
> **License:** CC BY-SA 3.0
> **Source Link:** https://machenmadhouse.wdfiles.com/local--files/nightfall-theme-rewrite/nightfall-sidebar-2.png
> **Derivative of:** https://commons.wikimedia.org/wiki/File:2011EY3044.png (Public Domain)

> **Filename:** fancybox.png
> **Author:** cyberscooty
> **License:** Public Domain
> **Source Link:** http://www.publicdomainfiles.com/show_file.php?id=13921936813018

> **Passage:** Nightfall Definition
> **Source Link:** https://en.wiktionary.org/wiki/nightfall

[[/<]]
[[include :scp-wiki:component:license-box-end]]

[[/iftags]]

Dark Dealings Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source