Thème de Guerre sur tous les fronts

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 du canon Guerre sur tous les fronts. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:war-on-all-fronts-sigma]]

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:war-on-all-fronts-sigma]]

Image d'exemple.

Ceci est un lien

Ceci est un lien déjà visité

Ceci est un lien inexistant

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 une barre de séparation alternative plus large que vous pouvez utiliser comme ceci :

[[div_ class="woaf-hr"]]
[[/div]]

Résultat :

/* ---------------------------------
War on All Fronts (Sigma-9)
2020 Wikidot Theme
Created by stormbreath
Header image created by EstrellaYoshte
Adapted for the French wiki and Common Theme by Dr Lekter
--------------------------------- */
 
/* -------------- ROOT -------------- */
@import url('https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap');
 
:root {
   --deepsea: linear-gradient(to bottom,
       rgb(0,0,101),
       rgb(23,0,82),
       rgb(0,0,0));
 
    /* 1 Common */
    --ct_col_h1-txt: rgb(44,46,100);
    --ct_col_link: rgb(17,0,187);
    --ct_col_link-visited: rgb(17,0,153);
    --ct_col_link-newpage: rgb(17,102,221);
 
    /* 2 Header */
    --ct_cnt_alt-header-txt: "Guerre sur tous les fronts";
    --ct_cnt_alt-slogan-txt: "Il nous faudrait un plus gros bateau";
    --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Awar-on-all-fronts-sigma/logo.png); 
    --ct_fnt_header-txt: 'Saira Stencil One', cursive;
    --ct_fnt_slogan-txt: var(--ct_fnt_header-txt);
    --ct_col_header-txt: rgb(173,171,181);
    --ct_col_slogan-txt: var(--ct_col_header-txt);
    --ct_fns_alt-header-txt: 43.8px;
    --ct_fns_alt-slogan-txt: 13.4px;
    --ct_fns_header-txt: 0;
    --ct_fns_slogan-txt: 0;
 
    /* 2 Account menu */
    --ct_col_account-menu-txt: rgb(173,171,181);
    --ct_col_account-menu-link: white;
    --ct_col_account-submenu-link: rgb(173,171,181);
 
    /* 2 Search box */
    --ct_col_searchbox-highlight: #fff;
    --ct_col_searchbox-gradient-1: #003;
    --ct_col_searchbox-gradient-2: #336;
    --ct_col_searchbox-gradient-3: #669;
    --ct_col_searchbox-gradient-4: #99c;
 
    /* 2 Topbar */
    --ct_col_topbar-link: rgb(173,171,181);
    --ct_bg_topbar-item: rgb(173,171,181);
    --ct_bg_topbar-item-highlight: rgba(195, 200, 220);
    --ct_brd_topbar-menu: 1px solid transparent;
    --ct_brd_topbar-menu-hover: 1px solid transparent;
 
    /* 2 Sidebar */
    --ct_col_sidebar-elements: white;
    --ct_brd_sidebar-elements: 1px solid black;
    --ct_bg_sidebar-default: rgb(23,0,127);
    --ct_col_sidebar-subtext: var(--ct_bg_sidebar-default);
 
    /* 3 Footer */
    --ct_bg_footer: rgb(23,0,82);
 
    /* 4 Content area */
    --ct_col_page-title: rgb(44,46,100);
    --ct_col_page-title-border: rgb(44,46,100);
 
    /* 4 Rating-module */
    --ct_col_rate-primary: #336;
    --ct_col_rate-secondary: white;
    --ct_col_rate-cancel: #669;
    --ct_col_rate-link-hover: #eaeaef;
 
    /* 4 Standard image block */
    --ct_brd_image-block: solid 1px rgb(0,0,102);
    --ct_col_image-block-contrast: rgb(235,235,235);
 
    /* 4 Other page elements */
    --ct_col_blockquote-bg: rgb(235, 235, 235);
    --ct_col_code-bg: var(--ct_col_blockquote-bg);
 
    /* 7 Responsive Web Design */
    --ct_col_m_sidebar-button-txt: rgb(0,0,102);
    --ct_col_m_sidebar-bg: rgb(23,0,127);
}
 
/* -------------- HEADER -------------- */
div#container-wrap {
    background: url(none);
}
 
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
div#extra-div-2 {
    height: 23px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: linear-gradient(to top,
      rgb(59, 59, 59),      
      rgb(83, 83, 83));
    border-bottom: 2px solid rgba(188, 184, 185, 0.5);
}
 
#header h1 a::before {
    font-variant: small-caps;
}
#header h2 span::before {
    font-variant: small-caps;
}
 
/*-------------- LOG-IN INFO -------------- */
#login-status {
    font-weight: bold;
}
 
#login-status ul {
    background-image: var(--deepsea);
}
 
#login-status ul a {
    background: transparent;
}
 
#login-status ul a:hover {
   color: white;
}
 
/* -------------- SEARCH-BAR -------------- */
#search-top-box-input {
    background-color: #003;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #336;
}
#search-top-box-form input[type=submit] {
    background-color: #336;
    background: linear-gradient(to bottom, #669, #336, #003);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: #669;
    background: linear-gradient(to bottom, #99c, #669, #336);
}
 
/* -------------- TOP-BAR -------------- */
#top-bar ul li ul {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    border: solid 1px rgb(0,0,102);
}
 
#top-bar ul li:hover a[href="javascript:;"] {
    background: rgb(41,41,41);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid transparent;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: transparent;
    color: rgb(173,171,181);
}
 
#top-bar ul li ul a {
    color: rgb(173,171,181);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgba(195, 200, 220);
    color: #10b;
}
 
/* -------------- BODY -------------- */
body {
    background: linear-gradient(to bottom,
        rgb(200,200,200),
        rgb(245,245,245) 400px
    );
}
 
#page-title {
   font-family: 'Saira Stencil One', cursive;
   text-align: center;
}
 
::-webkit-scrollbar {
    width: initial;
    height: initial;
}
 
::-webkit-scrollbar-thumb {
    background-color: rgb(175, 175, 175, .7);
    border-radius: 5px;
    border: 1px solid black;
}
 
::-webkit-scrollbar-track {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
::selection {
    background: rgba(35, 35, 180, 0.25);
}
 
/* -------------- SIDE-BAR -------------- */
#side-bar a,
#side-bar a:visited,
#side-bar a.newpage {
    color: rgb(173,171,181);
}
 
#side-bar .side-block {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    color: white;
}
 
#side-bar .side-block.media,
#side-bar .side-block.resources {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
#side-bar .heading {
    color: white;
    border-color: white;
}
 
iframe.scpnet-interwiki-frame,
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
    filter: grayscale(100%) invert(1);
}
 
/* -------------- PAGE EDITING OPTIONS -------------- */
.buttons .btn,
#lock-info {
    border-color: rgb(100,100,100);
    background-color: rgb(235,235,235);
}
 
/* -------------- RATING MODULE -------------- */
.page-rate-widget-box .rate-points {
    text-transform: capitalize;
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0, 0, 100,.5);
    background: linear-gradient(
        rgb(200,200,200) 51px,
        rgb(240,240,240) 51px,
        rgb(240,240,240)) !important;
}
 
.info-container {
    --barColour: #336;
}
 
/* -------------- OTHER ELEMENTS -------------- */
table.wiki-content-table th {
    background-color: rgb(225,225,225);
}
 
.scp-image-block {
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
}
 
div.woaf-hr {
     height: .3em;
     background: linear-gradient(to right,
         rgb(0,0,0),
         rgb(23,0,82),
         rgb(0,0,101),
         rgb(23,0,82),
         rgb(0,0,0));
     margin: 1em 0;
     border-radius: 5px;
}
 
div.woaf-hr p,
div.woaf-hr ul {
    display: none;
}
 
/* -------------- TABS -------------- */
/* Tab CSS is taken from the Black Highlighter Theme and minified to reduce length. */
.yui-navset .yui-content{background-color:inherit}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.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{background:inherit;color:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav,.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}.yui-navset *{transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1)}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{zoom:unset;display:flex;flex-wrap:wrap;border-color:#19148c;width:calc(100% - 0.125rem);margin:0 auto;border:0;box-shadow:0 calc(0.0625rem * 5) 0 0 #19148c}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{zoom:unset;background-image:none;background-color:#f4f4f4;border:unset;color:#0c0c0c}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{zoom:unset;background-color:#0f0364;color:#fcfcfc}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{background-color:#f4f4f4;border-color:transparent;max-width:100%;padding:0;margin:0;zoom:unset;display:flex;position:relative;flex-grow:2;box-shadow:0 0 0 .0625rem #19148c}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:flex;vertical-align:bottom;zoom:unset;width:100%;align-items:center;justify-content:center}.yui-navset .yui-nav a em,.yui-navset .yui-navset-top .yui-nav a em{padding:.35em .75em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yui-navset .yui-nav li em{border:unset!important}.yui-navset .yui-nav .selected,.yui-navset .yui-navset-top .yui-nav .selected{padding:0;margin:0;flex-grow:2;background-color:#19148c;}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a em{border:none;border-color:transparent}.yui-navset .yui-nav .selected a{color:#fcfcfc!important;width:100%;background-image:none}.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:active{background-color:#19148c;color:#fcfcfc}.yui-navset .yui-nav .selected a:hover{cursor:default}.yui-navset .yui-content{background-color:rgb(235,235,235); box-shadow:inset 0 calc(0.0625rem * 5) 0 0 rgba(25,20,140,.75);}.yui-navset .yui-content,.yui-navset .yui-navset-top .yui-content{border-color:#aaa}.yui-navset-left .yui-content{border-left-color:#f4f4f4}
 
/* -------------- MOBILE VIEW -------------- */
@media (max-width: 767px) {
    #side-bar {
         background-color: rgb(23,0,127);
         background-image: var(--deepsea);
     }
}

modèle thème

révision de page: 11, édité la dernière fois: 11 Apr 2021 17:17

É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

Autres sites dignes d'intérêt

exciting

A Barrel Full

Albums-template

Timeless Places

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

exciting

A Barrel Full

Albums-template

Timeless Places