/*
    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  */
  .open-menu a {
    background-color: #7a7a7a !important;
    border-color: #2b2b2b !important;
    color: #2b2b2b !important;
  }
}

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

/*  LINKS  */

a {
  color: #785fcf;
}
a:visited {
  color: #8656a3;
}
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(http://scp-wiki.wdfiles.com/local--files/theme%3Anight-rush-theme/night-rush-header.png);
}

#header {   /*  white icon  */
  background-image: url(http://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;
}

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

div.scpnet-interwiki-wrapper {   /*  translations box  */
    filter: hue-rotate(110deg) invert(80%);
}

/*  PANELS  */

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

#side-bar .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 !important;
}
@media (max-width: 767px) {   /*  recoloring the red mobile background  */
  #side-bar {
    background-color: rgb(79, 67, 111);
  }
}

/*  LINKS  */

#side-bar a, #side-bar a:visited, #side-bar .menu-item.inactive a {
  color: #ebebeb;
}
#side-bar a:hover {
  background-color: #4D4D4D;
  text-decoration: none;
}

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

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

#page-title {
  border-color: #f2f2f2;
  color: #f2f2f2;
  text-align: center;
}

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

hr {
  background-color: #f2f2f2;
}

/*  BREADCRUMBS  */

#breadcrumbs{
  margin: auto;
  margin-bottom: 0.6em;
  text-align: center;
}
#breadcrumbs a {
  font-weight: bold;
}

/*  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;
}
.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 !important;   /*  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%);
}

/* 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 {   /* make top-bar invisible  */
  border-color: transparent;
}
.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 li.selected, .yui-navset .yui-nav li {
  margin: 0 0.5em 0 0;
}
.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 {
  transition: all 2s linear;
}
.yui-navset .yui-nav .selected a em {   /*  active tab  */
  border: 0;
  font-weight: bold;
  padding: 0.35em 0.75em 0.25em;
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {   /* tabs themselves  */
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #ebebeb;
}
.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: #575757;
  background-image: none;
  color: #f2f2f2;
}
.yui-navset .yui-content{   /*  the stuff in the tabview  */
  background-color: #2b2b2b;
  border: 1px solid #f2f2f2;
}

/*  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 {
  color: #fff;
  padding: 0.1em 0.2em;
}
.page-tags a:hover {
  background-color: #5c5c5c;
  text-decoration: none;
}
#main-content .page-tags span {
  border-top-color: #b19cd9;
  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, .page-options-bottom 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;
}
