SCP基金会中文分部

/*
    Created by FattyAcid
    Mujin-Getsudo-shu Thema(Ninja Thema)
    CC BY-SA 3.0
*/

/*
    This theme is based on Creepypasta Theme
    Creepypasta Theme's info:
    Powered on 2019/05/09 06:09:42
    [2019 Wikidot Theme]
    Created by The Great Hippo
    CC BY-SA 3.0
*/

/* FONTS AND COLORS */

:root {
    --bg-light: #262626;
    --bg: #1a1a1a;
    --bg-dark: #000000;

    --fg-light: #ffffff;
    --fg: #f2f2f2;
    --fg-dark: #e6e6e6;

    --fg-accent-light: #fff4d4;
    --fg-accent: #ffefc2;
    --fg-accent-dark: #f2e2b6;

    --fg-accent-2: #ffffff;

}

body {
    background: var(--bg);
    color: var(--fg);
}

a, a:visited {
    color: var(--fg-accent-dark);
}

h1, h2, h3, h4, h5, h6, #page-title {
    color: var(--fg-light);
}

ins, del {
    color: black;
}

/* HEADER */

div#container-wrap {
    background: url(https://scp-jp.wdfiles.com/local--files/theme%3Amujin-getsudo/seigaiha.png) top left repeat-x;
}

div#header {
    background: url(https://scp-jp.wdfiles.com/local--files/theme%3Amujin-getsudo/mujingetsudo.png) 40px 6px no-repeat;
}

div#header h1 a span {
    /* hiding header text */
    font-size: 0px;
    color: transparent;
}

div#header h1 a:before {
    content: " ";
    color: rgb(24, 24, 24);
}

div#header h2 span {
    font-size:0px;
    padding: 4px;
}

div#header h2:after {
    content: " ";
    font-weight: bold;
    color: rgb(255, 224, 135);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}

/* SIDE-BAR */

div#side-bar a,
div#side-bar a:visited {
    color: var(--fg-dark);
}

div#side-bar div.side-block {
    background: rgb(24, 24, 24) !important;
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}

div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link:hover {
    color: rgb(255, 224, 135);
    border-color: rgb(255, 224, 135);
}

div#side-bar div.collapsible-block-folded {
    background-image: none;
}

/* Recolors the image bullet points in the side-bar */
.side-block .menu-item > .image {
    filter: hue-rotate(230deg) invert(100%);
}

/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}

/* Recolors the drop down from the arrow next to username in the header */
#login-status ul a {
    color: var(--fg);
    background: var(--bg);
    border-color: var(--fg);
}

#login-status ul a:hover {
    color: var(--fg-dark);
}

/* Makes the code readable */
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}

/* Top-Bar */
#top-bar a {
    color: var(--fg-dark);
}

#top-bar ul li ul {
    border-color: var(--fg-light);
}

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

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background-color: var(--bg-light);
    color: var(--fg-dark);
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--bg-dark); /* top bar hover background color */
    color: var(--fg-dark);
}

div.yui-navset div.yui-content {
    background: rgb(24, 24, 24);
}

div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: rgb(24, 24, 24);
    color: rgb(255, 237, 185);
    border: solid 1px #ffffff;
}

div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(40, 40, 40);
    color: rgb(255, 237, 185);
}

div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: rgb(50, 50, 50);
    color: var(--fg);
    border: solid 2px #ffff99;
}

/* rating module */

div.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    background-color: var(--bg-dark);
    color: white;
    border: 0;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
    background-color: var(--bg-dark);
    border: 0;
    border-left: 1px solid var(--fg-accent-light);
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background-color: var(--bg-dark);
    color: white;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background-color: var(--bg-dark);
    color: white;
}

/* footnote hovers */

.hovertip {
    width: 20em;
    padding: 0.5em;

    border: 1px solid var(--fg-accent-light) !important;
    border-radius: 0.5em;

    background-color: #000000ee !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}

.hovertip .f-heading {
    color: var(--fg-accent-light);
}

/* inputs */

input.text, input.button,
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}

div.buttons input:hover, div.buttons input:focus,
input.button:hover, input.button:focus,
button:hover, button:focus,
file:hover, file:focus,
a.button:hover, a.button:focus {
    border-color: var(--fg-accent-2);
    background: transparent;
    color: var(--fg);
}

input.text:hover, input.button:hover,
input.text:focus, input.button:focus,

    color: var(--fg);
    background: transparent;
    border: 1px solid var(--fg-accent-2);
    outline: 0;
}

/* EDITING WINDOWS */
.owindow {
    color: #000;
}

.owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 {
    color: #000;
}

.owindow a {
    color: #272727;
}

table.page-files .highlight {
    background-color: #272727;
}

input.text {
    border: 1px dashed #000;
    color: #fff;
}

input.text:focus {
    border: 1px dashed #000;
    color: #fff;
}

input.text:hover {
    border: 1px dashed #000;
    color: #fff;
}

div#lock-info {
    background-color: var(--bg-light);
}

/* BLOCKQUOTES */

blockquote,
div.blockquote {
    background: var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
}

/* Parawatch Forum Pseudo-Blockquotes */
div.parapost {
    background: var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
    padding: 0 1em;
    margin: 1em 3em;
}

div.parapost.reply1 {margin: 1em 3em 1em 4em;}
div.parapost.reply2 {margin: 1em 3em 1em 5em;}
div.parapost.reply3 {margin: 1em 3em 1em 6em;}
div.parapost.reply4 {margin: 1em 3em 1em 7em;}
div.parapost.reply5 {margin: 1em 3em 1em 8em;}

@media (max-width: 479px) {
   div.parapost {margin: 1em 0;}
   div.parapost.reply1 {margin: 1em 0 1em 1em;}
   div.parapost.reply2 {margin: 1em 0 1em 2em;}
   div.parapost.reply3 {margin: 1em 0 1em 3em;}
   div.parapost.reply4 {margin: 1em 0 1em 4em;}
   div.parapost.reply5 {margin: 1em 0 1em 5em;}
}

@media (min-width: 480px) and (max-width: 580px) {
   div.parapost {margin: 0.5em;}
   div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}
   div.parapost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;}
   div.parapost.reply3 {margin: 0.5em 0.5em 0.5em 2em;}
   div.parapost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;}
   div.parapost.reply5 {margin: 0.5em 0.5em 0.5em 3em;}
}

/* IMAGES */

#page-content .scp-image-block {
    border-color: var(--fg-accent);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: var(--fg-accent);
    background-color: var(--bg-dark);
}

table.wiki-content-table th {
    background-color: var(--bg-dark);
}

hr {
    background-color: var(--fg);
}

.code {
    border: 1px dashed var(--fg);
    background-color: transparent;

    font-size: 1em;
}

/* INFO MODULE */

#page-content .rate-box-with-credit-button .creditButton {
    background-color: black;
    border: 1px solid black;
}

#page-content .rate-box-with-credit-button .creditButton:hover {
    background-color: rgb(36, 36, 36);
    border: 1px solid rgb(36, 36, 36);
}

#page-content .rate-box-with-credit-button .creditButton a:hover {
    color: white;
}

#page-content .modalbox .printuser a {
    color: #b01;
}

#page-content .modalbox h2 {
    color: black;
}

#page-content .rate-box-with-credit-button {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
}

#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: var(--fg-accent-light);
}

#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;
}
#page-content .creditButtonStandalone p a {
    background: var(--bg-dark);
    box-shadow: 0 0 3px var(--bg-light);
}
#page-content .creditButtonStandalone p a:hover {
    background: #3498db;
}

#page-content .modalbox {
    background: linear-gradient(var(--bg) 51px,var(--bg-light) 51px,var(--bg-light)) !important;
    color: var(--fg);
    box-shadow: 0 2px 6px #404040;
}

.close-credits,
.credit-back {
    filter: hue-rotate(230deg) invert(100%) brightness(150%);
}

#footer {
    background: var(--bg-light);
}

/* MOBILE CODE */
@media (max-width: 767px) {
    div#header {
        background-size: 22em;
        background-position: 1em;
    }

    #top-bar div.open-menu a {
        border: 0.2em solid var(--bg-light);
        background-color: #787878;
        color: var(--bg-light);
  }
}

/* MAKIMONO CODE */
.content-panel.standalone {
font-family: '楷体', Courier, monospace;
width: 650px;
padding: 10px 10px;
margin: 10px 10px 50px 10px;
background: url(https://scp-jp.wdfiles.com/local--files/theme%3Amujin-getsudo/bg.png) repeat;
font-size: 130%;
font-weight: 700;
text-shadow: 0px 0px 0px rgba(0,0,0,.25);
color: rgb(0, 0, 0);
}

.content-panel.standalone a {
color: rgb(162, 0, 0);
}

@media (max-width: 1029px) {
.content-panel.standalone {
padding: 0.5em 0;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.content-panel.standalone {
font-size: 100%;
}
}
.autowrap {
    width: 100%;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.autowrap p {
    margin: 1em 0.5em;
}

/* 跨维基模块 */

:root {
    --fg-dark: #e6e6e6;
}

.side-block div.menu-item a,
.side-block div.menu-item a:visited {
    color: var(--fg-dark);
}

.side-block {
    background: rgb(24, 24, 24);
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}

.side-block div.heading,
.side-block div.collapsible-block-unfolded-link,
.side-block div.collapsible-block-unfolded-link a.collapsible-block-link,
.side-block div.collapsible-block-unfolded-link a.collapsible-block-link:hover {
    color: rgb(255, 224, 135);
    border-color: rgb(255, 224, 135);
}

.side-block div.collapsible-block-folded {
    background-image: none;
}

/* Recolors the image bullet points in the side-bar */
.side-block .menu-item > .image {
    filter: hue-rotate(230deg) invert(100%);
}