SCP基金会中文分部

@import url('https://fonts.googleapis.com/css?family=Homenaje');
@import url('https://fonts.googleapis.com/css?family=Lato');

:root:lang(cn) {
   --deepsea: linear-gradient(to bottom,
       rgb(0,0,101),
       rgb(23,0,82),
       rgb(0,0,0))
}

div#container-wrap {
    background: url(none);
}

div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}

div#extra-div-2 {
    height: 23px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: linear-gradient(to top,
      rgb(59, 59, 59),      
      rgb(83, 83, 83));
    border-bottom: 2px solid rgba(188, 184, 185, 0.5);
}

#header {
    background-image: url("http://scp-jp-storage.wikidot.com/local--files/file:5875210-2-nxpc/%E3%83%97%E3%83%AD%E3%83%A1%E3%83%86%E3%82%A6%E3%82%B9%E3%83%AD%E3%82%B4%E3%83%9B%E3%83%AF%E3%82%A4%E3%83%88.png");
}

#header h1 a {
    color: transparent;
    text-shadow: none;
    font-family: 'Homenaje', sans-serif;
}

#header h1 a::before {
    color: #f3f3f3;
    letter-spacing: 3px;
    content: "普罗米修斯实验室";
    font-size: 100%;
    text-shadow: -1px -1px 0 #282828, 1px -1px 0 #282828, -1px 1px 0 #282828, 1px 1px 0 #282828;
}

#header h2 span {
    color: transparent;
    text-shadow: none;
}

#header h2 span::before {
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    content: "通过学习和直觉，神秘变成普遍。";
    color: rgb(173,171,181);
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

#header .button,
#header .text,
#header .text:active {
    border-radius: 20px !important;
}

#login-status {
    font-weight: bold;
    color: rgb(173,171,181);
}

#login-status a {
    color: white;
}

#login-status ul {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}

#login-status ul a {
    color: rgb(173,171,181);
    background: transparent;
}

#login-status ul a:hover {
   color: white;
}

#search-top-box-input {
    background-color: #003;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #336;
}
#search-top-box-form input[type=submit] {
    background-color: #336;
    background: linear-gradient(to bottom, #669, #336, #003);
}

#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: #669;
    background: linear-gradient(to bottom, #99c, #669, #336);
}

#top-bar ul li ul {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    border: solid 1px rgb(0,0,102);
}

#top-bar ul li:hover a[href="javascript:;"] {
    background: rgb(41,41,41);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid transparent;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: transparent;
    color: rgb(173,171,181);
}

#top-bar ul li ul a {
    color: rgb(173,171,181);
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgba(195, 200, 220);
    color: #10b;
}

body {
    background: linear-gradient(to bottom,
        rgb(200,200,200),
        rgb(245,245,245) 400px
    );
}

h1, #page-title {
    color: rgb(44,46,100);
}

#page-title {
   border-color: rgb(44,46,100);
   font-family: 'Saira Stencil One', cursive;
   text-align: center;
}

::-webkit-scrollbar {
    width: initial;
    height: initial;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(175, 175, 175, .7);
    border-radius: 5px;
    border: 1px solid black;
}

::-webkit-scrollbar-track {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}

::selection {
    background: rgba(35, 35, 180, 0.25);
}

#side-bar a,
#side-bar a:visited,
#side-bar a.newpage {
    color: rgb(173,171,181);
}

#side-bar .side-block {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    border: 1px solid black;
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    color: white;
}

#side-bar .side-block.media,
#side-bar .side-block.resources {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}

#side-bar .heading {
    color: white;
    border-color: white;
}

iframe.scpnet-interwiki-frame,
.side-block .menu-item > .image {
    filter: grayscale(100%) invert(1);
}

#footer {
    background: rgb(23,0,82);
}

a {
    color: rgb(17,0,187);
}

a.newpage {
    color: rgb(17,102,221);
}

a:visited {
    color: rgb(17,0,153);
}

.buttons .btn,
#lock-info {
    border-color: rgb(100,100,100);
    background-color: rgb(235,235,235);
}

div.page-rate-widget-box .rate-points {
    background-color: #336;
    border: solid 1px #336;
    text-transform: capitalize;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #f0f6ff;
    border-top: solid 1px #336;
    border-bottom: solid 1px #336;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: #336;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover{
    background: #336;
    color: #f0ffff;
}

.page-rate-widget-box .cancel {
    background-color: #336;
    border: solid 1px #336;
}

.page-rate-widget-box .cancel a {
    color: #669;
}

.page-rate-widget-box .cancel a:hover {
    background: #336;
    color: #f0ffff;
}

blockquote,
div.blockquote,
.code {
     background: rgb(235, 235, 235);
}

table.wiki-content-table th {
    background-color: rgb(225,225,225);
}

.scp-image-block {
    border: solid 1px rgb(0,0,102);
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
}

.scp-image-block .scp-image-caption {
    background-color: rgb(235,235,235);
    border-top: solid 1px rgb(0,0,102);
}

div.woaf-hr {
     height: .3em;
     background: linear-gradient(to right,
         rgb(0,0,0),
         rgb(23,0,82),
         rgb(0,0,101),
         rgb(23,0,82),
         rgb(0,0,0));
     margin: 1em 0;
     border-radius: 5px;
}

div.woaf-hr p,
div.woaf-hr ul {
    display: none;
}

.document {
    border-radius: 10px;
    border: solid 1px #ccc;
    background: #ebebeb;
    width: 96.5%;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(68, 68, 68, .5);
    margin: 1.25em auto;
    text-align: justify;
}

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

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

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

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

#page-content .rate-box-with-credit-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

#page-content .rate-box-with-credit-button .page-rate-widget-box {
    background-color: #272752 !important;
    border: none !important;
    border-radius: 6px !important; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    overflow: hidden !important;
    display: inline-flex !important;
    height: 16px !important;
    line-height: 16px !important;
}

#page-content .page-rate-widget-box .rate-points,
#page-content .page-rate-widget-box .rateup,
#page-content .page-rate-widget-box .ratedown,
#page-content .page-rate-widget-box .cancel {
    background: transparent !important;
    border: none !important;
}

#page-content .page-rate-widget-box span,
#page-content .page-rate-widget-box a {
    border: none !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    color: #ffffff !important;
    font-size: 11px !important;
}

#page-content .page-rate-widget-box .rateup {
    background-color: #f0f6ff !important;
    border-left: 1px solid #272752 !important;  
    border-right: 1px solid #272752 !important; 
    border-top: 1px solid #272752 !important;   
    border-bottom: 1px solid #272752 !important;
    box-sizing: border-box !important;
    padding: 0 2px !important;
}

#page-content .page-rate-widget-box .rateup a {
    color: #272752 !important;
}

#page-content .rate-box-with-credit-button .creditButton {
    background-color: #272752 !important;
    border: none !important;
    border-radius: 8px !important;
    margin-left: 5px !important;
    height: 16px !important;
    width: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    padding: 0 !important;
}

#page-content .rate-box-with-credit-button .creditButton a {
    color: #ffffff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
}