SKP 테마

멈춰! 이건 공명의 함정이다!

SCP 위키 내부에서 사용되는 템플릿 페이지입니다.

스탭의 허가없이
이 페이지를 만지지 마세요


The actual SKP theme

To copy this theme to your branch, do not just copy this page!
You will find more instructions on the bottom.

@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: UnifrakturMaguntia, 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: UnifrakturMaguntia, 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: UnifrakturMaguntia, 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: "Sonderkommando";
    font-size: 30px;
    color: #fff;
}
#header h2 span {
    margin-left: 20px;
    padding: 13px 0;
    color: transparent;
    font-family: UnifrakturMaguntia, 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: "für Paranormales";
    font-size: 30px;
    color: #fff;
}
 
#top-bar a {
    color: #b00;
    font-family: UnifrakturMaguntia, 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: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-weight: normal;
    font-size: 115%;
    text-decoration: underline;
}
#toc #toc-action-bar {
    font-family: UnifrakturMaguntia, 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: UnifrakturMaguntia, 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]]
따로 명시하지 않는 한에서 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.