Une discussion sur forum tout ce qu'il y a de plus normale
@import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
 
/*
    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
    The font Special Elite is under Apache License 2.0
*/
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #b00;
    --ct_col_rate-secondary: #fff;
    --ct_col_rate-cancel: #fff;
    --ct_col_rate-link-hover: #f1cccc;
    --ct_brd_rate-primary: solid 1px var(--ct_col_rate-primary);
}
 
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://fondationscp.wdfiles.com/local--files/theme%3Askp/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 {
    background-color: #b00;
    border: solid 1px #900;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
    color: #ccc;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #b00;
    border: solid 1px #900;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.8);
    color: #fff;
}
#search-top-box-form input[type=submit] {
    background: #fff;
    border: none;
    box-shadow: none;
    color: #b00;
    font-family: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-weight: normal;
    padding: 3px 5px 1px;
    position: relative;
    top: -2px;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: #fff;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
    color: #b00;
    text-shadow: none;
}
 
#login-status {
    background-color: transparent;
    color: #b00;
    font-size: 90%;
    padding: 0;
    top: 7px;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #b00;
}
#login-status ul a {
    background: transparent;
    color: #000;
    font-family: Arial, sans-serif;
    text-decoration: underline;
}
#account-topbutton {
    background: transparent;
    border: 1px solid #b00;
    color: #b00;
}
 
#header h1 a {
    color: transparent;
    font-family: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-size: 0px;
    font-weight: normal;
    letter-spacing: inherit;
    margin-left: 20px;
    padding: 67px 0 25px;
    text-shadow: 1px 1px 1px transparent;
}
#header h1 a::before {
    color: #fff;
    content: "Sonderkommando";
    font-size: 30px;
}
#header h2 span {
    color: transparent;
    font-family: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-size: 0px;
    font-weight: normal;
    margin-left: 20px;
    padding: 13px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px transparent;
}
#header h2 span::before {
    color: #fff;
    content: "für Paranormales";
    font-size: 30px;
}
 
#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 {
    border-color: #888;
    color: #b00;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #b00;
}
#top-bar ul li a.c_tb_a_Hauptseite {
    background: url('http://scp-wiki-de.wdfiles.com/local--files/nav:side/home.png') center 4px no-repeat;
}
#top-bar ul li a.c_tb_a_Hauptseite:hover {
    background: url('http://scp-wiki-de.wdfiles.com/local--files/nav:side/home.png') center 4px no-repeat, #eee;
}
 
#side-bar .side-block {
    border: 1px solid #888;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
 
/* Page objects */
 
#toc .title {
    text-decoration: underline;
    font-family: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-size: 115%;
    font-weight: normal;
}
#toc #toc-action-bar {
    font-family: UnifrakturMaguntia, Old English Text MT, Times, serif;
    font-size: 110%;
    font-weight: normal;
}
 
.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);
}
 
/* Tabview */
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    background: #f5f5f5;
    border: 1px solid #888;
    border-top: none;
    margin: 0 auto 15px auto;
    padding: 1px 10px;
}
.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-size: 115%;
    font-weight: normal;
}
.typewriter {
    font-family: Special Elite, Times, serif;
}
.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://fondationscp.wdfiles.com/local--files/component%3Askptheme/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://fondationscp.wdfiles.com/local--files/component%3Askptheme/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://fondationscp.wdfiles.com/local--files/component%3Askptheme/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://fondationscp.wdfiles.com/local--files/component%3Askptheme/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://fondationscp.wdfiles.com/local--files/component%3Askptheme/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;
    }
}

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License