Thème Saint-Patrick

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 utilisé pour la fête de la Saint-Patrick. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:saint-patrick]]

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

/*
     CSS gradient to replace Sigma-9 body-bg image
     By 7happy7, Dr Lekter and Styrius
     Based on code by Woedenaz
*/
 
:root {
    --head-top: 0, 0, 0; /* Black */
    --head-bottom: 103, 61, 61; /* Brown */
    --bar-top: 83, 83, 83; /* Light gray */
    --bar-bottom: 59, 59, 59; /* Dark gray */
    --bar-shadow-top: 95, 60, 60; /* Dark brown */
    --bar-shadow-bottom: 157, 157, 157; /* Very light gray */
    --body: 255, 255, 255; /* White */
}
 
div#container-wrap {
    background-image:
        linear-gradient(to top, rgba(var(--head-bottom), .5) 10%,
        rgba(var(--head-top), 1) 80%), 
 
        repeating-linear-gradient(45deg,hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 2px,
        rgba(88, 88, 88, 0.2) 2px,
        rgba(88, 88, 88, 0.2) 4px),
 
        linear-gradient(to bottom, rgba(var(--head-top), 1) 4.67rem,
        rgba(var(--head-bottom), 1) 8.55rem,
        rgba(var(--bar-shadow-top), 1) 8.675rem,
        rgba(var(--bar-top), 1) 8.8rem,
        rgba(var(--bar-top), 1) calc(90% - 0.125rem),
        rgba(var(--bar-bottom), 1) calc(98% - 0.125rem)),
 
        linear-gradient(to bottom,rgba(var(--bar-bottom), 1) 10.1rem,
        rgba(var(--bar-shadow-bottom), 1) 10.225rem,
        rgba(var(--body), 1) 10.345rem);
 
    background-size: 100% 8.7rem, 100% 8.7rem, 100% 10.1rem, 100% 10.465rem;
    background-repeat: no-repeat;
}

/*
    Thème Saint-Patrick
    Basé sur le thème de la Fondation Caritative de la Manne par 
    [2014 Wikidot Theme]
*/
 
:root {
    /* 1 Common */
    --ct_col_h1-txt: #006c00;
    --ct_col_link: #4f7942;
    --ct_col_link-visited: #3f6034;
    --ct_col_link-newpage: #74a512;
 
    /* 2 Header */
    --head-top: 2, 28, 0;
    --head-bottom: 2, 28, 0;
    --bar-shadow-top: 1, 16, 0;
    --bar-shadow-bottom: 153, 200, 182;
    --bar-top: 0, 118, 72;
    --bar-bottom: 0, 118, 72;
 
    --ct_cnt_alt-header-txt: "Fondation St-Patrick";
    --ct_cnt_alt-slogan-txt: "Séquestrer, Célébrer, Picoler";
    --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Asaint-patrick/logo.png); 
    --ct_fns_alt-header-txt: 43.8px;
    --ct_fns_alt-slogan-txt: 13.4px;
    --ct_fns_header-txt: 0;
    --ct_fns_slogan-txt: 0;
 
    /* 4 Rating-module */
    --ct_col_rate-primary: #006c00;
    --ct_col_rate-secondary: white;
    --ct_col_rate-cancel: white;
    --ct_col_rate-link-hover: #cce1cc;
}
 
/* Var fixes */
#header {
    background-position: 10px 32px;
}
a:hover{text-decoration:underline;background:transparent}
 
/* COMMON */
h1, #page-title {
    font-family: sansationregular, sans-serif;
    border-color: #006c00;
}
 
/* 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;
}
 
/* HEADER */
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    border: solid 1px #005c3a;
    border-radius: 5px;
    color: #fff;
    background-color: #00764a;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #00764a;
    color: #fff;
    background-color: #009a62;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #005c3a;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #ccc;
    background-color: #00764a;
    background: linear-gradient(to bottom, #082b1e,#00764a,#46d49f);
    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 #76f8c9;
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,.25)
    background-color: #009a62;
    background: linear-gradient(to bottom, #0c6142,#009a62,#03b977);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #95feaa;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #96e696;
}
#login-status ul a {
    color: #a3c5a3;
    background: transparent;
}
 
#account-topbutton {
    background: #005c3a;
    color: #a3c5a3;
}
 
.printuser img.small {
    margin-right: 1px;
}
 
/* TOP MENU */
#top-bar {
    position: absolute;
    z-index: 50;
    top: 139px;
    right: 0;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-family: quanticoregular, sans-serif;
    font-size: 90%;
}
#top-bar ul {
    float: right;
}
#top-bar a {
    color: #fff;
    background: transparent;
}
#top-bar ul li {
    border: 0;
    position: relative;
}
#top-bar ul li ul {
    border: solid 1px #3d2b1f;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
#top-bar ul li:last-of-type ul {
    right: 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: #f0f8ff;
    color: #082b1e;
    border-left: solid 1px #082b1e;
    border-right: solid 1px #082b1e;
}
 
#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%;
    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: #8db600;
}
 
/* SIDE MENU */
#side-bar {
    font-family: quanticoregular, sans-serif;
    clear: none;
    float: none;
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 17em;
    padding: 0;
}
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #198b19;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(102,0,0,.5);
    background: #fff;
    margin-bottom: 15px;
}
#side-bar .side-area {
    padding: 10px;
}
#side-bar .heading {
    color: #00764a;
    border-bottom: solid 1px #00764a;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
    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: #00764a;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #00764a;
}
#side-bar div.menu-item.sub-item {
}
 
#side-bar .collapsible-block-folded {
    background: url(https://image.noelshack.com/fichiers/2018/11/4/1521116743-beer-512.png) 0 2px no-repeat;
}
#side-bar .collapsible-block-link {
    margin-left: 15px;
    font-weight: bold;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #00764a;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #00764a;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #4f7942;
    text-decoration: none;
}
/* CONTENT */
#main-content {
    margin: 0 0 0 19em;
    padding: 0;
    position: relative;
}
 
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(../images/yuitabs.png);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#00764a url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#79d479 url(../images/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #008000;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #00764a;
}
.yui-navset li {
    line-height: normal;
}
 
/* FOOTER */
#footer {
    clear: both;
    font-size: 77%;
    background: #3d2b1f;
    color: #006c00;
    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;
}
#license-area {
    padding: 0 0.5em 5px 0.5em;
    color: #555;
    bottom: 0px;
    position: fixed;
    left: 32%;
    width: auto;
    height: auto;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 0px 3px DarkGrey ;
}
/* SOME NICE BOXES */
div.sexy-box {
    background: #f0f8ff;
    border: 1px solid #3c9065;
    padding: 0 10px 12px;
    margin: 7px 4px 12px;
    overflow: hidden;
}
div.sexy-box div.image-container img {
    margin: 5px;
    padding: 2px;
    border: 1px solid #9f8170;
}
 
/* Custom page content classes */
#page-content, .page-tags, page-options-bottom {
    font-size: 115%;
    font-family: "sansationregular", "sans-serif";
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
.content-panel {
    border: solid 1px #5d8aa8;
    border-radius: 10px;
    background-color: #bcd4e6;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #e6e6fa;
    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.standalone {
    background: #fcfdfb;
}
.content-panel.series {
    padding: 0 20px;
    margin-bottom: 20px;
}
.content-panel.centered {
    text-align: center;
}
.content-panel.left-column {
    float: left;
    width: 48%;
}
.content-panel.right-column {
    float: right;
    width: 48%;
}
 
.content-panel .panel-heading {
    padding: 2px 10px;
    color: #ffffff;
    font-size: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-heading > p,
.content-panel .panel-footer > p {
    margin: 0;
}
.content-panel .panel-body {
    padding: 5px 10px;
    background: f0ffff
}
.content-panel .panel-footer {
    padding: 1px 10px;
    color: #06da6e;
    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: white;
}
.content-panel .content-toc {
    float: right;
    padding: 0 20px;
    background-color: #fff;
    border: solid 1px #5d8aa8;
    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);
}
 
/* Standard Image Block */
.scp-image-block {
  float: right;
  clear: right;
  margin: 0 2em 1em 2em;
  border: solid 1px #006c00;
  box-shadow: 0 1px 6px rgba(0,0,0,.25);
  width: 300px;
}
.scp-image-block.block-left {
  float: left;
  clear: left;
  margin: 0 2em 1em 0;
}
.scp-image-block img {
  border: 0;
  width: 300px;
}
.scp-image-block .scp-image-caption {
  background-color: #f0f8ff;
  border-top: solid 1px #006c00;
  padding: 2px 0;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  width: 300px;
}
.scp-image-block > p {
  margin: 0;
}
.scp-image-block .scp-image-caption > p {
  margin: 0;
  padding: 0 10px;
}
 
/* Forum Customizations */
.forum-thread-box .description-block {
  padding: .5em 1em;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 10px 5px rgba(255,255,255,.25),
    inset 0 -15px 30px rgba(0,0,0,.1)
}
.thread-container .post .head {
    padding: 0.5em 1em;
    background-color: #f0f8ff;
    background: linear-gradient(to right, #f0f8ff, #eeecec);
    box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
}
 
/* Hide Forum Signatures */
.signature {
  display:none !important;
}
 
/* Ruby by Nanimono Demonai */
 
.ruby, ruby {
    display:inline-table;
    text-align:center;
    white-space:nowrap;
    line-height:1;
    height:1em;
    vertical-align:text-bottom;
}
 
.rt, rt {
    display:table-header-group;
    font-size:0.6em;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
}
 
/*
    2011-11-13 Minobe Hiroyuki @ Marguerite Site
    www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
    Edited for the SCP Foundation by Nanimono_Demonai
*/
 
.emph {
    text-emphasis-style: dot ;
    -webkit-text-emphasis-style: dot ;
}
 
/* webkit scrollbar */
::-webkit-scrollbar {
    width: 9px; /* for vertical scrollbars */
    height: 9px; /* for horizontal scrollbars */
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-round: 0.5px;
}
 
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}
 
::-webkit-scrollbar-thumb {
    background: rgba(50, 50, 50, 0.3);
}
 
/* basic Query for mobile devices */
 
@media (max-width: 767px) {
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
#header, #top-bar {
    width: 100%;
    max-width: 100%;
}
 
}
 
.owindow .button-bar {
    float: right;
}
}
 
/* Mobile Media Query */
@media (max-width: 479px) {
#header {
    background-position: 0 5.5em;
    background-size: 221px 50px;
}
 
#header h1, #header h2 {
    margin-left: 66px;
}
 
}
 
/* Note Media Query */
@media (min-width: 480px) and (max-width: 580px) {
#header {
    background-position: 0.5em 4.5em;
    background-size: 442px 100px;
}
 
}
 
/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
#search-top-box-input {
    width: 8em;
}
 
#side-bar {
    width: 80%;
    position: relative;
}
 
#main-content {
    margin: 0 3em 0 2em;
}
 
#header, .mobile-top-bar {
    max-width: 90%;
}
 
.top-bar {
    display: none;
}
 
.mobile-top-bar {
    display: block;
}
 
.page-options-bottom a {
    padding: 0 6px;
}
 
#header h1 a {
    font-size: 140%;
}
 
.license-area {
    font-size: 0.9em;
}
 
#header {
    background-position: 1em 4em;
    background-size: 77px 77px;
}
 
#header h1, #header h2 {
    margin-left: 93px;
}
}
 
@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%;
}
 
#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 #888 !important;
    background-color: #fff !important;
    border-radius: 3em;
    color: #888 !important;
}
 
#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background-color: rgb(184, 134, 134);
    overflow-y: auto;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}
 
#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;
}
}