Thème du Second Hytoth

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'Église du Second Hytoth. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:hytoth]]

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:hytoth]]

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

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 du Second Hytoth
    [2019 Wikidot Theme]
    Créé par DrMacro et édité par 9Volt
    Basé sur le thème SCP Sigma 9 créé par Aelanna et Dr Devan, et le thème des SFW de Darkstuff.
    Le logo du Second Hytoth est de Taoka.
*/
@import url('https://fonts.googleapis.com/css?family=Charm');
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #800202;
    --ct_col_rate-secondary: #ffd3af;
    --ct_col_rate-cancel: #f1fff0;
    --ct_brd_rate-primary: solid 1px #40150d;
}
 
/*RECOLORING THE TITLES */
h1, #page-title {
    color: #6B0803;}
 
#page-title {
    font-weight: lighter;
    border-color: #D85D02;
}
 
/*RECOLORING LINKS */
a {
    color: #B52B19;}
 
a.newpage {
    color: #333;}
 
#side-bar a:visited{ color: #842012; }
 
 a:visited { color: #842012; }
 
/* BACKGROUND COLOR FONT COLOR */
body {
    background-color: #ffd585;
}
 
/*HEADER IMAGES*/
div#container-wrap {
    background: url(http://lefilet.wdfiles.com/local--files/component%3Aautumn2/autumn_bg.png) repeat-x;
}
 
#header {
    background-image: url(http://topia.wikidot.com/local--files/component:hytoth-theme/second_hytoth_logo5.png);
}
 
/* HIDE OR CHANGE HEADER TEXT */
#header h1 a {
    font-size: 150%;
    color: transparent;
    text-shadow: none;
    font-family: 'Charm', cursive;
}
 
#header h1 a::before {
    content: "Église du Second Hytoth";
    color: #ffffff;
    text-shadow: 3px 3px 5px #000000;
}
 
@media only screen and (max-width: 640px) {
  #header h1 a {
    font-size: 60%;
  }
}
 
#header h2 span {
    font-size: 100%;
    color: transparent;
    text-shadow: none;
    font-family: 'Charm', cursive;
}
#header h2 span::before {
    content: "Pour la Vie, l'Existence et l'Éternité";
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* RECOLORING THE NAVIGATION BAR */
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #3b1b0e;
    border-radius: 2px 7px 2px 7px !important;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #fff;
    color: #fff;
    background-color: #6d311a;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    background: linear-gradient(to bottom, #6A0702, #B93F02, #4A0C0C);
    border-radius: 2px 7px 2px 7px;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: linear-gradient(to bottom, #990303, #E84C04, #7A1414);
    border-radius: 2px 7px 2px 7px;
}
 
/* LOGIN STUFF */
#login-status {
    color: #ffffff;
}
#login-status a {
    color: #ffffff;
}
#login-status ul a {
    color: #D85D02;
}
#account-topbutton {
    background: #ccc;
    color: #ffffff;
}
 
/* IMAGE BLOCK RECOLORING */
.scp-image-block {
  border: solid 1px #665731;
}
.scp-image-block .scp-image-caption {
  background-color: #fdd3af;
  border-top: solid 1px #665731;
}
 
/* RECOLOR OR MODIFY THE RATING MODULE */
.page-rate-widget-box .rate-points {
  background-color: #800202!important;
  border: solid 1px #40150d;
  border-radius: 2px 0 0 7px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #ffd3af;
  border-top: solid 1px #40150d;
  border-bottom: solid 1px #40150d;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #800202;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: #800202;
  color: #f1fff0;
}
.page-rate-widget-box .cancel {
  background: transparent;
  background-color: #800202;
  border: solid 1px #40150d;
  border-radius: 0 7px 2px 0 !important;
}
.page-rate-widget-box .cancel a {
  color: #f1fff0;
  border-radius: 0 7px 2px 0 !important;
}
.page-rate-widget-box .cancel a:hover {
  background: #c84c02;
  color: #f1fff0;
}
 
/* RECOLORER LE MODULE D'INFO */
.rate-box-with-credit-button .creditButton {
    background-color: #800202 !important;
    border-color: #40150d !important;
}
.creditButton a{
    color: #f1fff0;
}
.creditButton a:hover {
    color: #f0ffff;
}
 
/* RECOLORING THE TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#ffd585; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: #ffd585 ! important; /* tab background */
    border-color: #ffd585;
    color: #000000;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
background-color: #6a0702;
box-shadow: 0px 1px 2px rgba(106,7,2,0.7);
border-color: #6a0702;
color: #ffd3af;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-color: #ffd585; /* selected tab background */
    color: black;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #cb8d58;
    box-shadow: 0px 1px 2px rgba(106,7,2,0.5);
 background-color: #ffd3af;
 color: #6a0702;
}
 
.yui-navset .yui-content {
    background-color: #ffd585; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #ffd585; /* content border */
    border-top-color:#ffd585; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/*RECOLOR OR MODIFY THE SIDEBAR */
#side-bar .side-block {
    border: 1px solid #40150d;
    box-shadow: 0 2px 6px rgba(64, 21, 13, 1);
    background: #ffd3af!important;
    border-radius: 2px;
}
#side-bar .heading {
    color: #40150D;
    border-bottom: solid 1px #40150d;
}
 
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
    filter: hue-rotate(70deg);
    -webkit-filter: hue-rotate(70deg);
}
#side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
/* RECOLOR THE TOP BAR*/
#top-bar ul li ul {
    border: solid 1px #40150D;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #40150D;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #c84c02;
    color: #ffffff;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #943301;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #EA7749; /* top bar hover background color */
}
 
/* RECOLOR THE TABLES */
#page-content .wiki-content-table tr th {background-color: #800202; color: white; border: 1px solid #6b0803;}
 
/* RECOLOR THE QUOTEBLOCK */
.yui-content blockquote,
blockquote {
    border: solid 1px #43130D;
    background-color: #FCF5E0;
}
 
/* RECOLORING THE LINES OF SEPARATION */
hr {
    background-color: #665731;
}
 
/* SHORTCUTS */
 
div.opening {float: center; border: solid 2px #800000; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #fdd3af; margin-bottom: 10px;}
 
div.saduj {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #ffd6a8; margin-bottom: 10px;}
 
div.nicole {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #fbf2b7; margin-bottom: 10px;}
 
div.sarah {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #ffab93; margin-bottom: 10px;}
 
div.bleu {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #e5ccff; margin-bottom: 10px;}
 
div.fondation {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #FCF5E0; margin-bottom: 10px;}
 
div.inconnu {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #c0a78e; margin-bottom: 10px;}
 
div.merle {float: center; border: solid 2px #43130D; width: 90%; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #ffeba9; margin-bottom: 10px;}
 
div.affiche {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #bebebe; margin-bottom: 10px;}
 
div.quatrieme {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #ff834f; margin-bottom: 10px;}
 
div.samarah {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #b2ffb2; margin-bottom: 10px;}
 
div.st-hubert {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #0097f2; margin-bottom: 10px;}
 
div.comptine {float: center; border: solid 2px #43130D; width: 570px; padding: 1px 15px; margin:0 auto; box-shadow: rgba(0,0,0,.2); background-color: #e4717a; margin-bottom: 10px;}
 
.orderwrapper {position: relative;width: auto;text-align: center;}
 
.second-hytoth {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://lefilet.wdfiles.com/local--files/component%3Aautumn2/logo-sh.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}
 
.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}
 
.ordertitle h1 {font-size: 220%;color: #9a1d12a;}
 
.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}
 
.orderdescription p {font-size: 90%;color: #6B0803;}
 
.orderdescription h1 {font-size: 120%;color: #c34d3c;}
 
.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}
 
.itemno h1 {font-size: 170%;color: #853524;}
 
.itemno h2 {color: #853524;}

modèle thème

révision de page: 14, édité la dernière fois: 27 May 2024 16:40

É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

Greggita's Boring Sandbox

Backrooms TO站及宕

ERETICOPEDIA

final fantasy XIV wiki encyclopédie en français

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

Greggita's Boring Sandbox

Backrooms TO站及宕

ERETICOPEDIA

final fantasy XIV wiki encyclopédie en français