Thème Hello world
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.
Module de notation :
Ce thème est celui du Protocole Ennui. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :
[[include theme:helloworld]]
Premier Titre
/* helloworld Theme [2018 Wikidot Theme] Based on Aelanna's Sigma 9 and djkaktus' Darkbody themes. Edited by Dr Aers for the SCP-4000 Contest */ :root { /* Rating module */ --ct_col_rate-primary: #3A3A3A; --ct_col_rate-secondary: #A3A3A3; --ct_col_rate-link-hover: #d1d1d1; --ct_col_rate-cancel: #A3A3A3; --ct_brd_rate-primary: solid 1px #A3A3A3; } /* COMMON */ #content-wrap { position: relative; margin: 2em auto 0; max-width: 1040px; min-height:1350px; height: auto !important; } h1, #page-title { color: #444; font-weight: normal; margin: 0 0 0.6em; padding: 0 0 0.25em; } h1 { margin-top: 0.7em; padding: 0; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { border-color: #bbb; } a { color: #000; text-decoration: none; background: transparent; } a.newpage { color: #000; text-decoration: none; background: transparent; } a:hover { text-decoration: underline; background-color: transparent; } #side-bar a:visited{ color: #000; } a:visited { color: #000;} .form-control { width: 95%; } /* GLOBAL WIDTH */ div#container-wrap { background: url(http://fondationscp.wdfiles.com/local--files/theme%3Ahelloworld/background.png) top left repeat-x; background-size: 105px; } /* HEADER */ #header { height: 140px; position: relative; z-index: 10; padding-bottom: 30px; /* FOR MENU */ background: url(http://fondationscp.wdfiles.com/local--files/theme%3Ahelloworld/o2.png) 10px 40px no-repeat; } #header h1 a { font-size: 150%; text-shadow: none; } #header h1 a::before { font-family: 'Work Sans'; content: "Protocole O5 : Ennui "; } #header h1 a span{ display: block; content: ""; visibility: hidden; } #header h2 { margin-left: 120px; padding: 0; clear: left; float: left; font-size: 105%; max-height: 38px; } #header h2 span { display: block; margin: 0; padding: 19px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: transparent; text-shadow: none; } #header h2 span::before { font-family: 'Work Sans'; content: "Mensonges Blancs, Cœurs Noirs"; display: block; margin: 0; padding: 0px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } /* TOP MENU */ #top-bar { position: absolute; z-index: 50; top: 140px; height: 21px; line-height: 18px; padding-top: 5px; z-index: 20; font-size: 90%; } /* IE7 HACK */ #top-bar ul > li > ul { *margin-top: -4px; } /* SIDE MENU */ #side-bar { clear: none; float: none; position: absolute; top: 0.5em; left: 2em; width: 17em; padding: 0; border: none; display: block; background: transparent; } #side-bar img { filter:brightness(0%); -webkit-filter: filter:brightness(0%); } #side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img { filter: none; -webkit-filter: none; } /* Remove Translation, kaktus sends his thanks to Greenwolf. I send my thanks to both of them. */ #side-bar .scpnet-interwiki-wrapper { width: 0em; } #side-bar .side-block { padding: 10px; border: 1px solid #444; border-radius: 10px; box-shadow: 0 2px 6px rgba(32,32,32,1) !important; background: #DCDCDC !important; margin-bottom: 15px; } #side-bar .side-area { padding: 10px; } #side-bar .heading { color: #444; border-bottom: solid 1px #444; padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } #side-bar p { margin: 0; } #side-bar div.menu-item { margin: 2px 0; } #side-bar div.menu-item img { width: 13px; height: 13px; border: 0; margin-right: 2px; position: relative; bottom: -2px; } #side-bar div.menu-item a { font-weight: bold; } #side-bar div.menu-item.inactive img { opacity: 0.25; } #side-bar div.menu-item.inactive a { color: #444; } #side-bar div.menu-item .sub-text { font-size: 80%; color: #444; } #side-bar .collapsible-block-folded { background: none; } #side-bar .collapsible-block-link { margin-left: 15px; font-weight: bold; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #444; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { margin-top: 10px; margin-bottom: 5px; font-size: 8pt; color: #444; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #AAA; text-decoration: none; } #side-bar ul{ list-style-type: none; padding: 0 5px 0; } /* APPARENTLY OTHER DEVICES EXIST */ /* basic Query for mobile devices */ @media (max-width: 767px) { .owindow { min-width: 80%; max-width: 99%; } .modal-body .table, .modal-body .table ~ div { float: left; } .owindow .button-bar { float: right; } .owindow div a.btn-primary { width: 100%; float: left; } } /* Mobile Media Query */ @media (max-width: 479px) { #header { background-position: 0 5.5em; background-size: 55px 55px; } #header h1, #header h2 { margin-left: 66px; } } /* Note Media Query */ @media (min-width: 480px) and (max-width: 580px) { #header h1 a { font-size: 120%; } #header { background-position: 0.5em 4.5em; background-size: 66px 66px; } } /* Mini Tablet Media Query */ @media (min-width: 581px) and (max-width: 767px) { #header { background-position: 1em 4em; background-size: 77px 77px; } #header h1, #header h2 { margin-left: 93px; } } /* Tablet Media Query */ @media (min-width: 768px) and (max-width: 979px) { #header { background-position: 1em 4em; background-size: 88px 88px; } } /* Desktop Media Query ----------- @media (min-width: 980px) and (max-width: 1399px) { } ------------------------------------------ */ /* Wide Monitor Media Query ----- @media (min-width: 1400px) { } ------------------------------------------ */ /* off-canvas */ .close-menu { display: none; } @media (max-width: 767px) { .page-history tbody tr td:last-child { width: 35%; } .owindow { min-width: 80%; max-width: 99%; } .modal-body .table, .modal-body .table ~ div { float: left; } .owindow .button-bar { float: right; } .owindow div .btn-primary { width: 100%; float: left; } .owindow div .btn-primary ~ div { width: 100%; } .yui-navset { z-index: 1; } #navi-bar, #navi-bar-shadow { display: none; } .open-menu a { position: fixed; bottom: 0.5em; left: 0.5em; z-index: 15; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #3b2e4f !important; background-color: #fff !important; border-radius: 3em; color: #3b2e4f !important; } .open-menu a:hover { text-decoration: none !important; } #main-content { max-width: 90%; margin: 0 5%; padding: 0; } #side-bar { display: block; position: fixed; top: 0; left: -25em; width: 17em; height: 100%; background-color: rgb(192, 192, 192); overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; } #side-bar:after { content: ""; position: absolute; top: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; border: 1px solid #dedede; z-index: 10; }
révision de page: 13, édité la dernière fois: 04 Oct 2020 13:47