Thème de la Commission des Cargaisons Insolites

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 la Commission des Cargaisons Insolites. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:unusual-cargo]]

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:unusual-cargo]]

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

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

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

[[div class="sexy-box"]]
Texte
[[/div]]

Exemple de texte inclus dans le cadre.

Eh oui, c'est un vrai élément utilisable et existant dans le thème Sigma 9 de base !

/*
    Thème de la Comission des Cargaisons Insolites
    Thème Wikidot 2020
    Créé par CityToast
    Basé sur le Thème Sigma 9 créé par Aelanna et Dr Devan, le thème MC&D créé par Randomini et le thème Dead Man's Hand créé par Stormbreath
*/
 
@import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
 
/* Hyperlink colors */
:root {
    --hyperlink: #824565;
    --hyperlink-visited: #63173f;
}
 
#header {
    background: none; /* this terminates the default header image */
}
 
#header:before {
    display:block;
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: -1;
    top: 15%;
    left: 2%;
    content: "";
    background: url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/COUC_logo.png');
    background-repeat: no-repeat;
    background-size: 110px 109px;
    background-position: 0px 0px 0px;
}
 
/* BODY */
body {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg');
}
 
.main-body-div {
    width: 92.7%;
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
    vertical-align: top;
    transition: all .7s;
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg');
}
 
#header h1 a {
    color: transparent;
    font-size: 100%;
    padding: 60px 0 25px;
    text-shadow: none;
}
 
div#container-wrap {
    background: url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/toast_header.png') top left repeat-x;
}
/* Headers being swapped around from Sigma: the top text is the smaller one for this theme */
 
#header h1 a::before {
    font-family: 'IM Fell DW Pica SC', serif;
    padding: 35px 0 25px; 
    font-weight: normal;
    content: "La Très Honorable Commission des";
    color: #000000;
}
 
#header h2 span {
    font-size: 175%;
    color: transparent;
    text-shadow: none;
}
#header h2 span::before {
    font-family: 'Tangerine', cursive;
    font-size: 230%;
    content: "Cargaisons Insolites";
    color: #000000;
    padding: 0px 20px 00px;
}
 
/* Media stuff for mobile/responsive; these changes occur under 565px */
@media (min-width: 566px) and (max-width: 801px) {
    #header h1 a::before {
        content: "The Rt. Hon. Commission on";
        padding: 35px 0 25px 45px; 
    }
}
@media (max-width: 565px) {
    #search-top-box-input, 
    #search-top-box-form {
        display: none;
    }
    /* update headers for new swapped sizing and changes text to fit better (See line 89) */
    #header h1 a {
        font-size: 65%;
    }
 
    #header h1 a::before {
        content: "The Rt. Hon. Commission on";
        padding: 35px 0 25px 40px; 
    }
 
    #header h2 span{
    font-size: 140%;
    }
 
    #header h2 span::before {
        padding: 0 0 0 40px;
    }
 
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
 
    #side-bar {
        background-color: none;
        background: linear-gradient(rgba(255, 220, 220, 0.7), rgba(255, 220, 220, 0.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg');
    }
    #side-bar: target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
 
}
/* minor color and style tweaks */
 
table.wiki-content-table {
    border: 1px solid rgba(50, 50, 50, 0.2);
}
 
table.wiki-content-table th {
    padding: 0.3em 0.7em;
    background-color: rgba(240, 240, 240, 0.2);
}
 
#search-top-box-input, #search-top-box input.empty,
#search-top-box-form input[type=submit] {
    transition: 0.2s linear;
}
 
#search-top-box-input, #search-top-box input.empty {
    background-color: transparent;
    border: 1px solid #DBC39F;
    border-radius: 0;
    color: #000;
}
 
#search-top-box-input:hover, #search-top-box-input:focus,
#search-top-box input.empty:hover, #search-top-box input.empty:focus {
    outline: 0;
    color:#FFFFFF;
    border: 1px solid #000;
    background-color: #000000;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#search-top-box-form input[type=submit] {
    outline: 0;
    height: 1.65em;
    border: none
    border-radius: 0;
    color: #000;
    background: none;
 
    position: relative;
    top: -1px;
 
    box-shadow: none;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    border-radius: 0;
    background: none;
}
 
#search-top-box-form input[type=submit]:active {
    padding: 0 0.5em;
    border: none;
    border-radius: 0;
    color: #000;
    background: #B6925E;
}
 
#login-status, #login-status a {
    color: #000;
    border-color: #000;
}
/* stuff with body h groups */
 
h2, h3, h4, h5, h6 {
    font-family:'IM Fell DW Pica SC', serif;}
 
h1, #page-title {
    color: #000;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: heavy;
    font-family: 'IM Fell DW Pica', serif;
}
/* remove the blockquote border, adds a shadow and a gradient over the new paper background */
blockquote, div.blockquote {
    border: none;
    padding: .5em;
    box-shadow: 4px 6px 8px #a98;
    background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg');
}
 
/* New paper class */
 
div.paper {
    background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg');
    box-shadow: 4px 6px 8px #a98;
    padding: 1em .5em 1em .5em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
 
@media (max-width: 478px) {
    div.paper {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    Margin: .5em 0em .5em 0em;
    }
}
 
/* 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: #bc9055;
    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: #000000; /* top bar hover background color */
}
 
/* #side-bar: Color changes, removing border, modifying font sizes, and changing general appearance.
Make the left menu look like it's "written" in the left margin */
 
#side-bar .side-block {
    padding: 10px;
    border: none;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent; /* no border */
    box-shadow: none !important; /* no shadow */
    background: none !important; /* no background */
    margin-bottom: 15px;
    color: black;
    filter: sepia(100%);
    padding: 0;
    margin: 0;
}
 
#side-bar .side-block.resources {
    padding: 10px;
    border: none;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent; /* no border */
    box-shadow: none !important; /* no shadow */
    background: none !important; /* no background */
    margin-bottom: 15px;
    color: black;
    filter: sepia(100%);
    padding: 0;
    margin: 0;
}
 
#interwiki .side-block, #side-bar .side-block {
    padding: 10px;
    border: none;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent; /* no border */
    box-shadow: none !important; /* no shadow */
    background: none !important; /* no background */
    margin-bottom: 15px;
    color: black;
    filter: sepia(100%);
    padding: 0;
    margin: 0;
}
/* stuff for social media bar */
 
#side-bar .heading {
    font-family: 'Tangerine', cursive;
    font-size: 2em;
    font-weight: bold;
    color : #600;
}
 
#side-bar .menu-item {
    font-family: 'Caladea', serif;
    font-weight: normal;
    box-shadow: none !important;
    margin-bottom: 15px;
    color: black;
}
 
#side-bar div.menu-item a {
    font-weight:normal;
}
 
 #side-bar a{
     color: #430;
}
/* #top-bar: Color changes, removing border, modifying font sizes, and changing general appearance */
#top-bar li a{
    text-align: center;
    font-family: 'Caladea', serif;
    display: block;
    font-size: 1.2em;
    margin: 0;
    padding: 1px .5em;
    text-decoration: none;
}
 
a {
    color: #530;
    text-decoration: none;
    background: transparent;
}
 
/* Adds the "letter" class that helps align collapsibles with the associated blockquote */
div.letter {
    margin: 1em 3em;
    padding: 1em .5em;
}
@media (max-width: 479px) {
    div.letter {
        margin: 1em 0;
        padding: .5em .25em;
    }
}
@media (min-width: 480px) and (max-width: 580px) {
    div.letter {
        margin: 0.5em;
        padding: .25em 0;
    }
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg') !important;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg') !important;
}
.yui-navset .yui-nav .selected a {
    background:#920 url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg') repeat-x left -1400px !important; /* selected tab background */
    }
.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:#920 url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg') repeat-x left -1400px !important; /* selected tab background */
}
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
    background:#da8 url('http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg') repeat-x left -1300px !important;
    text-decoration: none;
}
 
/* Related articles box (previous inlined) */
.UC_footing {
    width: 80%;
    margin: auto;
    padding: .2em;
 
    background:
    linear-gradient(
    hsla(0, 0%, 88%, .3),
    hsla(240, 100%, 94%, .5)),
    url(http://fondationscp.wdfiles.com/local--files/theme%3Aunusual-cargo/TOAST-PAPER.jpg);
 
    text-align: center;
}
 
@media (max-width: 767px) {
    .UC_footing {
        width: 100%;
    }
}
 
.UC_footing p {
    font-size: .8em;
}
 
.UC_footing h2 {
    font: 2.1em "Tangerine", cursive;
}

modèle thème

révision de page: 16, édité la dernière fois: 14 Jun 2023 17:21

Éditer Voter (0) Étiquettes Discuter 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

Elden ring

Borradores SCP-ES

華居-葳蕤

抖音虚拟国

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

Elden ring

Borradores SCP-ES

華居-葳蕤

抖音虚拟国