Dark Dealings Theme

Dark Dealings Theme
By: TheDarkArtist
PUBlISheD: 15 Oct 2022 18:06

▷ Show Code ◁

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/* Centered Header Sigma-9
 * [2021 Wikidot Component]
 * By Lt Flops (CC BY-SA 3.0)
 * Forked from:
   * Penumbra Theme by EstrellaYoshte
 * Also based on:
   * Centered Header BHL by Woedenaz
**/
 
/* ---- VARS ---- */
 :root{
     --titleColor: hsl(0, 0%, 95%);
     --subtitleColor: hsl(60, 62%, 85%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
}
 
/* ---- SITE BANNER ---- */
 #header,
 div#header{
     background-image: none;
}
 
 #header::before{
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
 
     background-image: var(--lgurl);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: auto 9em;
     opacity: .33;
}
 
 #header h1,
 #header h2{
     float: none;
     margin-left: 0;
 
     text-align: center;
}
 
 #header h1 span,
 #header h2 span{
   /* Hide the Existing Text */
     display: none;
}
 
 #header h1 a::before,
 #header h2::before{
   /* Style the New Text */
     font-family: "Montserrat", "Arial", sans-serif;
     text-shadow: none;
}
 
 #header h1 a::before{
     position: relative;
     bottom: .15em;
 
     color: var(--titleColor);
 
     font-size: 115%;
     font-weight: 700;
}
 
 #header h2::before{
     position: relative;
     top: .1em;
 
     color: var(--subtitleColor);
 
     font-size: 130%;
     font-weight: 600;
}
 
 #header h1 a::before{
   /* Set the New Text's Content From Variable */
     content: var(--header-title, "SCP FOUNDATION");
}
 
 #header h2::before{
     content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
}
 
/* ---- SEARCH ---- */
 #search-top-box{
     top: 1em;
     right: 0;
}
 
 #search-top-box-form input.button{
     margin-right: 0;
}
 
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus{
     border-radius: 0;
     box-shadow: none;
 
     font-size: 100%;
}
 
/* ---- TOP BAR ---- */
 #top-bar{
     right: 0;
     display: flex;
     justify-content: center;
}
 
 #top-bar ul li ul{
     border-bottom: 1px solid hsl(0, 0%, 40%);
     box-shadow: none;
}
 
/* ---- LOGIN ---- */
 #login-status{
     top: 1.1em;
     right: initial;
 
     color: hsl(0, 0%, 87%);
}
 
 #account-topbutton{
     border-color: hsl(0, 0%, 87%);
 
     font-size: 100%;
}
 
/* ---- PAGE TITLE ---- */
 .meta-title,
 #page-title{
     text-align: center;
}
 
/* ---- BREADCRUMBS ---- */
 .pseudocrumbs,
 #breadcrumbs{
     text-align: center;
}
 
/* ---- MOBILE DISPLAY ---- */
 @media (max-width: 767px){
     #search-top-box{
          top: 1.85em;
          width: unset;
    }
 
     .mobile-top-bar{
          position: relative;
          left: 0;
          display: flex;
          justify-content: center;
    }
 
     #login-status{
          top: 0;
          right: 0;
    }
 
     #header .printuser{
          font-size: 0;
    }
 
     #header .printuser img.small{
          margin: 0;
 
          transform: translate(6px, 4px);
    }
 
     #my-account{
          display: none;
    }
 
     #account-topbutton{
          margin-left: 2px;
    }
}

/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
}
 
@media not all and (max-width: 767px) {
 
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -18rem;
        width: 15.25rem;
        height: 100%;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

TheDarkArtist

"Lorem ipsum"

---

wɪərzɪ

/wɪərzɪ/

zaɪəryɪvɪ ʰwɪza; yɪvɪʰwɪər zaɪər.

‡ TRANSlate ‡

night·fall.

/'naɪt.fɔl/

noun

the close of the day; the coming of night.

---

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.

— Canon Hub

---

tHE BLOoD moOn IS rIsing

---

NIGHTFALL.

This is Dark Dealings Theme, a Sigma-9 theme for the NIGHTFALL canon.

It is a revised version of Fish^12's (deleted) Classy Victoria theme and is a fork of Penumbra by EstrellaYoshte.

Other than that, it borrows elements from Penumbra BHL, Ad Abyssum Theme, PLACESTYLE CSS and Flopstyle: DARK; by EstrellaYoshte, Yossipossi, Placeholder McD and Lt Flops, respectively.

Paste this in your page to get the theme:

[[include :scp-wiki:theme:dark-dealings]]

The theme comes integrated with Centered Header Sigma-9 by Lt Flops and Toggle Sidebar by EstrellaYoshte.

Check out the sidebar, by the way. (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]]

SUnseT

If you are writing a tale set before Nightfall, add |inc-sunset=-- to your include module.

VesPeR

Alternative option for Sunset tales, add |inc-vesper=-- to your include module.

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 | Newpage Link | Colored Text | bt span Text

---

Rating Module

Info Module

Info

---

NIGHTFALL

---

More information

More information

---

NIGHTFALL

---

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

‡ TitLeS ‡

Prince

Duke

Marquis

Earl

Viscount

Baron

This is a blockquote

This blockquote is nested

Why would someone	Use tables on Nightfall?
It is not something I know,	yet here these are.1

---

Custom Formatting

This is a (gradiented) horizontal rule, "----" within a "gradient" div.

---

[[div class="gradient"]]
----
[[/div]]

---

The theme comes with roman numerals, which you can make with the following:
vi

[[span class="roman"]]Your Number Here[[/span]]

---

It comes with a "fancybox" div, which serves to encase your text.

This is a fancybox²

[[div class="fancybox"]]
Your Text Here
[[/div]]

---

It also comes with "justified" and "indented" divs.

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.

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 class="justified"]]
Your Text Here
[[/div]]

---

[[div class="indented"]]
Your Text Here
[[/div]]

---

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

bt in a nIghtfAll div

bt in a VespeR div

bt in a sUnSeT div

[[div class="nightfall/vesper/sunset"]]
Your Stuff Here
[[/div]]

---

---

The header font is Cinzel Decorative

The monospaced font is Cutive Mono

The sidebar heading font is PT Serif Caption

The body font is Roboto

‡ Show code ‡

/*
   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;
}

/* -- INC LOGO -- */
#header::before {
    opacity: .11;
    background-image: var(--logoURL);
    margin-top: 5px;
}

/* -- 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;
}

/* -- 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;
}

/* -- INC AUTHORBOX -- */
.inc-authorbox {display: unset;}

‡ Licensing / Citation

Cite this page as:

"Dark Dealings Theme" by TheDarkArtist, from the SCP Wiki. Source: https://scp-wiki.wikidot.com/theme:dark-dealings. Licensed under CC-BY-SA.

For more information, see Licensing Guide.
Licensing Disclosures

Filename: nightfall-sidebar.png
Author: 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

For more information about on-wiki content, visit the Licensing Master List.

Footnotes

1. I don't know why you'd use footnotes either, but here they are.

2. Do note that the color of the fancybox does not change with the
accentColor.