(Obsolète) Thème d'Herman Fuller

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 un essai non retenu pour le Cirque de l'Inquiétant d'Herman Fuller. Si vous désirez malgré tout l'utiliser sur un article, vous pouvez toujours copier le code ci-dessous en haut du code de votre page. Il est cependant conseillé de vous en abstenir, ou au minimum de contacter un membre du staff pour qu'il soit adapté à une utilisation concrète.

[[include theme:hf]]

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


logo-scp.svg

Image d'exemple.

Texte avec une note de bas de page1

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

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

@import url('https://fonts.googleapis.com/css?family=Rye');
@import url('https://fonts.googleapis.com/css?family=Mountains+of+Christmas');
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
/*
    Herman Fuller's Theme of the Disquieting
    [2019 Wikidot Theme]
    Created by Herman Fuller, DrChandra and stormbreath (mostly stormbreath).
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    Logo is by SunnyClockwork
*/
 
/* BACKGROUND COLOUR */
 
body {
    background-image: linear-gradient(#4d0026, #fdffd3 400px);
}
 
div#extra-div-1 {
    height: 20px;
    width: 100%;
    top: 138px;
    position: absolute;
    background: rgba(255, 255, 255, .05);
    border-top: 2px solid rgba(60,60,60,.05);
    border-bottom: 2px solid rgba(60,60,60,.05);
}
 
/*RECOLOR THE LINKS */
a {
    color: #8B0000;
}
 
a.newpage {
    color: #8B0000;
}
 
#side-bar a:visited{
    color: #DAA520;
}
 
#side-bar a:newpage !important {
    color: #ffff1a;
}
 
a:visited {
    color: #DAA520;
}
 
/* RECOLOR THE TITLE */
h1, #page-title {
    color: #4d0026;
    font-family: 'Rye';
}
 
#page-title {
    font-weight: lighter;
    font-family: 'Rye';
    border-color: #BD0C3C;
}
 
/* ADJUST THE HEADER */
#header {
    background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Ahf/D%26CTent1.png);
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
    image: url (http://topia.wikidot.com/local--files/component:hf-theme/1350216.jpg) ;
}
 
#header h1 a::before {
    content: "Cirque de l'Inquiétant d'Herman Fuller";
    color: #ffff1a;
    letter-spacing: -0.02em;
    text-shadow: 3px 3px 5px #000;
    color: #ffff1a;
    font-family:'Rye';
    font-size: 22pt;
}
 
@media (max-width: 768px) {
    #header h1 a::before {
          content: "Herman Fuller";
     }
} /* Changes header text on mobile */
 
#header h2 span {
    text-shadow: none;
    color: transparent;
}
 
#header h2 span::before {
    content: "Le plus grand spectacle de tous les mondes !";
    color: #ffff1a;
    font-family: 'Great Vibes';
    font-size: 16pt;  
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
div#container-wrap {
    background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Ahf/sparkles-clipart-transparent-background-15.png);
}
 
div.scpnet-interwiki-wrapper {
    filter: hue-rotate(291deg) saturate(95%) brightness(120%);
}
 
/* SEARCH BOX INPUT */
#search-top-box-input {
    border: solid 1px #780d8e;
    color: #ffff1a;
    font-family: 'Rye';
    background-color: #4d0026;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #B8806B;
    color: #B88608;
    background-color: #C71585;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
 
/* IMPORTANT SEARCH BOX BUTTON */
#search-top-box-form input[type=submit] {
    border: solid 1px #999;
    font-family: 'Rye';
    color: #ffff1a;;
    background-color: #8B0000;
    background: linear-gradient(to bottom,#FF69B4, #4d0026);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #fff;
    color: #B8860B;;
    text-shadow: 0 0 1px rgba(255,255,255,.25)
    background-color: #ffff1a;
    background: linear-gradient(to bottom, #8B0000, #C71585, #FF69B4);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
/* LOG-IN INFORMATION */
#login-status a {
    color: #ffff1a;
    font-family: 'Rye';
}
#login-status {
    color: #B8860B;
    font-family: 'Rye';
}
 
#login-status ul a {
    color: #ffff1a;
}
`#login-status a {
  color: #ffff1a;
}
 
#account-topbutton {
    background: #B8860B;
    color: #B8860B;
}
 
/* TOP MENU */
#top-bar {
    font-family: 'Rye';
}
 
#top-bar a {
    color: #ffff1a;
}
 
#top-bar ul li ul {
    border: solid 1px #B80000;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #eee;
    color: #B8860B;
    border-left: solid 1px rgba(64,64,64,1);
    border-right: solid 1px rgba(64,64,64,1);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #ddd;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: #B8860B;
}
 
/* SIDE MENU */
#side-bar .side-block {
    border: 1px solid BD0C3C;
    box-shadow: 0 2px 6px rgba(150,0,0,.4);
    background: #4d0026 !important;
}
 
#side-bar a {
    font-family: 'RYE';
}
 
#side-bar .heading {
    color: #ffff1a;
    border-bottom: solid 1px #DAA520;
    font-family: 'Rye';
}
 
#side-bar .menu-item img {
    display: none;
} /* Removes the normal side-bar bullet point images */
 
#side-bar .menu-item::before {
    display: inline;
    position: relative;
    font-size: 10px;
    top: 1px;
    margin-right: 1px;
    content: url(http://fondationscp.wdfiles.com/local--files/theme%3Ahf/goldstarsmall.png);
} /*And replaces them with a star. */
 
/* side bar: social media links workaround */
#side-bar .side-block[style="background-color: #e5e5ff;"] .menu-item::before {
    content: "";
    top: 0;
    margin-right: 0;
    font-size: unset;
}
#side-bar .side-block[style="background-color: #e5e5ff;"] img {
    display: inline;
}
 
/* FOOTER */
#footer {
    font-family: 'Rye';
    background: #24022d;
    color: #DAA520;
}
#footer a {
    color: #DAA520;
}
 
.page-tags span a {
    font-family: 'Rye';
    color: #DAA520;
}
 
#page-options-container {
    font-family: 'Rye';
    color: #DAA520;
}
 
#page-options-container a {color: #DAA520}
 
}
 
ADJUST MOBILE IMAGE SIZE */
 #header h1 {
     padding: 0;
     float: left;
     max-height: 95px;
}
 @media (max-width: 479px) {
     #header {
         background-size: 150px 75px;
         background-position: 1em;
    }
}
 @media (min-width: 480px) and (max-width: 580px) {
     #header {
         background-size: 180px 90px;
         background-position: 1em;
    }
}
 @media (min-width: 581px) and (max-width: 767px) {
     #header {
         background-size: 210px 105px;
         background-position: 1em;
    }
}
 @media (min-width: 768px) and (max-width: 979px) {
     #header {
         background-size: 240px 120px;
         background-position: 1em;
    }
}
 @media (max-width: 979px) and (min-width: 768px) {
     #header {
         background-size: auto 88px;
    }
}
 @media (max-width: 767px) and (min-width: 581px) {
     #header {
         background-size: auto 77px;
    }
}
 @media (max-width: 580px) and (min-width: 480px) {
     #header {
         background-size: auto 66px;
    }
}
 @media (max-width: 479px) {
     #header {
         background-size: auto 65px;
    }
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License