@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");
}

------------------------------ /* FR SPECIFICS */ ------------------------------

---------- /* CHOIX D'UX */ ----------

/* Largeur page */
#content-wrap {
    max-width: 1130px;
}

/* Saut ligne auto pour collapsibles */
.collapsible-block-link {
    line-break: anywhere;
}

/* 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"
}

/* Topbar mobile */
@media (min-width: 580px) and (max-width: 766px) { /* Accessibilité largeur intermédiaire */
  #top-bar {
      display: flex;
      justify-content: space-evenly;
  }
}

/* Classes NdM */
.pastille.blanc {
    color: white;
    text-shadow: -1px 1px 0 #000,
			 1px 1px 0 #000,
			 1px -1px 0 #000,
			-1px -1px 0 #000;
}
.pastille.bleu { color: blue }
.pastille.vert { color: green }
.pastille.jaune { color: yellow }
.pastille.orange { color: orange }
.pastille.rouge { color: red }
.pastille.noir { color: black }

---------- /* FIXES*/ ----------

/* Flèche sidebar même couleur que liens */
.topbar_arrow {
    color: var(--ct_col_topbar-link);
}

/* Fond flèche sidebar même couleur que fond liens */
.topbar_arrow, .c_topbar_arrow, .topbar_arrow:hover, .c_topbar_arrow:hover {
    background-color: transparent;
}

/* Retrait décalage à droite */
@media only screen and (max-width: 384px) {
  #top-bar .mobile-top-bar ul li:nth-of-type(2) ul {
      right: 0;
  }
}

/* Exposants & indices */
sup, sub {
    line-height: 100%;
}

/* Hauteur footnote */
.footnoteref, #page-content>sup {
    top: 0;
}

---------- /* REVERTS*/ ----------

/* Citations dans onglets */
.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;
}


/* 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);
}