SCP基金会云国分部

/*
    time：2022/10/8
    by：huanmengxiehun
    name：Science Theme
    CC0
*/

@import url('https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap');
:root {
    --accentColor: #1eb5e8;
}

body {
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom,
        #21252E, #21252E 90px,
        #21252E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}

::-webkit-scrollbar {
  width: 9px;
  background: #transparent;
}

::-webkit-scrollbar-track {
  background: #21252E;
}

::-webkit-scrollbar-thumb {
  background: #ededed;
  border: none;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accentColor);
}

/*版头*/
div#container-wrap {
    background: url(http://scpsandboxcn.wikidot.com/local--files/echoaphaniptera2/BG2.png) top left repeat-x;
}
div#header {
    background: url(http://scp-wiki.wdfiles.com/local--files/theme%3Ascpedia/raisa.png) 1px 55px no-repeat;
    background-size: 68px 68px
}
div#header h1 a span {
    font-size: 0px;
}
div#header h1 a:before {
    font-family: 微软雅黑;
    color: #fff;
    text-shadow: 2px 2px 2px gray;
}
div#header h2 span {
    font-size: 0px;
    padding: 4px;
}
div#header h2:after {
    font-weight: bold;
    color: #cccccc;
    padding: 19px 0;
    text-shadow: 1px 1px 1px black;
    white-space: pre;
}
div#side-bar div.side-block {
    background: #cccccc;
    border: 1px solid #000000;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

div {
         color: ffffe0;
}

/* 页面标题 */
#page-title {
    color: #fff;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: 150%;
    font-family: 'Zhi Mang Xing';
}
/* 1~6级标题样式 */
h1 {
    color: var(--accentColor);
    font-family: 'Josefin Sans', '黑体', sans-serif;
    font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
    color: #808080;
    font-family: 'Josefin Sans', '黑体', sans-serif;
    font-weight: bold;
}

p {
     font-family: "Times New Roman",serif;
     line-height: 1.2em;
}

.indentation {
              text-indent: 25px;
              line-height: 1em;
}

a:link {
          color: #1eb5e8;
}/* 未访问链接*/
a:visited {
                color: #f00;
}/* 已访问链接 */
a:hover {
              color: #0ff;
}/* 鼠标移动到链接上 */
a:active {
              color: #87CEEB;
}/* 鼠标点击时 */

/*侧边栏*/
#side-bar a:visited {
    color: #4497b2;
}
div#side-bar div.side-block {
    background: #294957;
}
#search-top-box-input {
    color: #56afa3;
    background-color: #294957;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    color: #fff;
    background-color: #294957;
}
#search-top-box-form input[type=submit] {
    border-color: #999;
    color: #fff;
    background-color: #294957;
    background: linear-gradient(to bottom, #56afa3, #546d7c, #294957);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border-color: #f0fcff;
    color: #f0fcff;
    background-color: #294957;
    background: linear-gradient(to bottom, #56afa3, #546d7c, #294957);
}
#side-bar div.menu-item .sub-text {
    color: #ffffff;
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: #20728d;
    border-color: #20728d;
}

#side-bar .side-block {
    border: 1px solid #294957;
    border-radius: 10px;
    box-shadow: 0 2px 6px #294957;
}
#side-bar a,a:visited {
    color: #9ff5ff;
}

#side-bar img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* 顶栏 */
#top-bar {
    background: linear-gradient(to right, transparent 50%, #0b1d51 75%, transparent 100%);
}

#top-bar ul li a {
    border: none;
    color: #4bb1ff;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a,
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    background: rgba(0, 85, 155, 0.9);
    border: none;
    color: #ffffff;
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #00559b;
    color: #e6e6e6;
}

#top-bar ul li.sfhover ul li a
#top-bar ul li:hover ul li a {
    padding-bottom: 0.0938rem;
    padding-top: 0.0938rem;
}

#top-bar ul li ul {
    border: 0.0625rem solid #2477ac;
}

#top-bar .open-menu a {
    background-color: #e4e9ff;
    border-color: #6677a8;
    color: #6677a8;
}

/*tab*/
div.yui-navset div.yui-content {
    background: #ccc;
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #000;
    color: #ffffff;
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: #000;
    color: #ffffff;
}
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: #000;
    color: #fff;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000;
}
/*评分*/
.page-rate-widget-box {
     margin: unset;
     border-radius: 0;
     border: solid 2px #21252E;
     box-shadow: 3px 0px 0px 0px var(--accentColor);
     background-color: #21252E;
     margin-top: 4px;
     margin-bottom:4px;
     margin-right: 3px;
}

.page-rate-widget-box .rate-points {
    background-color: #21252E !important;
    border: none;
    color: #ededed !important;
    text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #21252E;
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #21252E;
    color: var(--accentColor);
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #21252E;
    border: none;
}
.page-rate-widget-box .cancel a {
    color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
    background: #21252E;
    color: var(--accentColor);
}

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

.fancyhr hr {
    background-color: transparent !important;
}

/*引用块*/
blockquote,
div.blockquote,
#toc {
    background-color: #21252E;
    border: #21252E 2px solid;
    border-left: 5px dashed var(--accentColor);
    box-shadow: 4px 4px #2F333C;
}

.code {
    background-color: #F8F8F8;
    border: solid 3px #2F333C;
    box-shadow: none;
}

#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background: #21252E;
    transition: background 0.25s linear;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽ ";
}
#page-content .collapsible-block-link {
    text-decoration: none;
    color: #ededed;
    font-weight: bold;
}
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--accentColor);
}
#page-content .collapsible-block-unfolded-link {
    box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hovertip {
    font-size: .9rem;
    background-color: #21252E !important;
    border: solid 1px var(--accentColor) !important;
}

/* Selection */
::selection {
    background: var(--accentColor);
    color: #ffffff;
}

.footnotes-footer {
    background-color: #21252E;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 1.5rem;
    box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
    color: #ededed;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}