Sigma-10 暗色模式

评分:

评分: +15+x

评分与著作信息模块:

评分: +15+x

这是一个通用的 Sigma-10 暗色模式版式。它可以被用于任何目的。请使用下列代码以在一篇文章中应用此版式:

[[include :scp-wiki-cn:theme:dark]]

版式示例

在使用此版式时各种页面元素的外观如下所示。

logo.png

测试图像。

1级标题

2级标题

3级标题


出来吧,我们把你包围了!

标题 标题 标题
子内容 子内容 子内容
一个链接。 | 一个已访问的链接。 | 一个新的链接。
/* SCP Sigma-9 Dark */
/* Based on a theme by anqyxr and MechaLynx, readjusted by stormbreath */
 
/* -------------- OVERALL -------------- */
:root {
    background: #191919;
}
 
body {
    background: #191919 url("https://scp-wiki.wdfiles.com/local--files/theme%3Adark/bodydark.png") repeat;
    color: #aaa9a9;
}
 
a { 
    color: #F54242; 
} 
 
a:visited { 
    color: #D65C85; 
} 
 
.hovertip { 
    background: #191919 !important; 
    border: 1px solid #808080 !important; 
} 
 
/* -------------- HEADER -------------- */ 
div#container-wrap { 
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adark/headerdark.png"); 
} 
 
#account-options {
    background: #191919;
}
 
#login-status ul a {
    color: #F43434;
}
 
#account-options li a:hover {
    color: #aaa9a9;
}
 
#search-top-box-form input[type=submit] {
    background-image: linear-gradient(to bottom, #610101, #633, #300);
}
 
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
    background-image: linear-gradient(to bottom,#110e0e,#533636,#6c2828);
} 
 
/* -------------- TOP-BAR -------------- */ 
#top-bar a { 
    color: #bbb; 
    background: transparent; 
} 
 
#top-bar ul li.sfhover a, 
#top-bar ul li:hover a { 
    background: #191919; 
    color: #A8A8A8; 
} 
 
#top-bar ul li.sfhover ul li a, 
#top-bar ul li:hover ul li a { 
    border-top: 1px solid #191919; 
} 
 
#top-bar ul li.sfhover a:hover, 
#top-bar ul li:hover a:hover { 
    background: #3d3d3d; 
} 
 
#top-bar ul li ul a, 
#top-bar a:hover { 
    color: #A8A8A8; 
} 
 
/* -------------- SIDE-BAR -------------- */ 
#side-bar a, 
#side-bar a:visited, 
#side-bar a.newpage, 
#interwiki a, 
#interwiki a:visited, 
#interwiki a.newpage { 
    color: #D25B5B; 
} 
 
#side-bar .side-block, 
#side-bar .side-block.media, 
#side-bar .side-block.resources, 
#interwiki .side-block { 
    background: #191919!important; 
    border-color: #808080; 
    box-shadow: none; 
} 
 
#side-bar .heading, 
#interwiki .heading { 
    border-bottom: solid 1px #858585; 
    color: #858585; 
} 
 
#interwiki { 
    background: transparent; 
} 
 
#interwiki body { 
   background-image: unset; 
} 
 
#top-bar .open-menu a { 
    background: #161616; 
} 
 
@media (max-width: 767px) { 
     #side-bar{ 
         background-color: #332733; 
      } 
} 
 
/* -------------- PAGE ELEMENTS -------------- */ 
/* -- Rate Module -- */ 
div.page-rate-widget-box .rate-points { 
    background-color: #191919 !important; 
    border-color: #aaa9a9; 
    color: #aaa9a9 !important; 
} 
 
div.page-rate-widget-box .rateup, 
div.page-rate-widget-box .ratedown { 
    background-color: #aaa9a9; 
    border-top-color: #aaa9a9; 
    border-bottom-color: #aaa9a9; 
} 
 
div.page-rate-widget-box .rateup a, 
div.page-rate-widget-box .ratedown a { 
    color: #191919; 
} 
 
div.page-rate-widget-box .rateup a:hover, 
div.page-rate-widget-box .ratedown a:hover { 
    background: #191919; 
    color: #aaa9a9; 
} 
 
div.page-rate-widget-box .cancel { 
    background-color: #191919; 
    border-color: #aaa9a9; 
} 
 
div.page-rate-widget-box .cancel a { 
    color: #aaa9a9; 
} 
 
div.page-rate-widget-box .cancel a:hover { 
    background: #aaa9a9; 
    color: #191919; 
} 
 
/* -- Info Module -- */ 
#page-content .rate-box-with-credit-button { 
    background-color: #191919; 
    border-color: #aaa9a9; 
    border-radius: 5px; 
    box-shadow: 1px 1px 3px rgba(0,0,0,.5); 
} 
 
#page-content .creditButton p a { 
    border-left-color: #aaa9a9; 
} 
 
.rate-box-with-credit-button .cancel { 
   border-radius: 0; 
} 
 
#page-content .creditButton p a:hover { 
    color: #F54242; 
} 
 
div.modalbox { 
    background: linear-gradient(#0e0e0e 51px, #191919 51px, #191919); 
} 
 
/* -- Other Page Elements -- */ 
#page-title, 
.meta-title, 
h1 { 
     color: #C03535; 
} 
 
.scp-image-block .scp-image-caption { 
    background-color: #191919; 
    color: #808080; 
}
 
blockquote, 
div.blockquote, 
.code, 
.wiki-content-table tr th, 
#lock-info { 
    background: #0e0e0e; 
    border-color: #aaa9a9; 
} 
 
.yui-navset .yui-content { 
    background-color: #0e0e0e; 
} 
 
.yui-navset .yui-nav a, 
.yui-navset .yui-navset-top .yui-nav a { 
    background: #373636; 
    color: #aaa9a9; 
} 
 
.yui-navset .yui-nav .selected a, 
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ 
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ 
    background: #6d0000; 
} 
.yui-navset .yui-nav a:hover, 
.yui-navset .yui-nav a:focus { 
    background: #4c1717; 
} 
 
/* code highlighter stuff */ 
.hl-identifier, 
.hl-code, 
.hl-brackets { 
    color: #aaa9a9; 
} 
 
.hl-var { 
    color: #b02c7d; 
} 
 
.hl-special, 
.hl-quotes { 
    color: #f4750b; 
} 
 
.hl-number, 
.hl-string { 
    color: #ff0020; 
} 
 
/* Page Revisions Readability */ 
del, 
ins { 
    color: #333; 
} 
 
/* -------------- FUNCTIONAL ELEMENTS -------------- */ 
.pager span a { 
    border: 1px solid #808080; 
} 
 
div.buttons input, 
input.button, 
button, 
file, 
a.button, 
.owindow .button-bar a { 
    background-color: #373636; 
    color: #aaa9a9; 
} 
 
.owindow { 
    background: #1a1a1a; 
    border-color: #111111; 
} 
 
.owindow .content img { 
    background: transparent !important; 
} 
 
.owindow .title { 
    background: #000; 
} 
 
textarea, 
input.text { 
    background-color: #1f1f1f; 
    color: #aaa9a9; 
} 
 
.change-textarea-size a { 
    color: #aaa9a9; 
} 
 
/* -------------- FOOTER  -------------- */ 
#license-area { 
    color: #aaa9a9; 
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License