Thème SAI Napoléon I

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 de la Singulière Académie Impériale sous Napoléon I. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:sai-napoleon-i]]

Image d'exemple.

Lien non visité (Lien visité)

Premier Titre

Un onglet

Ceci est un onglet.

Un autre onglet

Hé regarde, il y a plus de texte ici.

Surprenant.

Onglet long

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

Onglet vide

Onglet vide

Onglet vide

Onglet vide

Onglet vide

Ceci est un bloc de citation faisable en mettant un chevron ">" suivi d'un espace au début de chaque ligne.
Plus de texte

---

C'est un trait horizontal

Blocs de citation imbriqués

/*
      Allègrement repompé sur : SCP Sigma 9
    [2014 Wikidot Theme]
    Created for the SCP Foundation by Aelanna (bidouillé par DrGemini)
*/
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #380d0d;
    --ct_col_rate-secondary: #380d0d;
    --ct_col_rate-cancel: #ffb961;
    --ct_col_rate-link-hover: #d28f11;
    --ct_brd_rate-primary: solid 1px #f6d058;
    --ct_dim_rate-border-radius: 0.3em;
 
/* 4 Tabview (YUI-Tabs) */
    --ct_col_tab-bg: #F5F1EE;
}
 
/* RECOLOR THE TITLE */
h1, #page-title {
    color: white ; /* COULEUR GROS TEXTE BLANC */
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
    z-index: -10;
}
#page-title {
    border-color: #f6d058;
}
 
/* Links */
#side-bar a, #side-bar a:visited {
    color: #EDB44F;
}
a:hover {
    color: #e7d30e
    text-decoration: underline;
    background-color: transparent;
}
a.newpage {
    color: #f6d058;
}
 
/*HEADER IMAGES*/
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asai-napoleon-i/Th%C3%A8meSAINapoI.jpg) top left repeat-x;
}
 
#header {
    height: 200px;
    padding-bottom: 0px; /* FOR MENU */
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asai-napoleon-i/1506450654-saii.png) 20px 0px no-repeat;
}
 
/* POUR AVOIR UN FOND NOIR (DUH) */
body {
    background-color: black;  
}
 
/* Adjust Mobile Image Size */
@media (max-width: 479px) { 
#header {
    background-size: 415px 145px;
    background-position: -5.1em 1.3em;
}
}
@media (min-width: 480px) and (max-width: 580px) { 
#header {
    background-size: 415px 145px;
    background-position: 0em -1em;
}
}
@media (min-width: 581px) and (max-width: 767px) { 
#header {
background-size: 500px 135px;
    background-position: -1em -1em;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header {
    background-size: 500px 135px;
    background-position: 0em -1em;
}
}
 
/* HIDE THE HEADER TEXT */
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #00003D;
    background: transparent;
    font-family: Akashi, Arial, sans-serif;
    font-size:0%;
    text-decoration: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: #f0f0c0;
    font-family: Helvetica, sans-serif;
    font-size: 0%;
    text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* TOP BARRE */
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
#top-bar ul {
    float: right;
}
#top-bar a {
    color: #fff;
    background: transparent;
}
#top-bar ul li {
    border: 0;
}
#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: #00003D;
    color: #e7d30e;
    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 #ddd;
    line-height: 160%;
    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: #a01;
}
 
/* SEARCH BAR */
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #11131f;
    border-radius: 0;
}
#search-top-box-form input[type=submit] {
    background-image: linear-gradient(#b57416, #edb15a);
    color: #800909;
    border-radius: 0;
    transition: color 0.25s;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-image: linear-gradient(#b57416, #edb15a);
    color: #a65252;
}
 
/* LOGIN STUFF */
#login-status {
    color: #1f1f1f;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #1f1f1f;
}
#login-status ul a {
    color: #1f1f1f;
    background: transparent;
}
#account-topbutton {
    background: #ddd;
    color: #1f1f1f;
    border: none;
}
#account-topbutton:hover {
    color: #ff5638;
}
 
/* COULEUR BLOC D’IMAGE (PEUT TRIPATOUILLER)*/
.scp-image-block {
  border: inset 3px #9E6E54;
}
.scp-image-block .scp-image-caption {
  background-color: #F5F1CE;
  border-top: inset 3px #9E6E54;
}
 
/*-------------------*\
 *  LES ENCADRES  *
\*-------------------*/
 
blockquote,
.yui-content blockquote {
    border: 1px solid rgba(0,0,0,0.12);
    background-color: #F5EDCE;
}
 
/* MODULE DE NOTATION */
.page-rate-widget-box {
    padding: .1em;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: var(--ct_col_rate-cancel);
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background-color: #c70000;
}
.page-rate-widget-box .cancel:hover {
    background: none !important;
    background-color: var(--ct_col_rate-cancel) !important;
}
.page-rate-widget-box .cancel a {
    background: none !important;
    color: var(--ct_col_rate-cancel) !important;
}
 
/* TAB RECOLORING (A TRIPATOUILLER) */
/* TABVIEW LOOKS
===========================*/
 
.yui-navset .yui-content {
    border-color: #fbc951;
    border-top-color: #fbc951;
    background-color: #F5F1EE;
    font-weight: normal;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-bottom: 0.3em solid #784c34;
}
.yui-navset .yui-nav a, 
.yui-navset .yui-navset-top .yui-nav a {
    background-image: none;
    background-color: #fbc951;
    font-weight: normal;
}
.yui-navset .yui-nav a:hover, 
.yui-navset .yui-nav a:focus {
    background-image: none !important;
    background: #e1b448;
    border-color: #e1b448;
    color: white;
}
.yui-navset .yui-nav .selected a, 
.yui-navset .yui-nav .selected a:focus, /* Pas d'effet focus/hover pour tab sélectionné */
.yui-navset .yui-nav .selected a:hover {
    background-image: none !important;
    background: #784c34;
    border-color: #784c34;
    color: white;
}
.yui-navset li {
    line-height: normal;
}
/* Bordures onglets */
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    border: 1.2px solid #fbc951;
    padding: 0.15em;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: none !important;
}
/* Smooth */
.yui-navset .yui-nav a, 
.yui-navset .yui-navset-top .yui-nav a {
    transition: background-colo 0.4s, border-color 0.4s;
}
 
/* BAS DE PAGE */
#footer {
    clear: both;
    font-size: 77%;
    background: #540400;
    color: #d89900;
    margin-top: 15px;
    padding: 3px 10px;
}
#footer a {
    color: #fff;
    background: transparent;
}
 
/* SIDE BAR RECOLOR AND STUFF */
#side-bar .side-block {
    border: 1px solid #f2e281;
    background: #380d0d;
    color: #ddac13;
}
#side-bar .side-block.media, #side-bar .side-block.resources {
    background-color: #380d0d !important;
    color: #ddac13;
}
 
#side-bar .heading1 {
    color: #e7d30e;
    border-bottom: solid 1px #080808;
    padding-left: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 15pt;
    font-weight: bold;
}
#side-bar .heading {
    color: #e7d30e;
    border-bottom: solid 1px #fafafa;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
}
#side-bar div.menu-item img {
    width: 13px;
    height: 13px;
    border: 0;
    margin-right: 2px;
    position: relative;
    bottom: -2px;
}
#side-bar div.menu-item.inactive a {
    color: #fddd21;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #fddd21;
}
 
/* MOBILE SIDEBAR */
@media (max-width: 767px) {
#side-bar{background-color: transparent}
 
.open-menu a {
    border: 0.2em solid #EDB44F !important;
    background-color: #380d0d !important;
    color: #EDB44F !important;
}
}
 
/* Patchs de lisibilité */
.page-info, #action-area, .history-form-1, .page-source {
    color: navajowhite;
}
#action-area a, .history-form-1 a, .page-source a {
    color: #EDB44F;
}
.page-info .lock-info, .change-textarea-size a { color: black }
 
/* Custom page content classes */
#page-content {
    min-height: 720px;
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
.content-panel {
    border: solid 1px #e7d30e;
    border-radius: 10px;
    background-color: #e7d30e;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #bbb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
 
.content-panel .panel-heading {
    padding: 2px 10px;
    color: #00003D;
    font-size: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-body {
    padding: 5px 10px;
    background: #fff9f0 url(/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
}
.content-panel .panel-footer {
    padding: 1px 10px;
    color: #e7d30e;
    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: #e7d30e;
}
.content-panel .content-toc {
    float: right;
    padding: 0 20px;
    background-color: #fff;
    border: solid 1px #fff;
    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);
}
 
div.prompt {
    border-radius: 5px;
    border: 1px solid #F22424;
    background: linear-gradient(#171717, #242424);
    color: transparent;
    padding: 10px;
    margin: 5px;
}
 
div.prompt pre, div.prompt blockquote {
    color: #e7d30e;
}
 
div.side-block pre, div.side-block blockquote {
color:e7d30e;
text-shadow: none;
}
 
div.box-brown {
border-radius: 5px;
border: 1px solid #5c1515;
background: linear-gradient(#5c1515,#F0F0F0);
color:e7d30e;
padding:10px;
margin:5px;
}
 
/* TRANSLATION BLOCK */
iframe.scpnet-interwiki-frame {
    filter: brightness(85%) hue-rotate(90deg);
    -webkit-filter: brightness(85%) hue-rotate(90deg);
}