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.


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]]

Tous les articles postés sur le site doivent utiliser le code du dessus, mais il ne marchera pas sur votre page sandbox ! Pour cela, il vous faudra utiliser celui-ci :

[[include :fondationscp:theme:saint-patrick]]


notation: 0+x
notation: 0+x
blank.png
scp-heritage-v3.pngheritage-collection-arc[patrimoine-fr]patrimoine-francais-de-la-fondation-scp[[/iftags]]" style="max-width: none; margin-top: 5px"]]
notation: 0+x
blank.png
logo-scp.svg

Image d'exemple.

Texte avec une note de bas de page1

Premier Titre

Premier Titre

Second Titre

Premier Titre

Second Titre

Troisième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre
Sixième Titre

Ceci est un onglet.

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

Titre Titre Titre
Contenu Contenu Contenu
Contenu Longue cellule
Très longue cellule

/*
     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
    [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;
}
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License