Theme

@import url(https://grombald.github.io/Common-Theme/css/Sigma-9-Common-Theme-STABLE.css);
 
@import url('http://fondationscp.wikidot.com/credit:style/code/1');
 
/*
    SCP Sigma 9 - Common Theme 1.3.7
    [2020 Wikidot Theme - CC BY-SA 3.0]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Crayne, Dr Devan, anqxyr, DrMagnus, psdnbluesoul
 
    Extensions:
    - Font Awesome 4.3.0 by @davegandy under SIL OFL 1.1 (Font) and MIT License (CSS)
    - Common Theme, bugfixes, top- and sidebar-mods by Dr_Grom
    - Support for Asian languages by Nanimono Demonai
    - Interwiki-module by Resure
    - Credit-module by C-take, physicslike, sinazugawa Nanimono Demonai, improved by Dr Devan and Boyu12, and adapted Dr_Grom
    - Colmod by Boyu12
    - Reworked for the French Branch by Dr Lekter and Mafiew
*/
 
:root {
    --ct_bg_m_sidebar-button-icon_mask: url('https://grombald.github.io/Common-Theme/svg/open-menu-button_mask.svg');
    --ct_bg_m_sidebar-button-icon_mask: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%3Cg%3E%0A%3Crect%20x%3D%225%22%20y%3D%229%22%20width%3D%2220%22%20height%3D%222%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2214%22%20width%3D%2220%22%20height%3D%222%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2219%22%20width%3D%2220%22%20height%3D%222%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    --ct_bg_topbar-home_mask: var(--ct_bg_sidebar-item-home_mask);
    --ct_bg_sidebar-item-home_mask: url('https://grombald.github.io/Common-Theme/svg/home_mask.svg');
    --ct_bg_sidebar-item-home_mask: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%20-1.4376e-8%20-1114)%22%3E%0A%3Cpath%20d%3D%22m0.39178%20296.54%201.328-1.2608%201.328%201.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
 
/* SPECIFICS */
 
:root {
    --ct_bg_header-image: url(http://herolles.wdfiles.com/local--files/component%3Atheme/body_bg.png);
    --ct_bg_header-logo: url(http://herolles.wdfiles.com/local--files/component%3Atheme/logo.png);
}
 
div#container-wrap {
    background-image: url(http://herolles.wdfiles.com/local--files/component%3Atheme/body_bg.png) 10px 40px no-repeat;
    background-image: var(--ct_bg_header-image)
}
#header {
    background-image: url(http://herolles.wdfiles.com/local--files/component%3Atheme/logo.png);
    background-image: var(--ct_bg_header-logo)
}
.open-menu a {
    border: 0.2em solid #2d8777 !important;
    background-color: #fff !important;
    color: #57c9b5 !important;
}
 
/* ---- CERISIER, adapté de https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */
 
#header-extra-div-1 {
    height: 162px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url('http://herolles.wdfiles.com/local--files/component%3Atheme/cerisier.png');
    background-repeat: repeat;
    background-size: 225px;
    z-index: 2;
    pointer-events: none;
    animation: snowOne 120s infinite linear;
    filter: blur(1.3px);
}
#header-extra-div-2 {
    height: 162px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url('http://herolles.wdfiles.com/local--files/component%3Atheme/cerisier.png');
    background-repeat: repeat;
    background-size: 370px;
    z-index: 2;
    pointer-events: none;
    animation: snowTwo 65s infinite linear;
    filter: blur(1.1px);
}
#header-extra-div-3 {
    height: 162px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    background: url('http://herolles.wdfiles.com/local--files/component%3Atheme/cerisier.png');
    background-repeat: repeat;
    background-size: 720px;
    z-index: 2;
    pointer-events: none;
    animation: snowThree 35s infinite linear;
    filter: blur(1.5px);
}
 
@keyframes snowOne{
    0%
    {
     background-position: 0px 0px;
            opacity: 0;
    }
    10%
    {
            opacity: 0.6;
    }
    90%
    {
            opacity: 0.5;
     }
    100%
    {
     background-position: 100px 750px;
     opacity:0;
    }
}
@keyframes snowTwo{
    0%
    {
     background-position: 0px -100px;
     opacity: 0;
    }
    8%
    {
            opacity: 0.74;
    }
    90%
    {
            opacity: 0.65;
     }
    100%
    {
     background-position: -50px 700px;
     opacity: 0;
    }
}
@keyframes snowThree{
    0%
    {
     background-position: 0px 100px;
     opacity: 0;
    }
    13%
    {
            opacity: 0.9;
    }
    91%
    {
            opacity: 0.8;
    }
    100%
    {
     background-position: 240px 750px;
     opacity: 0;
    }
}
 
/* Fixes */
 
.collapsible-block-link {
    line-break: anywhere;
}
 
/* Avec ancien nom de classe */
.topbar_arrow, .c_topbar_arrow, .topbar_arrow:hover, .c_topbar_arrow:hover {
    color: inherit;
    background-color: transparent;
}
 
/* Quotes dans tabs */
.yui-content blockquote,
.yui-content .code {
    border: 1px dashed #999;
    border: var(--ct_brd_blockquote);
    background-color: #f4f4f4;
    background-color: var(--ct_col_blockquote-bg);
    padding: 0 1em;
    margin: 1em 3em;
}
 
/* Topbar mobile */
 
@media only screen and (max-width: 384px) { /* Fix décalage à droite */
  #top-bar .mobile-top-bar ul li:nth-of-type(2) ul {
      right: 0;
  }
}
@media (min-width: 580px) and (max-width: 766px) { /* Accessibilité largeur intermédiaire */
  #top-bar {
      display: flex;
      justify-content: space-evenly;
  }
}
 
/* Esthétique */
sup, sub {
    line-height: 100%;
}
.footnoteref, #page-content>sup {
    top: 0;
}
 
#content-wrap {
    max-width: 1130px;
}
 
/* Masque SVG sidebar */
 
#top-bar .open-menu a {
    background-color: unset;
    background-image: unset;
    border: unset;
    border: unset;
    border-radius: unset;
    color: unset;
    display: unset;
    font-family: unset;
    font-size: unset;
    height: unset;
    left: unset;
    line-height: unset;
    position: unset;
    text-align: unset;
    top: unset;
    width: unset;
    z-index: unset;
}
:root {
    --ct_col_m_sidebar-button-icon: #888;
    --ct_brd_m_sidebar-button: .2em solid var(--ct_col_m_sidebar-button-icon);
}
#top-bar .open-menu {
    background-color: #fff;
    background-color: var(--ct_col_m_sidebar-button-bg);
    border: .2em solid #888;
    border: var(--ct_brd_m_sidebar-button);
    border-radius: 50%;
    color: transparent;
    font-size: 30px;
    height: 30px;
    left: .5em;
    position: fixed;
    top: .5em;
    width: 30px;
    z-index: 15;
}
#top-bar .open-menu a {
    -webkit-mask-image: var(--ct_bg_m_sidebar-button-icon_mask);
    mask-image: var(--ct_bg_m_sidebar-button-icon_mask);
    background: #888;
    background: var(--ct_col_m_sidebar-button-icon);
    -webkit-mask-size: 30px;
    mask-size: 30px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-clip: inherit;
    mask-clip: inherit;
    -webkit-mask-origin: ;
    mask-origin: ;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
#top-bar .open-menu:hover {
   -webkit-box-shadow:0 0 20px 3px rgba(153,153,153,1);
   -ms-box-shadow:0 0 20px 3px rgba(153,153,153,1);
   -o-box-shadow:0 0 20px 3px rgba(153,153,153,1);
   box-shadow:0 0 20px 3px rgba(153,153,153,1);
   -webkit-box-shadow:var(--ct_shd_m_sidebar-button);
   box-shadow:var(--ct_shd_m_sidebar-button);
}
 
/* Classes NdM */
.pastille.blanc {
    color: white;
    text-shadow: -1px 1px 0 #000,
             1px 1px 0 #000,
             1px -1px 0 #000,
            -1px -1px 0 #000;
/*
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
*/
}
.pastille.bleu { color: blue }
.pastille.vert { color: green }
.pastille.jaune { color: yellow }
.pastille.orange { color: orange }
.pastille.rouge { color: red }
.pastille.noir { color: black }
 
/* Création de compte moins contre-intuitive */
 
.login-status-create-account, .login-status-create-account+span  {
    display: none;
}
 
.login-status-sign-in::after {
    content: " comme utilisateur Wikidot"
}
 
.content.modal-body p:last-of-type::after {
    content: " Pour rappel, vous n'êtes pas membre du site tant que votre candidature n'a pas été acceptée. Plus d'informations sur http://fondationscp.fr/system:join"
}