Thème Darkbody

EH TOI LÀ !

Cette page est utilisée en interne par le Wiki SCP,

MERCI DE NE PAS MODIFIER CETTE PAGE
SANS LA PERMISSION DU STAFF.

Ceci est le thème "Darkbody". Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:darkbody]]

Tous les articles postés sur le site doivent utiliser le code du dessus, mais il ne marchera pas sur votre page sandbox ! Pour cela, il vous faudra utiliser celui-ci :

[[include :fondationscp:theme:darkbody]]

Image d'exemple.

Ceci est un lien

Ceci est un lien déjà visité

Ceci est un lien inexistant

Texte avec une note de bas de page¹

Premier Titre

Titre	Titre	Titre
Contenu	Contenu	Contenu
Contenu	Longue cellule
Très longue cellule

@import url('https://fonts.googleapis.com/css?family=Play');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
/*
    SCP-001 Darkbody Theme
    [2018 Wikidot Theme]
    Based on Aelanna's Sigma 9 and Greenwolf's Third Law
    Edited by djkaktus for the Doomsday Contest 
*/
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #708090;
    --ct_brd_rate-primary: solid 1px #2F4F4F;
    --ct_col_rate-cancel: #2F4F4F;
}
 
/* COMMON */
h1, #page-title {
    color: #101919;
}
#page-title {
    border-color: #bbb;
}
 
/* Links */
a, #side-bar a, #side-bar a:visited {
    color: #2f4f4f;
}
a.newpage {
    color: #436060;
}
#main-content#a:visited {
    color: #2a4747;
}
 
.form-control {
width: 95%;
}
 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Adarkbody/body_bg) top left repeat-x;
}
 
/* HEADER */
#header {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Adarkbody/logo) 10px 35px no-repeat;
}
#search-top-box-input {
    border: solid 1px #2F4F4F;
    border-radius: 5px;
    color: #ccc;
    background-color: #708090;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #2F4F4F;
    color: #fff;
    background-color: #708090;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #2F4F4F;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    background-color: #708090;
    background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #2F4F4F;
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,.25)
    background-color: #708090;
    background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #708090;
}
#login-status a {
    background: transparent;
    color: #708090;
}
#login-status ul a {
    color: #708090;
    background: transparent;
}
 
#account-topbutton {
    background: #2F4F4F;
    color: #708090;
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
}
 
#header h1 a {
    display: block;
    content: "Haut Commandement";
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: 'Play', sans-serif; 'Open Sans', sans-serif;
    font-size: 180%;
    text-decoration: none;
    text-shadow: none;
 
}
 
#header h1 a::before {
    content: "Haut Commandement";
    color: #416d6d;
    text-shadow: 3px 3px 5px black;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: 'Base de données interne du Site-01';
    color: #708090;
    text-shadow: 1px 1px 1px black;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
}
 
/* TOP MENU */
#top-bar a {
    color: #C0C0C0;
    background: transparent;
}
 
#top-bar ul li ul {
    border: solid 1px #2F4F4F;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #C0C0C0;
    color: #2F4F4F;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    border-top: 1px solid #ddd;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #C0C0C0;
    text-decoration: none;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* SIDE MENU */
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
    filter: hue-rotate(210deg);
    -webkit-filter: hue-rotate(210deg);
}
 
#side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
/*
Can't touch the translation box with CSS, unfortunately, so this will just vanish it
Hopefully temporary kludge THANKS GREENWOLF
*/
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
    -webkit-filter: hue-rotate(185deg) saturate(41%) brightness(86%);
    filter: hue-rotate(185deg) saturate(41%) brightness(86%);
    border: 1px solid #2F4F4F
    border-shadow: none;
}
#side-bar .side-block {
    border: 1px solid #2F4F4F;
    box-shadow: 0 2px 6px rgba(32,32,32,1) !important;
    background: #DCDCDC !important; 
}
#side-bar .heading {
    color: #2F4F4F;
    border-bottom: solid 1px #2F4F4F;
}
#side-bar div.menu-item.inactive a {
    color: #2F4F4F;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #2F4F4F;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #2F4F4F;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #2F4F4F;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #b01;
    text-decoration: none;
}
#side-bar a:visited { 
    color: #416d6d;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
}
.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 */
    color:#fff;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
 
/* FOOTER */
#footer {
    background: #444;
    color: #bbb;
}
#footer a {
    color: #fff;
    background: transparent;
}
 
/* Custom page content classes */
 
.content-panel {
    border: solid 1px #888880;
    border-radius: 10px;
    background-color: #999990;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #bbb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
    background: #fcfdfb;
}
 
.content-panel .panel-heading {
    padding: 2px 10px;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-body {
    padding: 5px 10px;
    background: #C0C0C0;
}
.content-panel .panel-footer {
    padding: 1px 10px;
    color: #C0C0C0;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
    color: #C0C0C0 ;
}
.content-panel .content-toc {
    float: right;
    padding: 0 20px;
    background-color: #C0C0C0;
    border: solid 1px #ccc;
    border-radius: 10px;
    margin: 20px 0 5px 5px;
    white-space: nowrap;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
 
.alternate:nth-child(even) {
    background-color: rgba(255,255,255,.9);
}
 
/* Heritage Collection Rating Module */
.heritage-rating-module {
    display: inline-block;
    background-color: #633;
    padding: 2px 8px 2px 5px;
    border: solid 1px #ccc066;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    margin-right: 2em;
    margin-bottom: 10px;
}
.heritage-rating-module .heritage-emblem {
    float: left;
    position: relative;
    top: -2px;
    left: 2px;
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 2px;
}
 
/* Standard Image Block */
.scp-image-block {
    border: solid 1px #2F4F4F;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
}
 
.scp-image-block.block-right {
        float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.scp-image-block .scp-image-caption {
    background-color: #C0C0C0;
    border-top: solid 1px #2F4F4F;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}

modèle thème

révision de page: 29, édité la dernière fois: 13 Apr 2021 20:11

Éditer Voter (0) Étiquettes Discuter (0) Historique Fichiers Imprimer Outils du site + Options

Fondation SCP

Sécuriser, Contenir, Protéger

Premier Titre

Premier Titre

Second Titre

Premier Titre

Second Titre

Troisième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Autres sites dignes d'intérêt

History in the New Media

Id Backrooms Sandbox

WikiPlan

DRC Association

Fondation SCP

Sécuriser, Contenir, Protéger

Crédits

Premier Titre

Premier Titre

Second Titre

Premier Titre

Second Titre

Troisième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Autres sites dignes d'intérêt

History in the New Media

Id Backrooms Sandbox

WikiPlan

DRC Association