Customize your theme
[[module CSS]]
 
@import url('http://scp-wiki-cn.wikidot.com/local--files/component:theme/font-bauhaus.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/* 多重折叠模块 */
@import url('http://scp-wiki-cn.wikidot.com/component:colstyle/code/1');
 
@import url(http://scp-wiki-cn.wikidot.com/component:theme/code/1);
@import url(http://scp-wiki-cn.wikidot.com/component:newscptheme/code/1);
 
/*
    Powered on 2020/07/15 17:12:51
    [2020 Wikidot Theme]
    Created by agentLQ
  Edited for ESP协会 by agentLQ and Mr.Groot
注意:未经允许禁止搬运
*/
 
/* COMMON */
 
body {
     background-color: #e5e5e5;
     color: #333;
 
     --neutral: #e5e5e5;
     --key: #17181c;
     --sapphire-muted: #151a61;
     --sapphire: #000880;
     --sapphire-mid: #2634f2;
     --sapphire-light: #666999;
     --white-sapphire: #ebebf0;
     --gray-sapphire: #5b5b5d;
     --light: #bbb;
     --mid-light: #999;
     --mid: #9b9ca1;
     --mid-dark: #666;
     --dark: #333;
     --grad-1: #5b5b5b;
     --grad-2: #878787;
}
 
a,a:visited {
    color: rgb(102, 102, 102);
}
}
h1 {
    color: rgb(67, 67, 67);
}
div#header h1 a span {
    font-size: 0px;
}
div#header h1 a:before {
    content: "ESP协会";
    color: rgb(255, 255, 255);
 
}
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
div#header h2:after {
    content: "探索,控制,保卫";
    font-weight: bold;
    color: rgb(102, 102, 102);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
div#side-bar div.side-block {
    background: rgb(204, 204, 204);
}
div.yui-navset div.yui-content {
    background: rgb(204, 204, 204);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: rgb(204, 204, 204);
    color: rgb(152, 0, 0);
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(204, 204, 204);
    color: rgb(152, 0, 0);
}
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(204, 204, 204);
    color: rgb(152, 0, 0);
}
div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
    background-color: rgb(102, 102, 102)!important;
    border: solid rgb(102, 102, 102) 1px!important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    border: solid rgb(102, 102, 102)!important;
    border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
    color: rgb(166, 28, 0);
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    background-color: rgb(102, 102, 102)!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
    color: rgb(166, 28, 0)!important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
    background: transparent!important;
    color: transparent!important;
}
/* DIVS */
 
div.prompt {
border-radius: 5px;
border: 1px solid #484243;
background-color: #2f2f2f;
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
color:white;
padding:10px;
margin:5px;
}
 
div.prompt h1 {
    color: #ff4f4f;
}
 
div.prompt pre, div.prompt blockquote {
color:black;
}
 
div.side-div pre, div.side-div blockquote {
color:black;
text-shadow: none;
}
 
div.box-grey {
border-radius: 5px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
border: 1px solid #de9aa6;
background-color: #F5F7F7;
color:black;
padding:10px;
margin:5px;
}
 
#header-extra-div-2 {
    content: " ";
    position: absolute;
    top: 0;
    background: 10px 40px no-repeat;
    background-image: url(http://shesp.wikidot.com/local--files/agentlq/esplogo width=100px);/* 以后也许会换特有logo */
    background-position: center left;
    margin-top: 10px;
    height: 80px;
    width: 100%;
}
 /* Search Bar */
--search-button-background: #1b1f32;
--search-button-border: 1px solid #777;
--search-button-hover-background: #363f64;
--search-button-hover-border: 1px solid #fff;
--search-input-hover-border: 1px solid #fff;
--search-input-hover-color: #fff;
--search-input-color: #33384d;
--search-input-hover: #2d3668;
--search-input-border: 1px solid #777;
 
/* Image Blocks */
--image-block-caption-background: var(--content-bar-background);
--image-block-background: var(--primary-background);
--image-block-box-shadow: var(--content-box-shadow);
 
/* Rating Modules */
--star-rating-background: var(--primary-background);
--star-rating-border: none;
--star-rating-reading-background: #111;
--binary-rating-background: var(--primary-background);
--binary-rating-border: none;
--star-rating-hue: 0deg;
--star-rating-filter: hue-rotate(calc(var(--star-rating-hue) + 350deg)) invert(1) saturate(0.4) brightness(1.3);
--star-rating-border-radius: 0px;
--star-rating-box-shadow: none;
--star-rating-stars-box-shadow: none;
--star-rating-cell-background: var(--content-bar-background);
--nested-star-rating-border: 1px solid var(--star-rating-cell-background);
 
blockquote {
  border-style: dashed;
  border-color: #a7a7a7;
  border-width: 1pt;
  background-color: #f7f7f7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
 
div.image-block {
 float:right;
 margin:0 2em 1em 2em;
 width:300px;
}
 
div.image-block img {
width:300px;
}
/* IMAGE BLOCK */
.image-block {
    border: solid 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 6px rgba(0,0,0,.15);
    width: 300px;
}
 
.image-block.block-right {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}
 
.image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
.image-block img {
    border: 0;
    width: 300px;
}
.image-block .image-caption {
    background-color: #eee;
    border-top: solid 1px rgba(0,0,0,0.25);
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
.image-block > p {
    margin: 0;
}
.image-block .image-caption > p {
    margin: 0;
    padding: 0 10px;
}
 
/* FOOTER */
 
#footer {
    clear: both;
    font-size: 80%;
    background: #2d2d2d;
    color: #bbb;
    margin-top: 15px;
    padding: 3px 10px;
}
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
#footer a {
    color: #fff;
    background: transparent;
}
 
/* CUSTOM PAGE CONTENT CLASSES */
#page-content {
    min-height: 720px;
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
/* FIXES FOR MULTI-LINE PAGE TAGS */
 
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* DIVS */
 
div.prompt {
border-radius: 5px;
border: 1px solid #484243;
background-color: #2f2f2f;
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
color:white;
padding:10px;
margin:5px;
}
 
div.prompt h1 {
    color: #ff4f4f;
}
 
div.prompt pre, div.prompt blockquote {
color:black;
}
 
div.side-div pre, div.side-div blockquote {
color:black;
text-shadow: none;
}
 
div.box-grey {
border-radius: 5px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
border: 1px solid #de9aa6;
background-color: #F5F7F7;
color:black;
padding:10px;
margin:5px;
}
 
/* 隐藏直接贴在讨论区的图片 */
.thread-container .post .content > .image {
    content: " ";
    width: 0 !important;
    height: 0 !important;
}
.thread-container .post .content > .image-container .image {
    display: none !important;
}
.thread-container .post .content > .image::before,
.thread-container .post .content > .image-container::before {
    content: "讨论区图片请折叠";
    font-style: italic;
}
#search-top-box-form input[type=submit] {
    background-color: #666;
    background: linear-gradient(to bottom, #999,#666,#333);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: #999;
    background: linear-gradient(to bottom, #ccc,#999,#666);
}
 /* SIDE MENU */
 
#side-bar {
    clear: none;
    float: none;
    position: absolute;
    top: 0.5em;
    left: 2em;
    width: 17em;
    padding: 0;
    border: none;
    display: block;
}
#side-bar .side-div {
    padding: 10px;
    border: 1px solid #3f3f3f;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    background: #201f1f;
    margin-bottom: 15px;
    color: #FAFAFA;
    text-shadow: 1px 1px 0.2px rgba(0,0,0,.4);
}
.side-div a {
color: #f06565;
text-decoration:none;
}
.side-div a:hover {
color: #E3E3E3;
transition: 0.125s;
text-decoration:none;
}
.side-div a.newpage {
color: #6E4545 ! important;
text-decoration:none;
}
.side-div a:focus {
color: #e11e25;
text-decoration:none;
}
 
/* CONTENT */
 
/* 禁用讨论区的特殊格式 */
.thread-container .post .content *[style*=position] {position: static !important;}
.thread-container .post .content *:not(img)[style*=background] {background-image: none !important;}
.thread-container .post .content *[style*=margin] {margin: 0 !important;}
.thread-container .post .content *[style*=padding] {padding: 0 !important;}
.thread-container .post .content *[style*=line-through] {text-decoration: none !important;}
.thread-container .post .content *[style*=important]::before {content: "请勿使用 !important ";font-style: italic;}
[[/module]]
@import url("http://www.scp-wiki.net/component:collapsible-sidebar/code/1");
 
#toc0 {
    color: rgb(var(--swatch-primary,126,27,1));
}
div.blockquote {
    padding-top: 0.5em;
}
div.blockquote tt {
    margin: 0.5em 1em 1em 1em;
    display: block;
    background-color: rgb(var(--dark-gray-monochrome,48,48,52));
    color: rgb(var(--white-monochrome,252,252,252));
    padding: 0.5em;
}
[[/module]]