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.
/* Logo par Ne0politan */ @import url('https://fonts.googleapis.com/css?family=Markazi+Text'); @import url('https://fonts.googleapis.com/css?family=Merriweather'); /* VARIABLES */ :root { --lien-normal: #cc4fb7; --lien-visite-normal: #70285d; --lien-bar: #b763a9; --lien-visite-bar: #7c0e5f; } /* Police d'écriture de la page */ #page-content * { font-family: "Merriweather" !important } /* BOUTONS (code par gnuorakle) */ #page-options-bottom a, #page-options-bottom-2 a { display: inline-flex; white-space:nowrap; padding: 0.5em; border: 0.5px solid #660000; background: #FFF; color: #b01; flex-grow: 2; justify-content: center; border-radius: 0.5em; margin: 0.25em; -webkit-box-shadow: 0 2px 2px rgba(102,0,0,.5); -moz-box-shadow: 0 2px 2px rgba(102,0,0,.5); box-shadow: 0 2px 2px rgba(102,0,0,.5); transition: background 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s, -moz-box-shadow 0.25s; } #page-options-bottom a:hover, #page-options-bottom-2 a:hover { background: #E0E0E0; -webkit-box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.25); box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.25); } #page-options-bottom, #page-options-bottom-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: right; } /* TEXTE HORS-PAGE (EDIT, ETC.) */ #page-title { border-color: #2A0A29; } a { color: var(--lien-bar); text-decoration: none; } a:visited { color: var(--lien-visite-bar) } /*TABLEAUX À ONGLETS */ /* Arrière-plan tableaux */ .yui-navset .yui-content{ background-color: #FEFEFE; padding-left: 2em; padding-right: 2em; border-width: 0px 0px 0px 0px } /* Tabs non ouvertes */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background: #ffffff; } /* Pré-clic SwitchOnglet (mousehover) */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: #cccccc; text-decoration: none; } /* Barre en-dessous des onglets (haut) */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #000000; border-width: 0px 0px 1px 0px; } /* Tab sélectionnée ; 1er = arrière-plan, 2e = texte */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background: #ffffff; color: #000000; border-color: #000000; } /* COULEUR LIENS */ a { color: var(--lien-normal); text-decoration: none; background: transparent; } /* Liens déjà visités */ a:visited { color: var(--lien-visite-normal); } /* Liens sidebar */ #side-bar a { color: var(--lien-bar); } #side-bar a:visited { color: var(--lien-visite-bar) } /* COULEUR TEXTE */ body { color: #151515; } /* CHANGER LOGO */ #header { height: 140px; position: relative; z-index: 10; padding-bottom: 22px; background: url(http://fondationscp.wikidot.com/local--files/component:theme-gda/logo-svg-petit) 10px 40px no-repeat; } /* BOÎTE DE RECHERCHE */ #search-top-box { position: absolute; top: 79px; right: 9px; width: 250px; text-align: right; } /* Couleur searchbox ; 1er = ligne contour, 2e = osef, 3e = arrière-plan */ #search-top-box-input { border: solid 1px #BDBDBD; border-radius: 5px; color: #0B2161; background-color: #0B2161; box-shadow: inset 1px 1px 3px rgba(0,0,0,.5); } /* 2e = Searchbox avant/après clic */ #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px #fff; color: #D8D8D8; background-color: #0101DF; box-shadow: inset 1px 1px 3px rgba(0,0,0,.8); } /* BOUTON RECHERCHE */ /* 1er = Texte "rechercher" avant clic */ /* 3e = Dégradé de haut en bas */ #search-top-box-form input[type=submit] { border: solid 1px #999; border-radius: 5px; padding: 2px 5px; font-size: 90%; font-weight: bold; color: #04B45F; background-color: #b740bc; background: linear-gradient(to bottom, #848484,#0B0B61,#000000); box-shadow: 0 1px 3px rgba(0,0,0,.5); cursor: pointer; } /* Searchbutton (mousehover) ; 1er = Texte "Rechercher", 2e = */ /* 3e = Dégradé de haut en bas */ #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px #3B240B; color: #01DFA5; text-shadow: 0 0 1px rgba(255,255,255,.25) background-color: #A9F5D0; background: linear-gradient(to bottom, #848484,#0B0B61,#000000); box-shadow: 0 1px 3px rgba(0,0,0,.8); } /* TEXTE HAUT PAGE */ /* Grand titre : Style, police texte */ #header h1 a { display: block; margin: 0; padding: 80px 0 25px; line-height: 0px; max-height: 0px; color: transparent; background: transparent; font-family: 'Markazi Text', cursive; font-size: 250%; text-decoration: none; text-shadow: none; letter-spacing: 0.9px; } /* Grand titre : 1er = Texte titre 2e = Contour, ombre */ #header h1 a::before { content: "Gazette d'Aleph "; color: #819FF7; text-shadow: 3px 3px 5px #000000; } /* Petit titre : Style, police texte */ #header h2 span { display: block; margin: 0; font-size: 160%; padding: 19px 0; line-height: 0px; max-height: 0px; font-family: 'Markazi Text', sans-serif; font-weight: bold; color: transparent; text-shadow: none; } /* Petit titre : 1er = Texte titre 2e = Contour, ombre */ #header h2 span::before { content: 'Informer et Servir'; color: #81BEF7; font-style: italic; text-shadow: 1px 1px 1px #000000; text-shadow: 1px 1px 1px rgba(0,0,0,.8);} } /* SIDE MENU */ /* 1er = ligne contour, 2e= arrière-plan */ #side-bar .side-block { padding: 10px; border: 1px solid #780d8e; border-radius: 10px; box-shadow: 0 2px 6px rgba(102,0,0,.5); background: #E0F2F7; margin-bottom: 15px; } /* 1er = Titres sidebar, 2e = Soulignage titres */ #side-bar .heading { color: #780d8e; border-bottom: solid 1px #8A0868; padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } /* Couleur soulignage collapsible */ #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #8A0868; } /* Couleur texte collapsible après clic (non-hover) */ #side-bar .collapsible-block-unfolded-link .collapsible-block-link { margin-top: 10px; margin-bottom: 5px; font-size: 8pt; color: #8A0868; } /* Couleur texte collapsible (hover) */ #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #8A0868; text-decoration: none; } #side-bar ul{ list-style-type: none; padding: 0 5px 0; } /* CITATION arrière-plan */ blockquote{ margin: 20px 0; padding-left: 1.5rem; background: #E6E6E6; } /* WIKIWALK */ .footer-wikiwalk-nav { font-weight: bold; font-size: 85%; } /* COULEUR DIV */ .content-panel.standalone { background: #E6E6E6; } /* C'est pas vraiment pour les portables, mais ça répare la top-bar */ @media only screen and (max-width: 902px) { #top-bar li a { padding: 1px 0.3em; } } /*Le domaine portable commence à 767px */ /* Et devient problématique vers 720px */ @media only screen and (max-width: 720px) { #header h1 a { font-size: 200%; } #header { padding-bottom: 5px; } } @media only screen and (max-width: 640px) { #header h1 a { font-size: 150%; } #header h2 span { font-size: 150%; } } @media only screen and (max-width: 540px) { #search-top-box-input { width: 5em; } .yui-navset .yui-content { padding-left: 0.4em; padding-right: 0.4em; } } @media only screen and (max-width: 510px) { #search-top-box { width: 12em; } } @media only screen and (max-width: 479px) { #search-top-box-input { display: initial; } } @media only screen and (max-width: 444px) { #u-headline-title { line-height: 0.7; } } @media only screen and (max-width: 400px) { #header h1 a { font-size: 110%; } #header h2 span { font-size: 130%; } #login-status { top: 30px; } #header { top: -20px; } div#container-wrap { background-size: auto 350px; } #page-title { font-size: 160%; } #content-wrap{ margin-top: 0.4em; } #u-headline { margin: 15px 15px !important; } #u-content { padding: 15px !important; } .yui-content td { padding-top: 5px !important; padding-right: 5px !important; padding-left: 5px !important; padding-bottom: 10px !important; } .yui-content h1 { margin-top: 0.5em !important; margin-bottom: 0.3em !important; } } @media only screen and (max-width: 340px) { #header h1 a { font-size: 80%; } #header h2 span { font-size: 115%; } }