@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');

/*
    Powered on 2019/05/09 06:09:42
    [2019 Wikidot Theme]
    Created by The Great Hippo
    CC BY-SA 3.0
*/

/* 字体和颜色 */

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

    --fg-light: #c6c6c6;
    --fg:  #c6c6c6;
    --fg-dark: #e6e6e6;

    --fg-accent-light: #ffffcc;
    --fg-accent: #ffff99;
    --fg-accent-dark: ff9900;

    --fg-accent-2: #c6c6c6;

}

body {
    background: var(--bg);
    color: var(--fg);
    font-family: 'PT Mono', '新宋体', monospace;
}

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

h1, h2, h3, h4, h5, h6, #page-title {
    color: var(--fg-light);
    font-family: 'PT Mono', '新宋体', monospace;
}

ins, del {
    color: black;
}

/* 头部 */
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-block .menu-item > .image,
#interwiki .menu-item img {
    filter: hue-rotate(230deg) invert(100%);
}

/* 从标题中用户名旁边的箭头重新着色下拉菜单 */
#login-status ul a {
    color: var(--fg);
    background: var(--bg);
    border-color: var(--fg);
}

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

/* 增强代码可读性 */
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}

/* 脚注 */

.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);
}

/* 输入 */

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);
}

/* 编辑框 */
.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);
}

/* 引用块 */

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

/* 论坛格式的假引用 */
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;}
}

/* 图片 */

#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-family: "Courier", "Courier New", "Roboto Mono", '仿宋', monospace;
    font-size: 1em;
}

/* 个人信息模块*/

#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));
    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);
}

/* 移动端代码 */
@media (max-width: 767px) {
    div#header {
        background-size: 22em;
        background-position: 1em;
    }