Night Rush Theme

Link to article: Night Rush Theme.

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

```
text-align: center;
```
```
width: 100%
```
```
width: 33%; text-align: center;
```
```
color: #9179E7
```

width: 1%; text-align: center; font-weight: bold;

```
width: 33%; text-align: center;
```
```
color: #A666DB
```

width: 1%; text-align: center; font-weight: bold;

```
width: 33%; text-align: center;
```
```
color: #cc9cff;
```

```
blockquote
```

[[module CSS]]
@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Anight-rush-theme/1');
[[/module]]

[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Anight-rush-theme/1
]]

[[iftags +theme]]
[[>]]
**Rating:**
[[module Rate]]
[[/>]]

[[>]]
**Rating w/ Info Pane:**
[[/>]]

[[include :scp-wiki:info:start]]
Info about your page.
[[include :scp-wiki:info:more]]
More information about your page.
[[include :scp-wiki:info:end]]

This is an aesthetic theme tied to no canon, series, or group of interest.

To use it, put the following at the top of your article.

[[div class="blockquote" style="text-align: center;"]]
@@[[include :scp-wiki:theme:night-rush-theme]]@@
[[/div]]

+ H1
++ H2
+++ H3
++++ H4
+++++ H5
++++++ H6

[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/scp-4755/containment|caption=This is a test image.|width=200px|alt=A glowing SCP logo on a black background.]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut consequat semper viverra nam. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Justo laoreet sit amet cursus sit. Nunc consequat interdum varius sit. Donec pretium vulputate sapien nec sagittis. Cras semper auctor neque vitae tempus quam. Convallis a cras semper auctor neque.[[footnote]] Hey look, a footnote! [[/footnote]]

Malesuada proin libero nunc consequat interdum varius sit amet mattis. Aliquam purus sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc aliquet bibendum enim facilisis gravida. Dignissim sodales ut eu sem. Amet nisl suscipit adipiscing bibendum est ultricies integer quis. Massa id neque aliquam vestibulum morbi blandit cursus risus. Semper auctor neque vitae tempus. Ornare aenean euismod elementum nisi quis. Viverra mauris in aliquam sem fringilla. Condimentum mattis pellentesque id nibh. Id aliquet lectus proin nibh nisl.[[footnote]] You know, some new authors forget that the footnote text should adhere to the same rules of length and flow as any other sentence in an article. They can be small, medium, or large, depending on what's needed. Don't just pad them, though! [[/footnote]]

Eleifend quam adipiscing vitae proin sagittis. Mauris vitae ultricies leo integer malesuada nunc vel risus commodo. Ut lectus arcu bibendum at varius vel pharetra vel. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis. Ultricies lacus sed turpis tincidunt id aliquet risus feugiat. Tortor condimentum lacinia quis vel. Dolor purus non enim praesent elementum facilisis leo vel. Eros donec ac odio tempor orci dapibus ultrices in iaculis. Et malesuada fames ac turpis. Ipsum suspendisse ultrices gravida dictum. In fermentum et sollicitudin ac. Parturient montes nascetur ridiculus mus mauris vitae.[[footnote]] This was, of course, a long walk to testing out different footnote sizes. [[/footnote]]

------

||~ header ||~ header ||~ header ||~ header ||~ header ||~ header ||
|| cell-content || cell-content || cell-content || cell-content || cell-content || cell-content ||

------

[[table style="width: 100%"]]
[[row]]
[[cell style="width: 33%; text-align: center;"]]
[[a style="color: #9179E7" href="/night-rush-theme"]]A link.[[/a]]
[[/cell]]
[[cell style="width: 1%; text-align: center; font-weight: bold;"]]
|
[[/cell]]
[[cell style="width: 33%; text-align: center;"]]
[[a style="color: #A666DB" href="/night-rush-theme"]]A visited link.[[/a]]
[[/cell]]
[[cell style="width: 1%; text-align: center; font-weight: bold;"]]
|
[[/cell]]
[[cell style="width: 33%; text-align: center;"]]
[[a style="color: #cc9cff;" href="/night-rush-theme"]]A new link.[[/a]]
[[/cell]]
[[/row]]
[[/table]]

[[collapsible show="+ A collapsible" hide="- A collapsible"]]
Something inside the collapsible
[[/collapsible]]

----

[[tabview]]
[[tab Tab 1]]
These are more useful for the sandbox, honestly.
[[/tab]]
[[tab Tab 2]]
Really, I've only seen a couple articles that use tabview.
[[/tab]]
[[tab Tab 3]]
To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.

To make a point, this is a long tab.
[[/tab]]
[[tab Tab 4]]
This is also a tab.
[[/tab]]
[[tab Tab 5]]
This is also a tab.
[[/tab]]
[[tab Tab 6]]
This is also a tab.
[[/tab]]
[[tab Tab 7]]
This is also a tab.
[[/tab]]
[[tab Tab 8]]
This is also a tab.
[[/tab]]
[[/tabview]]

------

[[code type="css"]]

/*
    Night Rush Theme
    [2020 Wikidot Theme]
    Created for the SCP Wiki by Nagiros
    Obviously based on the Sigma-9 Theme for the SCP Foundation by Aelanna
*/

/*--------------------------------------*\
 *                BASICS                *
\*--------------------------------------*/

::-webkit-scrollbar-thumb {   /*  making scrollbar not invisible  */
  background-color: #afafaf;
}

@media (max-width: 767px) {   /*  mobile side button  */
  #top-bar .open-menu a {
    background-color: #7a7a7a;
    border-color: #2b2b2b;
    color: #2b2b2b;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: #f2f2f2;
}

/*  LINKS  */

a {
  color: #9179e7;
}
a:visited {
  color: #A666DB;
}
a.newpage {
  color: #cc9cff;
}

/*  BUTTONS  */

a.button,
button,
div.buttons input,
input.button,
input.button:focus,
input.button:hover,
input.text,
input.text:focus,
input.text:hover,
file {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-size: 1em;
  outline: 0;
}
a.button:hover,
a.button:focus,
button:focus,
button:hover,
div.buttons input:focus,
div.buttons input:hover,
file:focus,
file:hover {
  background-color: #5c5c5c;
  border-color: #fff;
  color: #f2f2f2;
}

/*--------------------------------------*\
 *              TOP OF PAGE             *
\*--------------------------------------*/

#navi-bar .new-site input.empty {   /*  that "site-name" field at the top of the sandbox  */
  border-color: #000;
  color: #000;
}

div#container-wrap {   /*  purple header  */
  background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Anight-rush-theme/night-rush-header.png');
}

#header {   /*  white icon  */
  background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Anight-rush-theme/night-rush-icon.png');
}

/*  LOGIN MENU  */

#login-status ul a {
  background-color: #121212;
  color: #e6e6e6;
}
#login-status ul a:hover {
  background-color: #5c5c5c;
  color: #e6e6e6;
  text-decoration: none;
}

/*  SEARCH BOX  */

#search-top-box-input,
#search-top-box-input:focus,
#search-top-box-input:hover,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
  background-color: #322a47;
  border-color: #e6e6e6;
  border-radius: 0;
  color: #f2f2f2;
  font-size: 1em;
  outline: 0;
}
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover {   /*  button gradient  */
  background-color: #322a47;
  background-image: linear-gradient(to bottom, #b19cd9, #5e4391, #160040);
}

/*  TOP MENU  */

#top-bar a {   /*  link to dropdown  */
  color: #e6e6e6;
}
#top-bar ul li ul {   /*  dropdown  */
  background-color: #121212;
  border-color: #e6e6e6;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {   /*  grey link background  */
  background-color: #262626;
  color: #e6e6e6;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {   /*  hover on links  */
  background-color: #5c5c5c;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {   /*  dropdown borders  */
  border-top-color: #e6e6e6;
}
#top-bar ul li ul li:last-of-type a,
#top-bar ul li ul li:last-of-type:hover a {
  border-bottom: 1px solid #e6e6e6;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
  border-bottom: 0;
}

/*-------------------------------------*\
 *               SIDEBAR               *
\*-------------------------------------*/

#side-bar a,
#side-bar a:visited,
#interwiki a,
#interwiki a:visited {
  color: #9179E7;
}

/*  PANELS  */

#side-bar .side-block,
#interwiki .side-block {
  background-color: #121212;
  border-color: #ebebeb;
  border-width: 2px;
  box-shadow: 1px 1px 2px rgba(235, 235, 235, 0.4);
}

#side-bar .side-block .heading,
#interwiki .side-block .heading {
  border-color: #fff;
  color: #fff;
}

.side-block .menu-item > .image {   /*  upping the brightness of the image bullets  */
  filter: brightness(1.5);
}

.side-block.resources .menu-item > .image {   /*  adjusting for resources  */
  filter: brightness(1.1);
}

#side-bar .side-block.media,
#side-bar .side-block.resources {
  background-color: #323232;
}

@media (max-width: 767px) {   /*  recoloring the red mobile background  */
  #side-bar {
    background-color: rgb(79, 67, 111);
  }
}

/*-------------------------------------*\
 *               CONTENT               *
\*-------------------------------------*/

body {
  background-color: #1a1a1a;
  color: #ededed;
}

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

table.wiki-content-table th {
  background-color: #404040;
}

hr {
  background-color: #f2f2f2;
}

div#toc {
  border-color: #f2f2f2;
  background-color: #000000;
}

.preview-message {
  color: #333;
}

/*  RATING MODULE  */

.page-rate-widget-box {
  background-color: #121212;
  border: 2px solid #8870df;
  box-shadow: 1px 1px 3px rgba(136, 112, 223, 0.4);
  color: #ededed;
  padding: .1em;
}
div.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
  background-color: transparent;   /*  clears sigma-9 colors  */
  border: 0;   /*  clears sigma-9 borders  */
  color: #ededed;
  text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  border-left: 2px solid #8870df;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  color: #cc9cff;
}
.page-rate-widget-box .cancel {
  background-color: transparent;
  border: 0;
  border-left: 2px solid #8870df;
}
.page-rate-widget-box .cancel a,
.page-rate-widget-box .cancel a:hover {
  border-radius: 0 5px 5px 0;
  color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
  color: #cc9cff;
}

/* INFO MODULE */

#page-content .rate-box-with-credit-button {
  background-color: #121212;
  border: 2px solid #8870df;
  box-shadow: 1px 1px 3px rgba(136, 112, 223, 0.4);
  padding: .1em;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box {
  border: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
  border-left: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
  border-radius: 0;
}
#page-content .rate-box-with-credit-button .creditButton p a {   /*  "i" border  */
  border-left-color: #8870df;
  border-left-width: 2px;
}
.modalbox {   /*  credit box customizations  */
  background-color: #262626;
  background-image: linear-gradient(#141414 51px, #262626 51px, #262626) !important;
  box-shadow: 0 2px 6px rgba(64, 64, 64, 0.4);
  color: #c7c7c7;
}
.close-credits,
.credit-back {   /*  "X" coloring in credit box  */
  filter: hue-rotate(260deg) brightness(300%);
}

/*  ACS COLORS  */
 
:root {
  --five-color: 196, 67, 67 !important;   /*  red  */
  --four-color: 255, 141, 54 !important;   /*  orange  */
  --three-color: 255, 226, 82 !important;   /*  yellow  */
  --two-color: 40, 135, 189 !important;   /*  blue  */
  --one-color: 40, 159, 107 !important;   /*  green  */
 
  --white-bar: 207, 207, 207;
  --lg-bar: 118, 118, 130;
  --gray-bg: 66, 66, 72;
}
 
.anom-bar > .bottom-box {   /*  horizontal bar  */
  box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.bottom-box > .diamond-part {   /*  vertical bar  */
  box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.anom-bar-container.esoteric .text-part .main-class,
.anom-bar-container.explained .text-part .main-class,
.anom-bar-container.neutralized .text-part .main-class,
.anom-bar-container.pending .text-part .main-class {
  background-color: rgba(66, 66, 72, .5) !important;
  background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
  border-left-color: rgb(118, 118, 130) !important;
  border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
}
.danger-diamond > .arrows,
.danger-diamond > .bottom-icon::before {   /*  inverted arrows, esoteric icons  */
  filter: invert(90%) !important;
  -webkit-filter: invert(90%) !important;
}
.danger-diamond > .quadrants > .bottom-quad,
.anom-bar-container.explained .danger-diamond > .quadrants > .top-quad,
.anom-bar-container.neutralized .danger-diamond > .quadrants > .top-quad,
.anom-bar-container.pending .danger-diamond > .quadrants > .top-quad {   /*  "transparent" bottoms/top icon backgrounds  */
  background-color: rgb(26, 26, 26) !important;   /*  body background color  */
}
.danger-diamond > .bottom-icon,
.anom-bar-container.pending .danger-diamond > .top-icon::before {   /*  esoteric, pending icon backgrounds  */
  background-color: rgb(3, 3, 3) !important;
}
 
.acs-hybrid-text-bar > .acs-clear > .clearance-level-text::before,
.acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::before,
.acs-hybrid-text-bar > .acs-risk .risk-class-number::before {   /*  hybrid text fixes  */
  color: rgb(237, 237, 237) !important;   /*  text color  */
}
.acs-hybrid-version.acs-yes .acs-secondary,
.acs-hybrid-version.acs-esoteric .acs-contain,
.acs-hybrid-version.acs-explained .acs-contain,
.acs-hybrid-version.acs-neutralized .acs-contain,
.acs-hybrid-version.acs-pending .acs-contain {   /*  hybrid vertical bars  */
  box-shadow: inset 0.5rem 0 0 0 rgb(118, 118, 130) !important;
  -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(118, 118, 130) !important;
  -moz-box-shadow: inset 0.5rem 0 0 0 rgb(118, 118, 130) !important;
  box-shadow: inset 0.5rem 0 0 0 rgb(var(--lg-bar, 118, 118, 130)) !important;
  -webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--lg-bar, 118, 118, 130)) !important;
  -moz-box-shadow: inset 0.5rem 0 0 0 rgb(var(--lg-bar, 118, 118, 130)) !important;
}
.acs-hybrid-version.acs-pending .acs-contain {
  background-color: rgba(66, 66, 72, .5) !important;
  background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
}

/* IMAGE BLOCK */

.scp-image-block {
  border-color: #8870df;
}
.scp-image-block.block-left {
  box-shadow: -1px 1px 2px rgba(136, 112, 223, 0.4);
}
.scp-image-block.block-center {
  box-shadow: -1px 1px 2px rgba(136, 112, 223, 0.4);
}
.scp-image-block.block-right {
  box-shadow: 1px 1px 2px rgba(136, 112, 223, 0.4);
}
.scp-image-block .scp-image-caption {
  background-color: #404040;
  border-top-color: #8870df;
}

/* BLOCKQUOTES */

blockquote,
div.blockquote {
  background-color: #2b2b2b;
  border-color: #f2f2f2;
}

/* YUI-TABS */

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {   /* top bar  */
  border-color: transparent;
  border-width: 0;
  border-bottom-width: .2em;
  margin: 0 -.2em;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
  margin: .2em;
}
.yui-navset li,
.yui-navset li.selected,
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
  line-height: normal;
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
  margin: .2em;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
  background: none;
  border: none;
  color: #c7c7c7;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover {  /* selected tab background */
   background: none;
   color: #f2f2f2;
}
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
   background: none;
   text-decoration: none;
}
.yui-navset .yui-nav li a {   /*  tab interior  */
  background-color: #323232;
  border: 0;
  color: #c7c7c7;
  transition: all 0.1s ease-in-out;  /* smooth changes on-click  */
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {   /*  hover and selected tabs  */
  background-color: #5e4391;
  background-image: none;
  color: #f2f2f2;
}
 
.yui-navset .yui-nav li a em {   /*  removes top tab border, fixes padding  */
  border: 0;
  padding: 0.35em 0.75em 0.25em;
}
.yui-navset .yui-nav .selected a em {   /*  active tab  */
  border: 0;
  padding: 0.35em 0.75em 0.25em;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {   /*  the stuff in the tabview  */
  background-color: #2b2b2b;
  border-color: #f2f2f2;
  margin-top: .2em;
}

/*  CODE  */

.code {
  background-color: #2b2b2b;
  border: 1px dashed #f2f2f2;
  font: 1em "Courier", "Courier New", "Roboto Mono", monospace;
}
.hl-identifier,
.hl-code,
.hl-brackets {   /* the spaces, out-of-code words, brackets */
  color: #f2f2f2;
}
.hl-number {   /* individual numbers */
  color: #ff7a7a;
}
.hl-string {   /* in-code words */
  color: #99f;
}
.hl-special {   /* pesudo-class labels */
  color: #ffd86b;
}

/*  FOOTNOTES  */

.hovertip {
  background-color: #121212 !important;
  border: 1px solid #8870df !important;
  border-radius: 0.5em;
  padding: 0.5em;
  width: 20em;
  z-index: 100;
}
.hovertip .f-heading {
  color: #f2f2f2;
}
.footnotes-footer .title {
  color: #f2f2f2;
}

/* TAGS */

.page-tags a {
  padding: 0.1em 0.2em;
}
.page-tags a:hover {
  background-color: #5c5c5c;
  text-decoration: none;
}
#main-content .page-tags span {
  border-top: 1px solid #e6e6e6;
  font-size: 92.5%;
}

/*--------------------------------------*\
 *            BOTTOM OF PAGE            *
\*--------------------------------------*/

#page-options-container a:hover,
#action-area a:hover {
  background-color: #5c5c5c;
  text-decoration: none;
}

#page-tags-input,
#parent-page-name,
#move-new-page-name {   /*  tags, parent, rename fields  */
  border-color: #ccc;
}

#parent-page-name-list {
  color: #000;
}

ins, del {   /*  new/removed text when comparing revisions  */
  color: #000;
}

.license-area a,
.page-watch-options a,
.edit-help-34 a {   /*  bottom bar  */
  color: #fff;
}

/*  EDIT  */

#edit-page-title {
  background-color: #242424;
  border: 1px solid #ccc;
  text-align: center;
}
#edit-page-textarea {
  background-color: #242424;
  border-color: #ccc;
  color: #f2f2f2;
}
#edit-page-comments {
  background-color: #2e2e2e;
  border-color: #ccc;
  color: #c7c7c7;
}
#lock-info {
  background-color: #2b2b2b;
}

/* EDITING WINDOWS */

.owindow,
.owindow h2,
.owindow h3,
.owindow h4,
.owindow h5,
.owindow h6 {
  color: #333;
}
.owindow h1,
.owindow a {
  color: #901;
}

/*  FILES  */

.page-files a {
  color: #fff;
}
a#show-upload-button:hover {
  background-color: transparent;
}
table.page-files .highlight {
  background-color: #242424;
}
#file-comments {
  background-color: #2e2e2e;
  border-color: #ccc;
  color: #c7c7c7;
}
#file-rename-name {
  border-color: #333;
  color: #333;
}
[[/code]]
[[/iftags]]

Night Rush Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source