Thème

EH TOI LÀ !

Cette page est utilisée en interne par le Wiki l'Insurrection du Chaos,

MERCI DE NE PAS MODIFIER CETTE PAGE
SANS LA PERMISSION DU STAFF.

Ce thème est une version modifiée du thème "SCP Sigma 9" réalisé par AelannaAelanna et édité par Dr DevanDr Devan pour la Fondation SCP.

Cette version est destinée à l'Insurrection du Chaos et a été édité par des membres tels que DrCaduceusDrCaduceus (fondateur de l'Insurrection du Chaos original), andres2055andres2055 (administrateur de la branche hispanique de l'Insurrection du Chaos) et PrKendrickPrKendrick (Master Admin de la branche francophone).

Tous les droits reviennent aux créateurs originels du thème.

Le thème Sigma-9 du Wiki de la Fondation SCP créé par AelannaAelanna est placé sous la licence Creative Commons Attribution-ShareAlike 3.0. (CC-BY-SA).


@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Orbitron:700');
 
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
 
/* 
    Illogic II
    Chaos Insurgency Theme
*/
 
/*
    Modified From:
    SCP Sigma 9
    [2014 Wikidot Theme]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
*/
 
/* COMMON*/
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1350px;
    height: auto !important;
 
}
 
h1, #page-title {
    color: #C72E2E;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
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;
}
ul {
    list-style: square;
}
#top-bar ul {
    /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
li, p {
    line-height: 141%;
}
a {
    color: #e92f2f;
    text-decoration: none;
    background: transparent;
}
a.newpage {
    color: #5e3333;
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
.form-control {
width: 95%;
}
 
/* GLOBAL WIDTH */
 
#header, #top-bar {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
}
 
#top-bar {
    width: 100%;
    margin: 0 auto;
}
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
 
body {
    background-color: #fff;
    font-size: 0.80em;
    color: #333;
}
div#container-wrap {
    background: url(http://ci-wiki.wdfiles.com/local--files/component%3Atheme/header-hex.png) top left repeat-x;
    background-size: 105px;
}
 
/* HEADER */
 
#header {
    height: 135px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url(http://ci-wiki.wikidot.com/local--files/start/logo_2.png) 10px 40px no-repeat;
    background-size: 100px;
}
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    border: solid 1px #EDEDED;
    border-radius: 5px;
    color: #F22424;
    background-color: #1C1818;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #f22424;
    color: #eee;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
    transition: 0.125s;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #EDEDED;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #fff;
    background-color: #171717;
    background: linear-gradient(to bottom, #171717, #242424);
    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 #F22424;
    color: white;
    text-shadow: 0 0 1px rgba(255,255,255,.25)
    background-color: white;
    transition: 0.125s;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #DEDEDE;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #fff;
}
#login-status ul a {
    color: white;
    background: #272727;
}
 
#account-topbutton {
    background: #ccc;
    color: #9f0113;
}
#account-options li a:hover {
color:white;
text-decoration: none;
background-color: #3f3f3f;
border-top: 1px solid #F22424;
border-bottom: 1px solid #F22424;
}
.printuser img.small {
    margin-right: 1px;
}
 
#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: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #eee;
    background: transparent;
    font-family: Orbitron, Arial, sans-serif;
    font-size: 150%;
    text-decoration: none;
    text-shadow: 2px 2px 1px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    font-family: Helvetica, sans-serif;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* TOP MENU */
 
#top-bar {
    position: absolute;
    z-index: 50;
    top: 144px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li {
    margin: 0;
}
 
#top-bar a {
    color: #fff;
    transition: 0.125s;
    background: transparent;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px #1c1818;
    border-top: 0;
}
 
#top-bar ul li a {
    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: #1c1818;
    color: white;
}
 
#top-bar ul li a:hover {
color:black;
background-color:#dddddd;
}
 
#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 #353535;
    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: #fff;
    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: black;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* 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;
}
#side-bar .side-div {
    padding: 10px;
    border: 1px solid #3f3f3f;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.8);
    background: #201f1f;
    margin-bottom: 15px;
    color: #FAFAFA;
    text-shadow: 1px 1px 0.2px rgba(0,0,0,.4);
}
.side-div a {
color: #f06565;
text-decoration:none;
}
.side-div a:hover {
color: #E3E3E3;
transition: 0.125s;
text-decoration:none;
}
.side-div a.newpage {
color: #6E4545 ! important;
text-decoration:none;
}
.side-div a:focus {
color: #e11e25;
text-decoration:none;
}
 
/* CONTENT */
 
#main-content {
    margin: 0 2em 0 22em;
    padding: 1em;
    position: relative;
}
 
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* FORUM */
 
.forum-group div.head {
    background-color: #2d2d2d;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}
 
.forum-group table tr.head td {
    background-color: #eeeeee;
    border:0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
 
.forum-group  table td {
    border: 1px solid rgba(0,0,0,0.1);
}
 
.forum-thread-box .description-block {
    padding: .5em 1em;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
 
.thread-container .post .head {
    padding: 0.5em 1em;
    background-color: #eeecec;
    border-radius: 5px 5px 0 0;
    box-shadow: inset 1px 2px 10px rgba(0,0,0,.15);
}
.thread-container .post .head a {
    color: #e92f2f;
}
.thread-container .post .options a {
    color: #e92f2f;
}
div.new-post a {
    border-radius: 10px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    transition: 0.125s;
}
div.new-post a:hover {
    background-color: #e92f2f;
    color:white;
    text-decoration: none;
}
 
/* RATING MODULE */
.page-rate-widget-box {
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    display: inline-block;
    margin-bottom: 10px;
}
.page-rate-widget-box .rate-points {
    background-color: #2d2d2d !important;
    border: solid 1px #2e2e2e;
    border-right: 0;
    border-radius: 12px 0 0 0px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #eff2f5;
    border-top: solid 1px #605e5e;
    border-bottom: solid 1px #605e5e;
    font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: #eff2f5;
    color: #313131;
    padding: 0 4px;
    margin: 0 1px;
    transition: 0.125s;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #f7f7f7;
    text-decoration: none;
}
.page-rate-widget-box .cancel {
    background-color: #2d2d2d;
    border: solid 1px #2d2d2d;
    border-left: 0;
    border-radius: 0 5px 5px 0;
}
.page-rate-widget-box .cancel a {
    background: transparent;
    text-transform: uppercase;
    color: #d0d0d0;
    transition: 0.125s;
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0 3px 3px 0;
    color: #fffff0;
    text-decoration: none;
}
 
/* TABVIEW */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#d6c2c2; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8 ! important; /* tab background */
    border-color:#d6c2c2;
    color:#303030;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
background-color: #fdfdfd;
box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
border-color: #b7a9a9;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color: #4D4D4D; /* selected tab background */
    color:white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px rgba(134,7,7,0.5);
 background-color: #c72e2e; 
}
 
.yui-navset .yui-content {
    background-color: #F7F7F7; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #b7a9a9; /* content border */
    border-top-color:#b7a9a9; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
blockquote {
  border-style: dashed;
  border-color: #a7a7a7;
  border-width: 1pt;
  background-color: #f7f7f7;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
 
div.image-block {
 float:right;
 margin:0 2em 1em 2em;
 width:300px;
}
 
div.image-block img {
width:300px;
}
/* IMAGE BLOCK */
.image-block {
    border: solid 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 6px rgba(0,0,0,.15);
    width: 300px;
}
 
.image-block.block-right {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}
 
.image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
.image-block img {
    border: 0;
    width: 300px;
}
.image-block .image-caption {
    background-color: #eee;
    border-top: solid 1px rgba(0,0,0,0.25);
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
.image-block > p {
    margin: 0;
}
.image-block .image-caption > p {
    margin: 0;
    padding: 0 10px;
}
 
/* FOOTER */
 
#footer {
    clear: both;
    font-size: 80%;
    background: #2d2d2d;
    color: #bbb;
    margin-top: 15px;
    padding: 3px 10px;
}
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
#footer a {
    color: #fff;
    background: transparent;
}
 
/* CUSTOM PAGE CONTENT CLASSES */
#page-content {
    min-height: 720px;
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
/* FIXES FOR MULTI-LINE PAGE TAGS */
 
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* DIVS */
 
div.prompt {
border-radius: 5px;
border: 1px solid #484243;
background-color: #2f2f2f;
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
color:white;
padding:10px;
margin:5px;
}
 
div.prompt h1 {
    color: #ff4f4f;
}
 
div.prompt pre, div.prompt blockquote {
color:black;
}
 
div.side-div pre, div.side-div blockquote {
color:black;
text-shadow: none;
}
 
div.box-grey {
border-radius: 5px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
border: 1px solid #de9aa6;
background-color: #F5F7F7;
color:black;
padding:10px;
margin:5px;
}
 
/* SCROLLBAR */
 
body::-webkit-scrollbar {
    width: 0.7em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #C2C2C2;
}
 
body::-webkit-scrollbar-thumb {
background-color: #2a2829;
  outline: 1px solid slategrey;
}
/* LES TRUCS DE L'IC FR A GARDER */
 
/* Hide Forum Signatures */
.signature {
    display:none !important;
}
 
div.cellule {
display: inline-block;
border-radius: 10px;
border: solid 1px #444444;
background-color: #e1e1e1;
width: 95%;
padding: 10px;
}
 
div.cellule-desc {
background-color: white;
border: 1px silver solid;
border-radius: 5px;
margin: 5px 5px 5px;
padding: 0px 15px;
text-align: left;
}
 
div.cellule-hub {
font-size: 190%;
text-align: center;
font-family:monospace;
font-weight: bold;
}
 
div.eit {
border-radius: 10px;
border: solid 3px #000000;
background:#fefefe;
padding: 0px;
margin-top: 5px:
}
 
div.eit-2 {
border:solid 2px #000000;
background: #000000;
padding: 0px;
margin-bottom: 5px;
text-align: center;
font-family:monospace;
font-weight: bold;
}
 
div.eit-desc {
padding: 15px; 
margin-bottom: 5px;
text-align: left;
font-size: 110%;
margin: 2px 0 5px;
}
 
div.eit-hub {
font-size: 190%;
font-weight: bold;
text-align: center;
font-family:monospace;
}
 
div.objets {
border : solid 2px #000000;
border-top: solid 10px #000000; 
border-radius: 15px; 
background:#FEFEFE; 
padding: 20px; 
margin-bottom: 15px; 
font-size: 105%
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License