Thème d'Halloween
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.
Pour utiliser ce thème, mettez le code suivant quelque part dans votre article !
[[include theme:halloween]]

Une image.
Titre niveau 1
Titre niveau 2
Titre niveau 3
Titre niveau 4
Titre niveau 5
Titre niveau 6
gras | italique | souligné | barré | texte télétype exposantindice
header | header | header | header | header | header |
---|---|---|---|---|---|
cell-content | cell-content | cell-content | cell-content | cell-content | cell-content |
Table des matières
|
Bloc
De citation
.pestilence { display: none; }
Un lien (Un lien que vous avez probablement visité)
:root { --bg: #111111; --bg-medium: #292929; --fg: #efefef; --fg-muted: #666; --fg-accent-light: hsla(28, 85%, 58%, 1); --fg-accent: #e47412; --fg-accent-dark: hsla(28, 85%, 38%, 1); --fg-accent-2-light: hsl(285, 65%, 58%); --fg-accent-2: hsla(285, 65%, 48%, 1); --fg-accent-2-dark: hsla(285, 65%, 38%, 1); /* 4 Rating-module */ --ct_col_rate-primary: var(--fg-accent-2-dark); --ct_col_rate-secondary: #fff; --ct_col_rate-cancel: #fff; --ct_col_rate-link-hover: #e9c9f3; --ct_brd_rate-primary: solid 1px var(--fg-accent-2-dark); } /* Couleur texte creditbox */ .credit { color: #000; } div#container-wrap:before { content: ""; display: block; width: 100%; height: 38px; position: absolute; border-bottom: 8px solid var(--fg-accent-dark); background: var(--fg-accent); } body, div#container-wrap { background: linear-gradient(var(--bg-medium), var(--bg)) repeat-x, var(--bg); background-size: 1px 180px; color: var(--fg); } div#content-wrap { margin-top: 3em; } h1, h2, h3, h4, h5, h6, div#page-title { color: var(--fg-accent); } a, #side-bar a { color: var(--fg-accent); transition: 0.2s; } #side-bar a { color: var(--fg-accent-2) } a:visited, #side-bar a:visited { color: var(--fg-accent-dark); } #side-bar a:visited { color: var(--fg-accent-2-dark) } a:hover, #side-bar a:hover, a:focus, #side-bar a:focus { color: var(--fg-accent-light); } #side-bar a:hover, #side-bar a:focus { color: var(--fg-accent-2-light); } del { color: #660000; } ins { color: #006600; } /* header */ #header { background: none; padding-top: 40px; } #header h1, #header h2 { margin-left: 0; } #header h1 { background: url(/local--files/theme:halloween/scp-halloween-fr.png) no-repeat top left; background-size: contain; display: block; height: 130px; max-height: 130px; width: 100%; max-width: 550px; font-size: 0; position: relative; top: 32px; } #header h1 a { display: block; margin: 0; padding: 0; height: 130px; max-height: 130px; width: 100%; max-width: 550px; } #header h2 { display: none; } /* top bar */ #top-bar { margin-top: 60px; border-bottom: 1px solid var(--fg-muted); padding-top: 4px; padding-bottom: 4px; } #top-bar a { transition: unset; } #top-bar ul li ul { border-color: var(--fg-accent-dark); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: var(--fg-accent-dark); border-color: var(--fg-accent-dark); } #top-bar ul li ul a, #top-bar a:hover { color: var(--fg-accent); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { border-color: var(--fg-accent-dark); color: var(--fg-accent); background-color: var(--bg-medium); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { border-color: var(--bg-medium); color: var(--bg); background-color: var(--fg-accent); } /* side bar */ #side-bar .side-block { background-color: transparent !important; border: 1px solid var(--fg-accent-2-light); box-shadow: 0 2px 6px var(--fg-accent-2-dark); } #side-bar .heading { color: var(--fg-accent-2-light); border-bottom: 1px solid var(--fg-accent-2-light); } #side-bar .menu-item img { display: none; } #side-bar .menu-item::before { display: inline; position: relative; top: -1px; font-size: 10px; content: "> "; color: var(--fg-accent-2-dark); } /* side bar: social media links workaround */ #side-bar .side-block[style="background-color: #e5e5ff;"] .menu-item::before { content: ""; } #side-bar .side-block[style="background-color: #e5e5ff;"] img { display: inline; } /* side bar: user resources workaround */ #side-bar .side-block[style="background-color: #fff0f0;"] div:nth-child(2) { display: none; } /* rating module */ .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background-color: var(--fg-accent-2-light); color: white; } /* footnote hovers */ .hovertip { width: 20em; padding: 0.5em; border: 1px solid var(--fg-accent-2-light) !important; border-radius: 0.5em; background-color: #000000ee !important; box-shadow: 0 0 6px 1px #000000aa; z-index: 100; } .hovertip .f-heading { color: var(--fg-accent-2-light); } /* inputs */ input.text, input.button, #search-top-box-input, #search-top-box-form input[type=submit], div.buttons input, input.button, button, file, a.button { background: transparent; color: var(--fg); border: 1px solid var(--fg-accent-2-dark); border-radius: 0; font-size: 1em; outline: 0; } div.buttons input:hover, div.buttons input:focus, input.button:hover, input.button:focus, button:hover, button:focus, file:hover, file:focus, a.button:hover, a.button:focus { border-color: var(--fg-accent-2-light); background: transparent; color: var(--fg); } input.text:hover, input.button:hover, input.text:focus, input.button:focus, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { color: var(--fg); background: transparent; border: 1px solid var(--fg-accent-2-light); outline: 0; } /* wikidot page elements */ #page-title { border-color: var(--fg-muted); } table.wiki-content-table th, table.wiki-content-table td, #toc, blockquote, .scp-image-block .scp-image-caption { border-color: var(--fg-muted); background-color: transparent; } table.wiki-content-table th { background-color: var(--bg-medium); } hr { background-color: var(--fg-muted); } .code { border: 1px dashed var(--fg-muted); background-color: transparent; font-family: "Consolas", "Courier New", "Roboto Mono", monospace; font-size: 14px; } /* user login */ #login-status { color: var(--bg); } #login-status a { border: 0; color: var(--bg); } /* footer */ #footer, #license-area { background: var(--fg-accent); color: #111; } #license-area { background: var(--fg-accent-dark); } #footer a, #license-area a { color: #fff; } /* code highlighter stuff */ .hl-identifier, .hl-code, .hl-brackets { color: var(--fg); } .hl-var { color: #21ff00; } .hl-special { color: #ffff00; } .hl-reserved { color: #00b2ff; } .hl-number, .hl-string { color: #ff0020; } /* tabs */ .yui-navset .yui-nav a, .yui-navset .yui-nav a em { border-color: var(--bg-medium); transition: unset; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: var(--fg-accent); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { color: var(--fg); background: var(--bg); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background: var(--bg); } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border: 0; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { background-color: var(--bg); border-color: var(--fg-accent); } /* popups */ .owindow { background-color: var(--bg); border-color: var(--fg-accent); } .title.modal-header { background-color: var(--bg); } .owindow .button-bar a { background-color: transparent; border-color: var(--fg-accent); } .owindow .button-bar a:hover, .owindow .button-bar a:focus { background-color: transparent; border-color: var(--fg-accent-light); } /* editor */ textarea { font-family: "Verdana", sans-serif; padding: 2px; font-size: 100%; border: 1px solid var(--fg-accent-2); background-color: var(--bg); color: var(--fg); outline: 0; } textarea:hover, textarea:focus { border-color: var(--fg-accent-2-light); } .change-textarea-size a { background: transparent; color: var(--fg); border-color: var(--fg-accent-2) } .change-textarea-size a:hover, .change-textarea-size a:focus { border-color: var(--fg-accent-2-light); text-decoration: none; } .edit-help-34 a { color: var(--fg-accent-2); } .edit-help-34 a:visited { color: var(--fg-accent-2-dark); } .edit-help-34 a:hover, .edit-help-34 a:visited:hover { color: var(--fg-accent-2-light); } input.text, input.button, #search-top-box-input, #search-top-box-form input[type=submit], div.buttons input, input.button, button, file, a.button { background: transparent; color: var(--fg); border: 1px solid var(--fg-accent-2-dark); border-radius: 0; font-size: 1em; outline: 0; } div.buttons input:hover, div.buttons input:focus { border-color: var(--fg-accent-2-light); background: transparent; color: var(--fg); } #lock-info { background: transparent; border: 0; } #lock-info #lock-timer { color: var(--fg-accent-2-light); } /* home page elements */ .content-panel, .content-panel .panel-body, .international-entry:nth-child(even), .alternate:nth-child(even) { box-shadow: unset; background: #141414; color: var(--fg); } .news-block .news-title > p, .news-block .news-content > p, .feature-block .feature-title > p, .feature-block .feature-subtitle > p { color: var(--fg); } iframe.scpnet-interwiki-frame { filter: invert(1) hue-rotate(85deg) saturate(13) brightness(80%); } iframe.html-block-iframe { filter: invert(1); } div[style="text-align: center; color: #600;"] { color: var(--fg-accent) !important; } /* mobile rules */ @media (max-width: 767px) { #side-bar, #side-bar:target { border: 0; background: var(--bg); } #search-top-box { top: 174px; } }
révision de page: 30, édité la dernière fois: 31 Oct 2020 11:07