Customize your theme
@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 注意:未经允许禁止搬运 */ /* ---- PAGE WRAP ---- */ div#container-wrap{ background-image: url(http://scp-wiki.wdfiles.com/local--files/theme%3Aclassic/classic_body_bg.png); background-repeat: repeat-x; } /* 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; } /* 禁用讨论区的特殊格式 */ .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; }