Thème Minimaliste

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 CSS minimaliste destiné à être utilisé pour ce que vous voulez. Il n'est pas associé à un GdI/canon ni à un quelconque autre concept dans l'univers de la Fondation. Pour utiliser ce thème, placez la syntaxe ci-après quelque part dans votre article ! (Vous pouvez modifier le titre et le sous-titre à votre guise, toutefois notez que le thème ne fonctionnera pas si vous n'avez pas défini de valeurs pour ces variables).

[[include theme:minimal]]

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


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

/*
    None CSS with Left Beef
    [2019 Wikidot Theme]
    Created by stormbreath.
*/
 
:root {
    /* Rating-module */
    --ct_col_rate-primary: black;
    --ct_brd_rate-primary: none;
    --ct_col_rate-secondary: black;
    --ct_col_rate-cancel: white;
    --ct_col_rate-link-hover: #e5e5e5;
 
    --ct_col_m_sidebar-bg: white;
}
}
 
/* LINKS */
a {
    color: #0645AD;
}
 
a.newpage {
    color: #CC2200;
}
 
 a:visited {
     color: #0B0080;
}
 
#side-bar a {
     color: black
}
 
#side-bar a:visited {
     color: black;
}
 
/* REMAKE THE HEADER */
h1, #page-title {
    color: black;
}
 
#page-title {
    border-color: black;
}
 
div#container-wrap {
    background: none;
}
 
div#extra-div-1 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: black;
}
 
#header {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/minimal.svg');
    background-size: 6rem;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
}
 
#header h1 a::before {
    content: "{$titre}";
    color: black;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
}
#header h2 span::before {
    content: "{$sous-titre}";
    color: black;
}
 
/* SIDE-BAR */
#side-bar .side-block {
    background-color: white !important;
    border-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
 
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
@media (max-width: 767px) {   
    #side-bar {
         background-color: white;
    }
 
    #side-bar:target .close-menu {
         background: none;
    }
}
 
#side-bar .collapsible-block-folded {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/expand.png);
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}
 
#side-bar img,
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
/* TOP-BAR */
#top-bar ul li ul {
    border: solid 1px black;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid white;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: white;
    color: black;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: black;
    color: white; /* top bar hover background color */
}
 
/* RATING MODULE */
.page-rate-widget-box .rate-points {
    background-color: black !important;
    border: solid 1px black;
    text-transform: capitalize;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: white;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: white;
    color: black;
}
 
.page-rate-widget-box .cancel {
    background-color: black;
    border: solid 1px black;
}
 
.page-rate-widget-box .cancel a {
    color: white;
}
 
.page-rate-widget-box .cancel a:hover {
    background: white;
    color: black;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: black;
     background-color: white;
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(102, 102, 102, .5);
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(260deg);
}
 
/* PAGE ELEMENTS */
blockquote,
div.blockquote,
#toc,
.code {
     background-color: white;
}
 
.scp-image-block {
    border: solid 1px black;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background-color: white !important;
    border-top: solid 1px black !important;
    color: black;
}
 
/* RECOLOR THE SEARCH BAR */
#search-top-box-input {
    border-color: black;
    color: black !important;
    background-color: white;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: white;
    border-color: black;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px black;
    color: black;
    background-color: white;
    background: white;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px black;
    background-color: white;
    background: white;
    color: black;
}
 
/* LOGIN STUFF */
#login-status {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
#login-status a {
    color: black;
}
 
#login-status ul a {
    color: black;
}
 
#account-topbutton {
     background: #ccc;
     color: black;
}
 
/* HOVER THINGIES */
.hovertip {
     background: white !important;
}
 
/* FOOTER  */
#footer {
    background: black;
    color: white;
}
 
/* TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: transparent; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white; /* tab background */
    border-color: white;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: white;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    border-color: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: white; /* selected tab background */
    color: black;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: white;
}
 
.yui-navset .yui-content {
    background: transparent; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: transparent; /* content border */
    border-top-color: transparent; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/* CREDITS */
.rate-box-with-credit-button .creditButton {
    background-color: black !important;
    border: solid 1px black !important;
}
.creditButton a{
    color: #f1fff0;
}
.creditButton a:hover {
    color: #f0ffff;
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License