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.
Module de notation :
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]]
Image d'exemple.
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
/* 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; } #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%; } }
révision de page: 33, édité la dernière fois: 04 Oct 2020 11:42