Thème d'Ad Astra

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 canon Ad Astra Per Aspera. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:ad-astra]]

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:ad-astra]]

Image d'exemple.

Ceci est un lien

Ceci est un lien déjà visité

Ceci est un lien inexistant

Texte avec une note de bas de page¹

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

Cadre bleu créé en utilisant ce code :

[[div class="blue blockquote"]]
Texte ici
Ou là
[[/div]]

Cadre rose créé en remplaçant "blue" par "pink" dans le code du dessus.

Cadre jaune créé en remplaçant "blue" par "gold" dans le code du dessus.

Cadre violet créé en remplaçant "blue" par "purp" dans le code du dessus.

Cadre gris créé en remplaçant "blue" par "gray" dans le code du dessus.

/*
    AAPA New CSS Theme by NatVoltaic and stormbreath, based on code by Cyantreuse and InitHello
    Licensed as CC-by-SA-3.0
    Header image is public domain, having been taken by NASA during the Hubble Program. Header icon created by Woedenaz. Top-bar by TSATPWTCOTTTADC.
    spaaaaaaaaaaaaaaaaace
*/
 
@import url(https://fonts.googleapis.com/css?family=Exo:400,800);
 
:root {
    /* 1 Common */
    --ct_bg_body: #101d2e;
    --ct_col_body-txt: #ccc;
    --ct_col_h1-txt: #ffb961;
    --ct_col_link: #ffbe3d;
    --ct_col_link-visited: #ffbe3d;
    --ct_col_link-newpage: #ffd177;
 
    /* 2 Header */
    --ct_bg_header-image: url(none);
    --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Aad-astra/logo.svg);
    --ct_col_slogan-txt: transparent;
    --ct_shd_slogan-txt: 0px 0px 0px;
    --ct_fns_slogan-txt: 120%;
 
    /* 2 Account menu */
    --ct_col_account-menu-txt: #ffc780;
    --ct_col_account-menu-link: #ffc780;
 
     /* 2 Search box */
    --ct_brd_searchbox-border: solid 1px #ffb961;
    --ct_brd_searchbox-highlight: #ffb961;
 
    /* 4 Rating module */
    --ct_col_rate-primary: #5C1D24;
    --ct_col_rate-secondary: #5C1D24;
    --ct_col_rate-cancel: #ffb961;
    --ct_col_rate-link-hover: #5C1D24;
    --ct_brd_rate-primary: solid 2px #ffb961;
 
    /* 7 Responsive Web Design */
    --ct_col_m_sidebar-bg: #101d2e;
    --ct_col_m_sidebar-button-bg: var(--ct_col_m_sidebar-bg);
    --ct_brd_m_sidebar-button: .2em solid #ffb961;
}
 
/* HEADER */
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aad-astra/hubble.png);
    background-size: cover;
    background-position: 50% 50%;
} /* SPACE */
 
div#extra-div-2 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background-color: #5c1d24;
    background-image: linear-gradient(to bottom,
      #5C1D24,
      #42151a);
} /* Red-top bar */
 
#header {
    background-size: 6rem;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
 
#header h1 a::before {
    content: "AD ASTRA PER ASPERA";
    font-size: 80%;
    font-family: 'Exo', sans-serif;
    font-weight: 800;
    text-shadow: 4px 4px 4px rgba(0,0,0,.8);
}
 
#header h1 a span{
    visibility: hidden;
}
 
#header h2 span::before {
    content: "Vers les étoiles à travers les difficultés";
    color: #ffc780;
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    text-shadow: 3px 3px 3px rgba(0,0,0,.9);
}
 
/* Log-In Info */
 
#login-status a {
    background: transparent;
}
 
#login-status ul a {
    color: #ffbe3d;
    background: #101d2e;
    border-color: #ffc780;
}
 
#login-status ul a:hover {
   color: #ffbe3d;
   font-weight: bold;
}
 
#account-topbutton {
    background: transparent;
    color: #ffc780;
    border: none;
}
 
#account-options {
   border-color: #ffc780;
}
 
/* Search Bar */
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #1b304d;
}
 
#search-top-box-input {
    color: #ffc780 !important;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    color: #ffb961 !important;
}
 
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: #5C1D24;
    color: #ffb961;
}
 
/* TITLE */
#page-title {
    border-color: #ffc780;
    color: #ffb961;
}
 
/* TOP-BAR SETTINGS */
#top-bar a {
    color: #ccc
}
 
#top-bar ul li ul {
    border-color: #ffc780;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #5C1D24;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #5C1D24;
    color: #ffbe3d;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #1b304d; /* top bar hover background color */
    color: #ffbe3d;
}
 
.c_topbar_arrow {
    color: #ffbe3d;
}
 
/* SIDEBAR SETTINGS */
#side-bar .side-block {
    border-width: 2px;
    border-color: #ffb961;
    box-shadow: none;
    background-color: #1b304d;
    color: #ffc780;
}
#side-bar .side-block.media {
    background-color: #26152e !important;
}
#side-bar .side-block.resources {
    background-color: #5C1D24 !important;
}
 
div.scpnet-interwiki-wrapper {
    filter: hue-rotate(230deg) saturate(150%) invert(80%);
}
 
#side-bar .heading {
    border-bottom-width: 2px;
    border-bottom-color: #ffb961;
    color: #ffb961;
}
 
/* Side-Bar Images */
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
    filter: hue-rotate(60deg) brightness(400%);
}
 
/* BODY */
body {
    background-image: linear-gradient(
        #060b11,
        #101d2e 400px);
}
 
/* FOOTER */
#footer {
    background: #5C1D24;
    color: #ccc:
}
 
#footer a {
    color: #ffbe3d;
}
 
#license-area {
     color: #ccc;
}
 
/* OTHER STRUCTURAL ELEMENTS */
 
/* Links */
 
#side-bar a, #side-bar a:visited,
#main-content a:visited{
    color: #ffbe3d;
}
 
/* Selection */
::selection {
    background: #ffb961;
    color: #fff;
}
 
/* Footnotes */
.hovertip {
     background-color: #1b304d !important;
     border-color: #ffb961 !important;
}
 
.footnotes-footer .title {
    color: #ffb961;
}
 
/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: #ffb961;
}
 
/* Pop-Up Windows */
.owindow {
    background-color: #1b304d;
    border-color: #ffb961;
}
 
.owindow .modal-header {
    background-color: #1b304d;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: #5C1D24;
    color: #ffb961;
    border-bottom: 1px solid #ffb961;
}
 
.owindow .button-bar a {
    background-color: #1b304d;
    border-color: #808080;
}
 
.owindow .button-bar a:hover {
    background-color: #26152e;
}
 
/* Edit Buttons */
.buttons .btn {
    background-color: #1b304d;
    border-color: #ffb961;
    color: #ffb961;
    padding: 3px 5px;
}
 
.buttons .btn:hover {
    background-color: #26152e;
    color: #ffb961;
}
 
/* Edit Lock Info*/
#lock-info {
    background-color: #1b304d;
    border-color: #ffb961;
}
 
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
    background-color: #5c1d24;
}
 
/* Page-History Current */
.pager .current {
    background-color: #1b304d;
    border-color: #ffb961;
}
 
/* Code */
.code {
    border-color: #666;
    background-color: transparent;
    font-size: 14px;
}
 
/* code highlighter stuff */
.hl-identifier,
.hl-code,
.hl-brackets {
    color: #ccc;
}
 
.hl-var {
    color: #21ff00;
}
 
.hl-special,
.hl-quotes {
    color: #ffff00;
}
 
.hl-reserved {
    color: #00b2ff;
}
 
.hl-number,
.hl-string {
    color: #ff0020;
}
 
/* Page Revisions Readability */
del,
ins {
    color: #333;
}
 
/* Module de notation */
.page-rate-widget-box, .creditButton {
    box-shadow: 0px 0px 0px 0px #ffb961 !important;
}
.page-rate-widget-box .rate-points {
    color: #ffb961;
    border-right: none;
    text-transform: capitalize;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: #ffb961;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    color: #5C1D24!important;
    background-color: #ffb961 !important;
}
.page-rate-widget-box .cancel {
    border: var(--ct_brd_rate-primary);
    border-left: none;
    background-color: #5C1D24 !important;
}
.page-rate-widget-box .cancel:hover {
    background: none !important;
    background-color: #ffb961 !important;
    color: #5C1D24 !important;
}
.page-rate-widget-box .cancel a {
    background: none !important;
    color: #ffb961 !important;
}
.page-rate-widget-box .cancel a:hover {
    background-color: #ffb961 !important;
    color: #5C1D24 !important;
}
 
/* Bouton de crédit */
.rate-box-with-credit-button .creditButton {
    color: #ffb961;
}
 
.creditButton a { color: #ffb961 !important; }
 
.creditButton a:hover { color: #ffeacf !important; }
 
.modalbox { border: solid 2px #ffb961; }
.modalbox, .modalbox-title {
    background: #101d2e !important;
}
.cc-by-sa:before { filter: brightness(2.6); }
 
/* Ayer's Info Module */
:root {
    --barColour: #5C1D24;
    --linkColour: #ffb961;
}
 
.info-container .collapsible-block-unfolded {
    border-color: #ffb961;
}
 
/* PAGE ELEMENTS */
blockquote,
div.blockquote {
    margin: 1em 0 !important;
    border: 3px solid #ccc !important;
    border-radius: 10px !important;
    background-color: #21212d !important;
}
 
.blue blockquote,
.blockquote.blue {
     background-color: #1b304d !important;
}
 
.pink blockquote,
.blockquote.pink {
     background-color: #5c1d24 !important;
}
 
.gold blockquote,
.blockquote.gold {
      background-color: #442f03 !important;
}
 
.purp blockquote,
.blockquote.purp {
    background-color: #26152e !important;
}
 
.gray blockquote,
.blockquote.gray {
    background-color: #333 !important;
}
 
.scp-image-block .scp-image-caption {
    background-color: #1b304d;
}
 
.wiki-content-table tr th {
     background: #1b304d;
     color: #ffb961;
     border-color: #ffb961;
}
 
span.h-span {
    color: #ffb961;
    font-weight: bold;
    word-break: unset;
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset * {
    -webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    zoom: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-color: #ffb961;
    width: -webkit-calc(100% - 0.125rem);
    width: calc(100% - 0.125rem);
    margin: 0 auto;
    border: 0;
    -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 #ffb961;
    box-shadow: 0 calc(0.0625rem * 5) 0 0 #ffb961;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    zoom: unset;
    background-image: none;
    background-color: #26152e;
    border: unset;
    color: #ffb961;
    font-weight: bold;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    zoom: unset;
    background-image: none;
    background: #5C1D24;
    font-weight: bold;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(244, 244, 244);
    border-color: transparent;
    max-width: 100%;
    padding: 0;
    margin: 0;
    zoom: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-basis: 7vw;
    -ms-flex-preferred-size: 7vw;
    flex-basis: 7vw;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-shadow: 0 0 0 0.0625rem #ffb961;
    box-shadow: 0 0 0 0.0625rem #ffb961;
}
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: bottom;
    zoom: unset;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    padding: 0.35em 0.75em;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
 
.yui-navset .yui-nav li em {
    /* Undoes border set by wikidot's default layout */
    border: unset !important;
}
 
/* Selected Tab */
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    color: #ffb961;
    background-image: none;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border: none !important;
    border-color: transparent;
    color: #ffb961;
}
 
.yui-navset .yui-nav .selected a {
    /* Undoes a color set by wikidot's default layout */
    color: rgb(252, 252, 252) !important;
    width: 100%;
    background-image: none;
}
 
.yui-navset .yui-content {
    background-color: #1b304d;
    /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #ffb961;
    /* content border */
}
 
.yui-navset-left .yui-content {
    border-left-color: #ffb961;
    /* different border color */
}
.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: #1b304d;
        color: #ffb961;
        cursor: default;
        margin-bottom: -2px;
        font-weight: bold;
}

modèle thème

révision de page: 75, édité la dernière fois: 11 Apr 2021 14:55

Éditer Voter (0) Étiquettes Discuter (0) Historique Fichiers Imprimer Outils du site + Options

Fondation SCP

Sécuriser, Contenir, Protéger

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

Fondation SCP

Sécuriser, Contenir, Protéger

Crédits

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