Thème d'Halloween

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.


Ceci est un thème développé pour Halloween et utilisé sur divers articles. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:halloween]]

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


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

:root {
    /* Palette */
    --bg: #111111;
    --bg-medium: #292929;
 
    --fg: #efefef;
    --fg-muted: #666;
 
    --fg-accent-light: hsla(28, 85%, 58%, 1);
    --fg-accent: #e47412;
    --fg-accent-dark: hsla(28, 85%, 38%, 1);
 
    --fg-accent-2-light: hsl(285, 65%, 58%);
    --fg-accent-2: hsla(285, 65%, 48%, 1);
    --fg-accent-2-dark: hsla(285, 65%, 38%, 1);
 
    /* Titres */
    --ct_fns_header-txt: 0;
    --ct_fns_slogan-txt: 0;
 
    /* 4 Rating-module */
    --ct_col_rate-primary: var(--fg-accent-2-dark);
    --ct_col_rate-secondary: #fff;
    --ct_col_rate-cancel: #fff;
    --ct_col_rate-link-hover: #e9c9f3;
    --ct_brd_rate-primary: solid 1px var(--fg-accent-2-dark);
}
 
/* Couleur texte creditbox */
.credit {
    color: #000;
}
 
div#container-wrap:before {
    content: "";
 
    display: block;
    width: 100%;
    height: 38px;
 
    position: absolute;
 
    border-bottom: 8px solid var(--fg-accent-dark);
 
    background: var(--fg-accent);
}
 
body, div#container-wrap {
    background: linear-gradient(var(--bg-medium), var(--bg)) repeat-x, var(--bg);
    background-size: 1px 180px;
    color: var(--fg);
}
 
div#content-wrap {
    margin-top: 3em;
}
 
h1, h2, h3, h4, h5, h6,
div#page-title {
    color: var(--fg-accent);
}
 
a, #side-bar a {
    color: var(--fg-accent);
    transition: 0.2s;
}
 
#side-bar a {
    color: var(--fg-accent-2)
}
 
a:visited, #side-bar a:visited {
    color: var(--fg-accent-dark);    
}
 
#side-bar a:visited {
    color: var(--fg-accent-2-dark)
}
 
a:hover, #side-bar a:hover,
a:focus, #side-bar a:focus {
    color: var(--fg-accent-light);
}
 
#side-bar a:hover,
#side-bar a:focus {
    color: var(--fg-accent-2-light);
}
 
del {
    color: #660000;
}
 
ins {
    color: #006600;
}
 
/* header */
 
#header {
    background: none;
    padding-top: 40px;
}
 
#header h1, #header h2 {
    margin-left: 0;
}
 
#header h1 {
    background: url('http://fondationscp.wdfiles.com/local--files/theme%3Ahalloween/scp-halloween-fr.png') no-repeat top left;
    background-size: contain;
 
    display: block;
 
    height: 130px;
    max-height: 130px;
 
    width: 100%;
    max-width: 550px;
 
    font-size: 0;
    position: relative;
    top: 32px;
}
 
#header h1 a {
    display: block;
 
    margin: 0;
    padding: 0;
 
    height: 130px;
    max-height: 130px;
 
    width: 100%;
    max-width: 550px;
}
 
#header h2 {
    display: none;
}
 
/* top bar */
 
#top-bar {
    margin-top: 60px;
    border-bottom: 1px solid var(--fg-muted);
 
    padding-top: 4px;
    padding-bottom: 4px;
}
 
#top-bar a {
    transition: unset;
}
 
#top-bar ul li ul {
   border-color: var(--fg-accent-dark);
}
 
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-top-color: var(--fg-accent-dark);
    border-color: var(--fg-accent-dark);
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: var(--fg-accent);
}
 
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
    border-color: var(--fg-accent-dark);
 
    color: var(--fg-accent);
    background-color: var(--bg-medium);
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    border-color: var(--bg-medium);
 
    color: var(--bg);
    background-color: var(--fg-accent);
}
 
/* side bar */
 
#side-bar .side-block {
    background-color: transparent !important;
 
    border: 1px solid var(--fg-accent-2-light);
 
    box-shadow: 0 2px 6px var(--fg-accent-2-dark);
}
 
#side-bar .heading {
    color: var(--fg-accent-2-light);
    border-bottom: 1px solid var(--fg-accent-2-light);
}
 
#side-bar .menu-item img {
    display: none;
}
 
#side-bar .menu-item.home p::before,
#side-bar .menu-item.main p::before,
#side-bar .menu-item.help p::before,
#side-bar .menu-item.series p::before,
#side-bar .menu-item.forum p::before,
#side-bar .menu-item.default p::before {
    content: "> ";
    background-image: none;
    display: inline;
    position: relative;
    font-size: 10px;
    color: var(--fg-accent-2-dark);
}
 
/* side bar: social media links workaround */
 
#side-bar .side-block[style="background-color: #e5e5ff;"] .menu-item::before {
    content: "";
}
 
#side-bar .side-block[style="background-color: #e5e5ff;"] img {
    display: inline;
}
 
/* side bar: user resources workaround */
 
#side-bar .side-block[style="background-color: #fff0f0;"] div:nth-child(2) {
    display: none;
}
 
/* rating module */
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background-color: var(--fg-accent-2-light);
    color: white;
}
 
/* footnote hovers */
 
.hovertip {
    width: 20em;
    padding: 0.5em;
 
    border: 1px solid var(--fg-accent-2-light) !important;
    border-radius: 0.5em;
 
    background-color: #000000ee !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}
 
.hovertip .f-heading {
    color: var(--fg-accent-2-light);
}
 
/* inputs */
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2-dark);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus,
input.button:hover, input.button:focus,
button:hover, button:focus,
file:hover, file:focus,
a.button:hover, a.button:focus {
    border-color: var(--fg-accent-2-light);
    background: transparent;
    color: var(--fg);
}
 
input.text:hover, input.button:hover,
input.text:focus, input.button:focus,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    color: var(--fg);
    background: transparent;
    border: 1px solid var(--fg-accent-2-light);
    outline: 0;
}
 
/* wikidot page elements */
 
#page-title {
    border-color: var(--fg-muted);
}
 
table.wiki-content-table th,
table.wiki-content-table td,
#toc,
blockquote,
.scp-image-block .scp-image-caption {
    border-color: var(--fg-muted);
    background-color: transparent;
}
 
table.wiki-content-table th {
    background-color: var(--bg-medium);
}
 
hr {
    background-color: var(--fg-muted);
}
 
.code {
    border: 1px dashed var(--fg-muted);
    background-color: transparent;
 
    font-family: "Consolas", "Courier New", "Roboto Mono", monospace;
    font-size: 14px;
}
 
/* user login */
 
#login-status {
    color: var(--bg);
}
 
#login-status a {
    border: 0;
    color: var(--bg);
}
 
/* footer */
 
#footer, #license-area {
    background: var(--fg-accent);
    color: #111;
}
 
#license-area {
    background: var(--fg-accent-dark);
}
 
#footer a, #license-area a {
    color: #fff;
}
 
/* code highlighter stuff */
 
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}
 
.hl-var {
    color: #21ff00;
}
 
.hl-special {
    color: #ffff00;
}
 
.hl-reserved {
    color: #00b2ff;
}
 
.hl-number, .hl-string {
    color: #ff0020;
}
 
/* tabs */
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em {
    border-color: var(--bg-medium);
    transition: unset;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: var(--fg-accent);
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
    color: var(--fg);
    background: var(--bg);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--bg);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: 0;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background-color: var(--bg);
    border-color: var(--fg-accent);
}
 
/* popups */
 
.owindow {
    background-color: var(--bg);
    border-color: var(--fg-accent);
}
 
.title.modal-header {
    background-color: var(--bg);
}
 
.owindow .button-bar a {
    background-color: transparent;
    border-color: var(--fg-accent);
}
 
.owindow .button-bar a:hover, .owindow .button-bar a:focus {
    background-color: transparent;
    border-color: var(--fg-accent-light);
}
 
/* editor */
 
textarea {
    font-family: "Verdana", sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid var(--fg-accent-2);
    background-color: var(--bg);
    color: var(--fg);
    outline: 0;
}
 
textarea:hover, textarea:focus {
    border-color: var(--fg-accent-2-light);
}
 
.change-textarea-size a {
    background: transparent;
    color: var(--fg);
    border-color: var(--fg-accent-2)
}
 
.change-textarea-size a:hover, .change-textarea-size a:focus {
    border-color: var(--fg-accent-2-light);
    text-decoration: none;
}
 
.edit-help-34 a {
    color: var(--fg-accent-2);
}
 
.edit-help-34 a:visited {
    color: var(--fg-accent-2-dark);
}
 
.edit-help-34 a:hover,
.edit-help-34 a:visited:hover {
    color: var(--fg-accent-2-light);
}
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2-dark);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus {
    border-color: var(--fg-accent-2-light);
    background: transparent;
    color: var(--fg);
}
 
#lock-info {
    background: transparent;
    border: 0;
}
 
#lock-info #lock-timer {
    color: var(--fg-accent-2-light);
}
 
/* home page elements */
 
.content-panel, .content-panel .panel-body,
.international-entry:nth-child(even),
.alternate:nth-child(even) {
    box-shadow: unset;
    background: #141414;
    color: var(--fg);
}
 
.news-block .news-title > p,
.news-block .news-content > p,
.feature-block .feature-title > p,
.feature-block .feature-subtitle > p {
    color: var(--fg);
}
 
iframe.scpnet-interwiki-frame {
    filter: invert(1) hue-rotate(85deg) saturate(13) brightness(80%);
}
 
iframe.html-block-iframe {
    filter: invert(1);
}
 
div[style="text-align: center; color: #600;"] {
    color: var(--fg-accent) !important;
}
 
/* mobile rules */
 
@media (max-width: 767px) {
 
#side-bar, #side-bar:target {
    border: 0;
    background: var(--bg);
}
 
#search-top-box {
    top: 174px;
}
 
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License