Thème de l'I57

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 le thème de l'I57. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:i57-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:i57-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¹

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

Ce thème permet aussi d'utiliser des éléments personnalisés que vous pouvez utiliser comme ceci :

[[div class="groove"]]
Texte
[[/div]]

Texte

[[div class="solid"]]
Texte
[[/div]]

Texte

@import url('https://fonts.googleapis.com/css?family=Play');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
/*
    This theme is based on Aelanna's Sigma9.
    [2020 Wikidot Theme]
    Built by Uncle Nico and DC_Yerko, edited and shinied by ROUNDERHOUSE.
*/
 
:root {
    /* 2 Header */
    --ct_cnt_alt-header-txt: "Complexe-57";
    --ct_cnt_alt-slogan-txt: "Sécurisation et confinement en Amérique latine";
    --ct_fnt_header-txt: 'Play', sans-serif; 'Open Sans', sans-serif;
    --ct_fnt_slogan-txt: var(--ct_fnt_header-txt);
    --ct_col_header-txt: #ddbc05;
    --ct_col_slogan-txt: #708090;
    --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 3px 5px #242424;
 
    /* 4 Rating-module */
    --ct_col_rate-primary: black;
    --ct_col_rate-secondary: white;
    --ct_col_rate-cancel: white;
    --ct_col_rate-link-hover: grey;
}
 
/* COMMON */
h1, #page-title {
    color: #000000;
    font-weight: normal;
}
#page-title {
    border-color: #bbb;
}
 
a {
    color: #004fa0;
} 
 
a:visited {
    color: #00356c;
}
 
a:new-page {
    color: #8791d9;
}
 
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
a.newpage {
    color: #005fc1;
}
 
/* GLOBAL WIDTH */
 
body {
    background-color: #f0f0f0;
    font-size: 0.80em;
    color: #000000;
}
div#container-wrap {
    background: url(http://scp-yerko-3.wdfiles.com/local--files/component:i57theme/body_bg_1.jpg) top left repeat-x;
}
 
/* HEADER */
#header {
    background: url(http://lafundacionscp.wdfiles.com/local--files/component%3Ai57theme/SCP-LOGO-RENDER-HD.png) 10px 35px no-repeat;
}
 
#search-top-box-input {
    border: solid 1px #2F4F4F;
    color: #ccc;
    background-color: #708090;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #2F4F4F;
    color: #fff;
    background-color: #708090;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #2F4F4F;
    color: #000000;
    background-color: #708090;
    background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #2F4F4F;
    color: #fff;
    background-color: #708090;
    background: linear-gradient(to bottom, #778899,#708090,#2F4F4F);
}
 
#login-status {
    color: #708090;
}
#login-status a {
    background: transparent;
    color: #708090;
}
#login-status ul a {
    color: #708090;
    background: transparent;
}
#account-topbutton {
    background: #2F4F4F;
    color: #708090;
}
 
/* TOP MENU */
 
#top-bar a {
    color: #C0C0C0;
    background: transparent;
}
 
#top-bar ul li ul {
    border: solid 1px #2F4F4F;
}
 
#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: #d6d6d6;
    color: #2F4F4F;
    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: #C0C0C0;
    text-decoration: none;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
/* SIDE MENU */
#side-bar a {
    color: #F3CF08;
} 
#side-bar a:visited { 
    color: #dabb0b;
}
#side-bar a.newpage {
    color: #e2ce61;
}
#side-bar a.collapsible-block-link {
    color: #c6a906;
}
 
#side-bar img {
    filter: hue-rotate(210deg);
    -webkit-filter: hue-rotate(210deg);
}
 
#side-bar .side-block {
    border: 1px solid #D6D6D6;
    box-shadow: 0 2px 6px rgba(32,32,32,1) !important;
    background: #000000 !important;
}
#side-bar .heading {
    color: #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
}
#side-bar div.menu-item.inactive img {
    opacity: 0.25;
}
#side-bar div.menu-item.inactive a {
    color: #D6D6D6;
}
#side-bar div.menu-item .sub-text {
    color: #D6D6D6;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #D6D6D6;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #D6D6D6;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #ddbc05;
    text-decoration: none;
}
 
/* ASCENDENTES */
 
#breadcrumbs {
    border-top: 1px solid #000000;
}
 
#breadcrumbs a {
    color: #F3CF08;
    background-color: black;
}
 
#breadcrumbs a:visited {
    color: #dabb0b;
    background-color: black;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f8f8f8;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#700 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#d88 url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
}
.yui-navset li {
    line-height: normal;
}
 
/* CUSTOM CLASSES */
 
.content-panel {
    border: solid 1px #888880;
    border-radius: 10px;
    background-color: #999990;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #bbb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
    background: #fcfdfb;
}
 
.content-panel .panel-heading {
    color: #ffffff;
}
.content-panel .panel-body {
    background: #f8f8f8;
}
.content-panel .panel-footer {
    color: #f8f8f8;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
    color: #f8f8f8;
}
.content-panel .content-toc {
    background-color: #f8f8f8;
    border: solid 1px #ccc;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
 
.content-toc {
    background-color: #f8f8f8;
    border: solid 1px #ccc;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
 
.alternate:nth-child(even) {
    background-color: rgba(255,255,255,.9);
}
 
/* Standard Image Block */
.scp-image-block {
    border: solid 1px #2F4F4F;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
}
 
.scp-image-block .scp-image-caption {
    background-color: #e1e1e1;
    border-top: solid 1px #2F4F4F;
}
 
/* TRANSLATION BLOCK */
div.scpnet-interwiki-wrapper {
    filter: hue-rotate(230deg) saturate(150%) invert(80%);
}
 
/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}
 
/* BARRA SEPARADORA */
 
hr {
  background: #727272;
}
 
#page-title hr {
    background: #727272;
}
 
/* Tablas */
 
table.wiki-content-table th {
    border: 1px solid #888888;
    padding: 0.3em 0.7em;
    background-color: #000000;
    color: #ddbc05 !important;
}
 
/* INFO MODULE COMPATIBILITY */
#page-content .rate-box-with-credit-button {
    background-color: #000; 
    border: 1px solid #000;
    border-radius: 5px ;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: #ffffff;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
     border-color: #ffffff;
     color: #ffffff;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: #f7bb25;
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(140deg);
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0,30,0,.5);
}
 
/* AYER'S INFO MODULE */
:root {
--barColour: #000000;
}

modèle thème

révision de page: 14, édité la dernière fois: 20 Jun 2021 15:46

É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

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