Thème de TDJM

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.

---

Module de notation :

Ce thème est celui du canon Tout Droit Jusqu'au Matin. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:sotm]]

Lien non visité (Lien visité)

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Un onglet

Ceci est un onglet.

Un autre onglet

Hé regarde, il y a plus de texte ici.

Surprenant.

Onglet long

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

Onglet vide

Onglet vide

Onglet vide

Onglet vide

Onglet vide

C'est un	tableau
Tu devrais	déjà savoir
comment les faire

/*
    SCP Straight On Till Morning
    [2015 Wikidot]
    Created for the SCP Foundation by Von Pincier. Credits to Reach, Aelanna and Crayne for the template.
*/
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #020202;
    --ct_brd_rate-primary: solid 2px #f0dda2;
    --ct_col_rate-cancel: #86c288;
    --ct_col_rate-link-hover: #92c893;
}
 
h1,
#page-title {
    color: #7F671D;
}
 
a,
a:visited,
a.newpage {
    color: #7F671D;
}
 
/* BODY */
body {
    background-color: #f3ebd4;
}
 
div#container-wrap {
    background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Asotm/SOTMbg.png);
}
 
/* HEADER */
#header {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asotm/FSFLogosmall.png) 0px 6px no-repeat;
}
 
#search-top-box-input {
    border: solid 1px #86c288;
    color: #86c288;
    background-color: #020202;
    font-family: CourierNew, Courier, monospace;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #86c288;
    color: #86c288;
    background-color: #020202;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #86c288;
    color: #86c288;
    background: #020202;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #86c288;
    background: #020202;
}
 
#login-status {
    color: #86c288;
    font-family: CourierNew, Courier, monospace;
}
#login-status a {
    background: transparent;
    color: #86c288;
}
#login-status ul a {
    color: #86c288;
    background: #020202;
}
 
#login-status ul a:hover {
    color: white;
}
 
#account-topbutton {
    background: #ccc;
    color: #86c288;
}
 
#header h1 a {
    font-size: 0%;
}
 
#header h2 span {
    font-size: 0%;
}
/* TOP MENU */
#top-bar {
    font-family: CourierNew, Courier, monospace;
}
 
#top-bar a {
    color: #020202;
    background: transparent;
}
 
#top-bar ul li ul {
    border: solid 1px #666;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #f0dda2;
    color: #020202;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #020202;
    color: #86c288;
}
 
#top-bar ul li ul a,
#top-bar a:hover {
    color: #f0dda2;
}
 
/* SIDE MENU */
#side-bar .side-block {
    background: #020202 !important;
    border: 5px solid #f0dda2;
    box-shadow: none;
    color: white;
    font-family: CourierNew, Courier, monospace;
}
 
#side-bar .heading {
    border-bottom: solid 1px white;
    color: white;
}
 
#side-bar a,
#side-bar a:visited {
    color: #86c288;
}
 
#side-bar .menu-item > img {
    filter: hue-rotate(150deg) brightness(200%);
}
 
iframe.scpnet-interwiki-frame {
    filter: invert(1) hue-rotate(300deg) saturate(1);
    -webkit-filter: invert(1) hue-rotate(300deg) saturate(1);
}
 
/* Page Rating Module Customizations */
.page-rate-widget-box {
  display: inline-flex;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0,0,0,.5);
  margin-bottom: 10px;
  margin-right: 2em;
}
.page-rate-widget-box .rate-points {
    background-color: #020202 !important;
    border: solid 2px #f0dda2;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #020202;
    border-top: solid 2px #f0dda2;
    border-bottom: solid 2px #f0dda2;
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #86c288;
    padding: 0 4px;
    margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background-color: #020202;
    color: #86c288;
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    background-color: #020202 !important;
    border-top: solid 2px #f0dda2 !important;
    border-bottom: solid 2px #f0dda2 !important;
    border-right: solid 2px #f0dda2 !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}
.page-rate-widget-box .cancel a {
    background: transparent !important;
    color: #86c288 !important;
 
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0 3px 3px 0 !important;
    background: #020202 !important;
    color: #86c288 !important;
}
 
/* Pour le module de crédit FR */
.rate-box-with-credit-button .creditButton {
    color: #86c288 !important;
    background-color: #020202 !important;
    border-color: #f0dda2 !important;
}
.creditButton {
    border: solid 2px #f0dda2 !important;
}
.creditButton a {
    color: #86c288 !important;
}
.creditButton a:hover {
    color: #a4eda6 !important;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f3ebd4;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#020202;
    color: #f2f2f2;
    background-image: url(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:#020202 url(none) repeat-x left -1400px; /* selected tab background */
    color:#86c288;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#020202 url(none) repeat-x left -1300px;
    color: #86c288;
    text-decoration: none;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #f0dda2;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #f0dda2;
}
 
@media (max-width: 767px) {
     #side-bar{
         background-color: #020202;
      }
 
     #header {
         background-size: auto 70px;
         background-position-y: 30px;
     }
}