Thème de la Bibliothèque des Rêveurs

EH TOI LÀ !

Cette page est utilisée pour le fonctionnement du site,

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


Ceci est le thème de la Bibliothèque des Rêveurs. Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include component:dreamers-theme]]

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:component:dreamers-theme]]


notation: 0+x
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

Ce thème permet aussi d'utiliser des éléments personnalisés que vous pouvez utiliser comme ceci :

Si vous placez un délimiteur "-----" à l'intérieur d'une div "fancyhr", cela donne ceci :

[[div class="fancyhr"]]
-----
[[/div]]


Vous pouvez également enclore n'importe quel élément dans une bordure spéciale avec la classe "fancyborder" :

[[div_ class="fancyborder"]]
Texte
[[/div]]
Texte

La police principale est Skolar Sana.
La police de l'en-tête est Playfair Display SC.
La police du titre est Playfair Display SC.
La police monospace est Recursive Mono.


/* Thème de la Bibliothèque des Rêveurs par LAN 2D
* Thème Wikidot 2022
*    Basé sur le thème Dust Jacket par Woedenaz, le thème Black Highlighter par Woedenaz et Croquembouche, et le thème des Archives fantômes par UncertaintyCrossing
* La texture du fond et de l'en-tête sont basées sur : https://www.flickr.com/photos/44071822@N08/5436446554 et éditées par LAN 2D, publiée sous licence CC BY 2.0
* Le logo de lil rêveur est basé sur celui de l'association OpenMandriva : https://commons.wikimedia.org/wiki/File:Oma-logo-22042013_300pp.png et édité par LAN 2D, publié sous licence CC BY-SA 3.0
* Les polices utilisées sont : */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');
 
/* importation du thème Dust Jacket */
@import url("https://wanderers-library.wikidot.com/component:theme/code/1");
 
:root{
    /* Intégration dans S-CSS-P */
    /* Si vous faites un nouveau thème CSS, incluez au minimum les trois variables suivantes. */
    --theme-base: "nuscp";
    /* soit "nuscp" soit "sigma9" */
    --theme-id: "dreamers-theme";
    /* indiquez ici l'URL de la page de votre thème - par exemple pour "component:ar-theme", indiquez "ar-theme" */
    --theme-name: "Thème de la Bibliothèque des Rêveurs";
    /* indiquez ici le nom complet de votre thème */
 
--header-title: "La Bibliothèque des Rêveurs";
--header-font: 'Playfair Display SC', serif;
--title-font: 'Playfair Display SC', serif;
--gradient-header: url("http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/baloon-bg.png");
--logo-image: url("http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/Oma-logo-22042013_300pp.png");
/* ===COULEURS STANDARD DU THÈME=== */
    --white-monochrome: 252, 252, 252;
    --pale-gray-monochrome: 161, 161, 161;
    --light-pale-gray-monochrome: 255, 250, 215;
    --very-light-gray-monochrome: 220, 230, 220;
    --light-gray-monochrome: 130, 160, 135;
    --gray-monochrome: 79, 79, 79;
    --dark-gray-monochrome: 82, 82, 82;
    --black-monochrome: 250, 250, 250;
    --bright-accent: 235, 235, 235;
    --medium-accent:163, 162, 160;
    --dark-accent: var(--dark-gray-monochrome);
    --alt-accent: 166, 157, 151;
 
/* ===COULEURS PRINCIPALES=== */
    /* ===COULEURS GÉNÉRALES=== */    
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-border-color: var(--medium-accent);
 
    /* ===COULEURS GÉNÉRALES DU TEXTE=== */
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --newpage-color: 200, 200, 200;
    --visited-link-color: 120, 120, 120;
 
/* ===COULEURS DE FOND ET D'EN-TÊTE=== */
    /* Couleur générale de fond */
    --swatch-background: 161, 161, 161, 1.0;
    --swatch-menubg-medium-color: var(--white-monochrome);
    --modal-body-header-txt: 0, 0, 0;
    --modal-body-text: 255, 255, 255;
     --tabs-content-bg-color: var(--swatch-secondary-color),1.0;
    /* Couleurs des titres H1 et H2 */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
 
/* ===COULEURS DU MENU=== */
    /* ===COULEURS DE FOND DU MENU=== */
    --swatch-menubg-color: var(--dark-gray-monochrome);
    /* ===COULEURS DU TEXTE DU MENU=== */
    --swatch-menutxt-dark-color: var(--dark-gray-monochrome);
    --swatch-menutxt-light-color: var(--bright-accent);
 
    /* ===COULEURS DE FOND DE LA BARRE SUPÉRIEURE=== */
    /* Couleurs utilisées dans la variable --gradient-topmenu pour donner sa couleur à la barre supérieure */
    --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
 
/* ===COULEURS DES LIENS=== */
    --link-color: var(--medium-accent);
    --hover-link-color: var(--dark-gray-monochrome);
  --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: var(--bright-accent);
 }
.page-rate-widget-box {
    background: linear-gradient(to top, rgb(0 0 0) 0, rgb(0 0 0) 100%);
    border: 0.0625rem solid rgba(81, 81, 81, 1.0);
}
 
#edit-page-textarea{
background-color: rgb(50, 50, 50);
}
 
.blockquote, blockquote {
       border: 3px outset rgb(var(--gray-monochrome));
       background: rgb(var(--pale-gray-monochrome));
       color: rgb(0, 0, 0);
}
 
#footer {
       color: rgb(var(--white-monochrome));
}
 
.page-tags a {
       color: rgb(var(--white-monochrome)) !important;
}
 
 .page-tags a::after {
       background-color: rgb(var(--white-monochrome)) !important;
}
 
hr {
    background: rgb(var(--dark-gray-monochrome));
}
 
 .collection>.collapsible-block {
    display: block;
    padding: 0.15em;
    border: 0.0625rem solid black;
    background-color: #202020;
    text-align: center;
}
 
.collection .collapsible-block-unfolded-link a, .collection .collapsible-block-folded a {
    color: rgb(200, 200, 200);
    font-weight: bold;
}
 
 #page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
    background-color: rgb(var(--swatch-primary));
    background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/whitefoil.png);
}
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(255, 219, 90, 0);
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-image-source: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyhr.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    -webkit-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyborder.png) 600 round;
       -moz-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyborder.png) 600 round;
         -o-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyborder.png) 600 round;
            border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyborder.png) 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
div#extra-div-1 {
    z-index: -2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(30, 55, 30, 1) 30%, rgba(255, 219, 90, 1) 100%);
    background: var(--gradient-header);
    background-repeat: repeat;
    background-size: var(--header-background-image-size);
}
 
/* Mobile */
@media only screen and (max-width: 768px) {
 
   #skrollr-body {
      height: var(--header-height-on-mobile);
   }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        background-color: rgb(var(--gray-monochrome));
        border-bottom: none;
        border-right: none;
    }
 
}
 
.yui-navset .yui-content {
    background-color: rgba(81, 81, 81, 1.0);
}
 
a, a.newpage {
    background: transparent;
    color: rgb( 170, 170, 170);
}
#page-content table.wiki-content-table {
    display: table;
    margin: 0.5em auto;
    border-spacing: 0;
    background-color: rgb(81, 81, 81);
    color: rgb(var(--tables-body-txt));
}
 
#page-content table.wiki-content-table th {
    --wght: calc(var(--ui-wght) + 200);
    padding: 0.5em 1em;
    background: rgb(45, 45, 45);
    color: rgb(var(--tables-header-txt));
    font-weight: var(--wght);
}
 
#header h1 a::before {
    background-image: var(--logo-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 8rem;
    opacity: 1.0;
    pointer-events: none;
    content: "La Bibliothèque des Rêveurs";
    content: var(--header-title);
    color: rgb(255, 255, 255);
    text-shadow: 0 0 10px #000000, 0 0 20px #ffffff;
}
 
#header h1 a::after {
    background: white; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#content-wrap {
    background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/backgroundfinal4.png);
}
#content-wrap { position: relative; }
#content-wrap::before {
  content: "";
  position: absolute;
  height: 100%; width: 100%; top: 0; left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Adreamers-theme/greyglow3.png);
  opacity: 0.7;
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License