Dr. Groms Sandkasten Nr. 2 - Testtheme

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://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/body_bg_SKP-5.png) top left repeat-x;
}
 
/* Site header and nav elements */
 
#header {
    background: url(http://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/Logo1.png) 10px 27px no-repeat, url(http://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/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: 479px) {
    #header {
        background: url(http://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/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://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/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://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/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://scpsandboxde.wdfiles.com/local--files/dr-groms-sandkasten-nr-2/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://scpsandboxde.wikidot.com/dr-groms-sandkasten-nr-2/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://scpsandboxde.wikidot.com/dr-groms-sandkasten-nr-2/code/1');
#header h1 a::before { content: "Sonderkommando"; }
#header h2 span::before { content: "für Paranormales"; }
[[/module]]
Sofern nicht anders angegeben, steht der Inhalt dieser Seite unter Lizenz Creative Commons Attribution-ShareAlike 3.0 License