SKP版式

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


@import url('http://scp-wiki-de.wikidot.com/component:theme/code/1');
@import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia');
 
/*
    SCP Sigma 9: SKP Edition
    [2014 Wikidot Theme]
    Created as for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
    Edited for SKP-Sites by Dr_Grom
    The font UnifrakturMaguntia is under Open Font License
*/
 
h1, #page-title {
    color: #b00;
}
 
h1, h2, h3, h4, h5, h6,
#page-title, #login-status, #login-status a, #login-status ul a, #account-topbutton {
    font-family: STLiti, Old English Text MT, Times, serif;
    font-weight: normal;
}
 
a {
    color: #b00;
}
 
div#container-wrap {
    background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/body_bg_SKP-5.png) top left repeat-x;
}
 
/* Site header and nav elements */
 
#header {
    background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo1.png) 10px 27px no-repeat, url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo2.png) 4px 21px no-repeat;
}
 
#search-top-box input.empty {
    color: #ddd;
}
#search-top-box {
    top: 96px;
}
#search-top-box-input {
    border: solid 1px #900;
    color: #ccc;
    background-color: #b00;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #900;
    color: #fff;
    background-color: #b00;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.8);
}
#search-top-box-form input[type=submit] {
    border: none;
    font-family: STLiti, Old English Text MT, Times, serif;
    font-weight: normal;
    color: #b00;
    background: #fff;
    box-shadow: none;
    position: relative;
    top: -2px;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    text-shadow: none;
    color: #b00;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #b00;
    font-size: 90%;
    z-index: 30;
    background-color: transparent;
    top: 7px;
    padding: 0;
}
#login-status a {
    background: transparent;
    color: #b00;
}
#login-status ul a {
    color: #000;
    text-decoration: underline;
    background: transparent;
    font-family: Arial, sans-serif;
}
#account-topbutton {
    background: transparent;
    color: #b00;
    border: 1px solid #b00;
}
 
#header h1 a {
    margin-left: 20px;
    padding: 67px 0 25px;
    color: transparent;
    font-family: STLiti, Old English Text MT, Times, serif;
    font-size: 0px;
    font-weight: normal;
    text-shadow: 1px 1px 1px transparent;
    letter-spacing: inherit;
}
#header h1 a::before {
    content: "异常特遣队";
    font-size: 30px;
    color: #fff;
}
 
#header h2 span {
    margin-left: 20px;
    padding: 13px 0;
    color: transparent;
    font-family: STLiti, Old English Text MT, Times, serif;
    font-size: 0px;
    text-decoration: none;
    font-weight: normal;
    text-shadow: 1px 1px 1px transparent;
}
 
#header h2 span::before {
    content: "            ";
    font-size: 30px;
    color: #fff;
}
 
#top-bar a {
    color: #b00;
    font-family: STLiti, Old English Text MT, Times, serif;
    font-size: 125%;
}
#top-bar ul li a {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
}
#top-bar ul li ul {
    border-color: #888;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
#top-bar li ul li a {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 100%;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: #b00;
    border-color: #888;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #b00;
}
 
#side-bar .side-block {
    border: 1px solid #888;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
 
/* Page objects */
 
#toc .title {
    font-family: STLiti, Old English Text MT, Times, serif;
    font-weight: normal;
    font-size: 115%;
    text-decoration: underline;
}
#toc #toc-action-bar {
    font-family: STLiti, Old English Text MT, Times, serif;
    font-weight: normal;
    font-size: 110%;
}
 
.scp-image-block {
    border: solid 1px #888;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.scp-image-block .scp-image-caption {
    border-top: solid 1px #888;
}
 
.content-panel {
    box-shadow: 0 2px 6px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.1);
}
 
/* Page Rating Module Customizations */
 
.page-rate-widget-box {
    display: inline-block;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.page-rate-widget-box .rate-points {
    background-color: #b00 !important;
    border: solid 1px #b00;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #fff6f0;
    border-top: solid 1px #b00;
    border-bottom: solid 1px #b00;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: #b00;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #b00;
}
.page-rate-widget-box .cancel {
    background-color: #b00;
    border: solid 1px #b00;
}
.page-rate-widget-box .cancel a {
    color: #b00;
}
.page-rate-widget-box .cancel a:hover {
    background: #b00;
}
 
/* Heritage Collection Rating Module */
.heritage-rating-module {
    display: inline-block;
    background-color: #b00;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
 
/* Tabview */
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border: 1px solid #888;
    border-top: none;
    margin: 0 auto 15px auto;
    padding: 1px 10px;
    background: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: none;
 
}
.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-color: #b00;
    background-image: none;
    border-color: #888;
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color:#eaa;
    background-image: none;
    text-decoration: none;
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-color: #888;    
    border-width: 0 0 3px;
}
.yui-navset .yui-nav .selected a em {
    padding: 0.25em 0.75em;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0 0.16em 0 0;
}
 
/* Custom classes */
 
.fraktur {
    font-family: STLiti, Old English Text MT, Times, serif;
    font-weight: normal;
    font-size: 115%;
}
.serif {
    font-family: Times, serif;
    font-size: 110%;
}
.monospace {
    font-family: monospace;
    font-size: 125%;
}
 
/* Correcting header position */
 
@media (max-width: 371px) {
    #header {
        background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo3.png) 0px 21px no-repeat;
        width: 100%;
    }
    #top-bar {
        width: 100%;
    }
    #top-bar li a {
        padding: 1px 0.7em;
    }
    #header h1, #header h2 {
        margin-left: 116px;
    }
    #header h1 a::before {
        content: "SKP";
        font-size: 30px;
    }
    #header h2 span::before {
        content: "";
        font-size: 20px;
    }
}
@media (min-width: 372px) and (max-width: 479px) {
    #header {
        background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo3.png) 0px 21px no-repeat;
        width: 100%;
    }
    #top-bar {
        width: 100%;
    }
    #header h1, #header h2 {
        margin-left: 116px;
    }
    #header h1 a::before {
        content: "Sonderkommando für";
        font-size: 20px;
    }
    #header h2 span::before {
        content: "Paranormales";
        font-size: 20px;
    }
}
@media (min-width: 480px) and (max-width: 580px) {
    #header {
        background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo3.png) 0px 21px no-repeat;
        width: 95%;
    }
    #header h1, #header h2 {
        margin-left: 116px;
    }
    #search-top-box-input {
        display: none;
    }
}
@media (min-width: 581px) and (max-width: 767px) {
    #search-top-box-input {
        width: 6em;
    }
    #header {
        background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo3.png) 0px 21px no-repeat;
        width: 95%;
    }
    #header h1, #header h2 {
        margin-left: 116px;
    }
}
 
@media (min-width: 768px) and (max-width: 979px) {
    #header {
        background: url(http://scp-wiki-de.wdfiles.com/local--files/component:skptheme/Logo3.png) 4px 21px no-repeat;
        width: 90%;
    }
    #top-bar {
        width: 100%;
    }
    #top-bar li a {
        padding: 1px 0.5em;
    }
    #header h1, #header h2 {
        margin-left: 120px;
    }
}


How to copy this theme

To copy and translate this theme you do not need much. If you want to save the "translated" theme for your wiki, just copy the following code, translate the two phrases and use it like any other theme. Nothing else is required.
You can add additional changes if necessary for your branch. If your branch's theme contains additional classes you should import your branches theme with an @import line before the line importing the SKP theme.
If you encounter problems just ask Dr_GromDr_Grom

[[code type="css"]]
@import url('http://scp-wiki-de.wikidot.com/component:skptheme/code/1');
/*
    SCP Sigma 9: SKP Edition
    [2014 Wikidot Theme]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
    Edited for SKP-Sites by Dr_Grom
    The font UnifrakturMaguntia is under Open Font License
*/
 
#header h1 a::before { content: "Sonderkommando"; }
#header h2 span::before { content: "für Paranormales"; }
[[/code]]


To add this translated theme to an article without the theme existing on your wiki you can use the follwing module in that page:

[[module css]]
@import url('http://scp-wiki-de.wikidot.com/component:skptheme/code/1');
#header h1 a::before { content: "Sonderkommando"; }
#header h2 span::before { content: "für Paranormales"; }
[[/module]]
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License