Thème de l'Initiative Horizon

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.

Ce thème est celui de l'Initiative Horizon. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:horizon-initiative-theme]]

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:horizon-initiative-theme]]

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¹

Ceci est un onglet.

Ceci est un bloc de citation faisable en mettant un chevron ">" suivi d'un espace au début de chaque ligne.
Plus de texte

C'est un trait horizontal

Blocs de citation imbriqués

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

/*
    Thème de l'Initiative Horizon
    [2018 Wikidot Theme]
    Créé par rounderhouse, avec l'aide d'Uncle Nicolini, Stormbreath et Croquembouche.
    Basé sur le Thème Sigma 9 créé par Aelanna et Dr Devan, et le thème Dead Man's Hand créé par Stormbreath.
    Icônes par Jay Shead (MingoMongo), basées sur  : https://www.deviantart.com/mingomongo/art/SCP-The-Horizon-Initiative-Simple-Logo-750830326 . Recadrées et recolorées par Rounderhouse. Sous licence CC BY 3.0
*/
 
@import url('https://fonts.googleapis.com/css?family=Kumar+One');
 
:root {
    --fg: #282e48;
    --light-accent: #295183;
    --dark-accent: #1e3c62;
    --hyperlink: #617dad !important;
    --hyperlink-visited: #434d79 !important;
 
    /* 2 Header */
    --ct_cnt_alt-header-txt: "Initiative Horizon";
    --ct_cnt_alt-slogan-txt: "Aux yeux de Dieu";
    --ct_bg_header-image: url('http://fondationscp.wdfiles.com/local--files/theme%3Ahorizon-initiative-theme/body_bg.png');
    --ct_bg_header-logo: url('http://fondationscp.wdfiles.com/local--files/theme%3Ahorizon-initiative-theme/logo5.png'); 
    --ct_fnt_header-txt: "Kumar One", cursive;
    --ct_fnt_slogan-txt: var(--ct_fnt_header-txt);
    --ct_col_header-txt: white;
    --ct_col_slogan-txt: var(--ct_col_header-txt);
    --ct_fns_alt-header-txt: 43.8px;
    --ct_fns_alt-slogan-txt: 13.4px;
    --ct_fns_header-txt: 0;
    --ct_fns_slogan-txt: 0;
    --ct_shd_header-txt: 3px 1px 0 #D4AF37;
 
    /* 2 Account menu */
    --ct_col_account-menu-txt: #d3d8e2;
    --ct_col_account-menu-link: var(--ct_col_account-menu-txt);
    --ct_col_account-submenu-link: var(--ct_col_account-menu-txt);
 
    /* 2 Search box */
    --ct_col_searchbox-gradient-1: #0d0f19;
    --ct_col_searchbox-gradient-2: #11131f;
    --ct_col_searchbox-gradient-3: #3b4265;
    --ct_col_searchbox-gradient-4: #3b4265;
 
    /* 4 Rating-module */
    --ct_col_rate-primary: #282e48;
    --ct_brd_rate-primary: solid 1px #d4af37;
    --ct_col_rate-secondary: #d4af37;
    --ct_col_rate-cancel: #d4af37;
    --ct_col_rate-link-hover: #e9d79b;
    --ct_dim_rate-border-radius: 10px;
}
 
/*------------------*\
 *     Fonts     *
\*------------------*/
 
@import url('https://fonts.googleapis.com/css?family=Kumar+One');
 
/*------------------*\
 *     Header     *
\*------------------*/
 
#header {
    overflow:hidden
    text-align: left;
}
 
#header {
    background-position: 1px 20px;
}
 
#header h1 a span {
    display: none;
}
 
#header h1 a::before {
    bottom: -2em;
  -webkit-text-fill-color: white; 
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #D4AF37;
   text-shadow: none;
}
 
#header h2 {
    display: inline-block;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 65px 125px 0px;
}
 
#header h2 span{
    font-size: 0px;
    padding: 0px 0px;
}
 
#header h2:after {
    white-space: pre;
}
 
div#container-wrap{
    background-position-y: -50px;
    background-size: auto;
}
 
#login-status {
    color: #d3d8e2;
    font-size: 90%;
    z-index: 30;
}
 
#login-status a {
    background: transparent;
    color: #d3d8e2;
}
#login-status ul a {
    color: #d3d8e2;
    background: transparent;
}
 
#account-topbutton {
    background: #ddd;
    color: #d3d8e2;
}
 
/* inputs */
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #000000;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #D4AF37;
    color: #ffffff;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #8db600;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #282e48; /* top bar hover background color */
}
.topbar_arrow {
    color: white;
}
 
/*------------------*\
 *     Side Bar     *
\*------------------*/
 
#side-bar .side-block {
    border: 1px solid #665731;
}
#side-bar .heading {
    color: #ffffff;
    border-bottom: solid 1px #665731;
}
 
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #DAA520;
}
 
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #444;
    border-radius: 10px;
    box-shadow: none !important;
    background: #282e48 !important;
    margin-bottom: 15px;
    color: white;
}
 
.side-block .menu-item > .image {
    filter: hue-rotate(65deg);
    -webkit-filter: hue-rotate(65deg) brightness(400%);
}
 
#side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
#side-bar div.menu-item a {
    color: #ffffff;
}
 
/*-------------------*\
 *    Blockquotes    *
\*-------------------*/
 
blockquote,
div.blockquote {
    border: dashed 2px #112211;
    background-color: white;
}
 
/*------------------*\
 *      Images      *
\*------------------*/
 
#page-content .scp-image-block {
    border-color: rgba(0,0,0,0.12);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: rgba(0,0,0,0.12);
    background-color: #f5f5f5;
}
/*------------------*\
 *      Tabs        *
\*------------------*/
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#282e48; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#eff1f7; /* tab background */
    border-color:#282e48;
    color:#000;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: #282e48;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color:#103259; /* selected tab background */
    color:#d2a32d;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: #d2a32d; /* selected tab background */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #282e48; /* selected tab border color */
}
 
.yui-navset .yui-content {
    background-color: #f5f6ff; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #282e48; /* content border */
    border-top-color:#282e48; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-color: #3a3f54; /* content border */
    border-left-color: #282e48; /* different border color */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border-color: #D4AF37; /* content border */
    border-bottom-color: #D4AF37; /* different border color */
}
 
/*------------------*\
 *  SEARCH BAR  *
\*------------------*/
 
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #11131f;
}
#search-top-box-form input[type=submit] {
    background: linear-gradient(to bottom, #3b4265, #3b4265, #0d0f19);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: linear-gradient(to bottom, #3b4265, #57608a, #252a40);
}
 
/*------------------*\
 *  LINKS AND SUCH  *
\*------------------*/
 
a {
    color: #617dad;
}
 
a:visited {
    color: #434d79;
}
 
/*------------------*\
*  RATINGS AND SUCH  *
\*------------------*/
 
.page-rate-widget-box .rate-points {
    background-color: #282e48 !important;
    border: solid 1px #D4AF37;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    box-shadow: none;
}
 
.page-rate-widget-box {
    border-radius: 10px;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #282e48;
    border-top: solid 1px #D4AF37;
    border-bottom: solid 1px #D4AF37;
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #D4AF37;
    padding: 0 4px;
    margin: 0 1px;
 
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #D4AF37;
    color: #000000;
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    background-color: #282e48;
    border: solid 1px #D4AF37;
    border-left: 0;
    border-radius: 0 10px 10px 0;
}
 
.page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #D4AF37;
}
 
.page-rate-widget-box .cancel a:hover {
    border-radius: 0 6px 6px 0;
    background: #D4AF37;
    color: #000000;
    text-decoration: none;
}
 
/*------------------*\
*  MISC  *
\*------------------*/
 
#page-title {
    color: #282e48;
}
 
.query {
    display: block;
    margin: auto;
    width: 50%;
    padding: 1.5rem;
    border: dashed 2px #112211;
    background: white;
}
 
.parable {
    display:block;
    margin:auto;
    width:75%;
    padding:1.5rem;
    border:double 3px #112211;
   background:white;
}
 
@media (max-width: 767px) {
    #header h1 a::before {
        font-size: 80%;
     }
}

modèle thème

révision de page: 35, édité la dernière fois: 24 Apr 2021 16:37

Éditer Voter (-1) É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

2012hoax

WE层群-割裂室联合站点

SMLT Container

GURPS Repository

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

2012hoax

WE层群-割裂室联合站点

SMLT Container

GURPS Repository