Thème du Concours des Six Ans

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.


Ce thème est celui du Concours des Six Ans du site. Il peut être réutilisé en plaçant le code suivant en haut du code d'une page :

[[include theme:concours-300-fr]]

Lien non visité (Lien visité)

/*
    Thème du Concours des six ans (Sigma-9)
    Thème Wikidot 2018
    Créé par Torrential
    En-tête basé sur une image de Pixelmädchen6 sous BY-NC-SA 2.0
*/
 
@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great);
 
/* COMMON */
#page-title {
    border-color: #bbb;
}
 
a {
    color: #8B0000;
    text-decoration: none;
    background: transparent;
}
a.newpage {
    color: #8B0000;
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
/* GLOBAL WIDTH */
body {
    background-color: #FFFFFF;
    font-size: 0.80em;
    color: #000000;
}
div#container-wrap {
    background: url(http://fondationscp.wikidot.com/local--files/theme:concours-300-fr/TableauNoir.jpg) top left repeat-x;
    background-size: cover;
}
 
/* HEADER */
#header {
    height: 180px;
    position: relative;
    z-index: 10;
    padding-bottom: 50px; /* FOR MENU */
    background: url(http://fondationscp.wikidot.com/local--files/theme:concours-300-fr/121.png) 0px 0px no-repeat;
}
#search-top-box {
    position: absolute;
    top: 65px;
    right: 8px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    color: #B22222;
    background-color: #DCDCDC;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #FFFFFF;
    color: #8B0000;
    background-color: #C0C0C0;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #FFFFFF;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #B22222;
    background: linear-gradient(to bottom, #DCDCDC,#C0C0C0,#808080);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #FFFFFF;
    color: #8B0000;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background: linear-gradient(to bottom, #D3D3D3,#A9A9A9,#696969);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #FFFFFF;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #ddd;
}
#login-status ul a {
    color: #700;
    background: transparent;
}
 
#account-topbutton {
    background: #ccc;
    color: #700;
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
}
#header h2 {
    margin-left: 120px;
    padding: 0;
    clear: left;
    float: left;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: none;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #eee;
    background: transparent;
    font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    font-size: 180%;
    text-decoration: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: none;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: #f0f0c0;
    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: 235px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar a {
    color: #fff;
    background: transparent;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px #666;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #C0C0C0;
    color: #B22222;
    border-left: solid 1px rgba(64,64,64,1);
    border-right: solid 1px rgba(64,64,64,1);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #FFFFFF;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #FFFFFF;
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
/* SIDE MENU */
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(102,0,0,.5);
    background: linear-gradient(to bottom, #DCDCDC,#C0C0C0,#808080);
    margin-bottom: 15px;
}
#side-bar .heading {
    color: #600;
    border-bottom: solid 1px #600;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
}
#side-bar div.menu-item.inactive a {
    color: #8B0000;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #8B0000;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #600;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #8B0000;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #B22222;
    text-decoration: none;
}
 
/* FOOTER */
#footer {
    background: #444;
    color: #bbb;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
    padding: 1px 0;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
#license-area {
    padding: 0 0.5em 5px 0.5em;
    color: #FFFFFF;
    bottom: 0px;
    position: fixed;
    left: 32%;
    width: auto;
    height: auto;
    background-color: #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 3px DarkGrey;
}
 
.content-panel .panel-footer {
    padding: 1px 10px;
    color: #fffff0;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
    color: #ffffff;
}
.content-panel .content-toc {
    float: right;
    padding: 0 20px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 10px;
    margin: 20px 0 5px 5px;
    white-space: nowrap;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
 
.alternate:nth-child(even) {
    background-color: rgba(255,255,255,.9);
}
 
/* Keycap */
 
.keycap {
    border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
    border-bottom-width: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9f9f9;
    padding: 1px 3px;
    font-family: inherit;
    font-size: 0.85em;
    white-space: nowrap;
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License