Thème Poussière d'Étoile

Ce thème a été créé par VivamusLudio et traduit par Greencell.

Pour incorporer ce thème à votre page, mettez la ligne ci dessous n'importe où à l'intérieur du texte :

[[include :fr-backrooms-wiki:theme:stardust]]

Exemples

L'au-delà

Une ligne horizontale peut être créée avec 5 traits d'union "-----" et s'étend à travers toute la page si elle n'est pas placée à l'intérieur de quelque chose (ex un bloc note). Des lignes horizontales séparent les sections de ce document.

---

Des titres peuvent être créer en mettant entre un à six plus "+" au début de la ligne

+ Votre Titre

Premier Titre

Deuxième Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Onglet

Ceci est un onglet.

Mise en Onglet

Hey regarde, plus de texte ici.

Quelle originalité.

Grand Onglet

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Ceci est un grand onglet. Il contient beaucoup de texte.

Cet onglet vide a un nom très long pour une raison étrange. Je me demande pourquoi ?

Onglet Vide

Onglet d'Exemple

transparence !

opacité !

Onglet d'Exemple

1

2

3

4

Onglet d'Exemple

Hey !
Un bloc note à l'intérieur d'un bloc note stylisé

Onglet d'Exemple

Il y en a beaucoup !

woahhhh

Ceci est un bloc note, créé en mettant "> " au début de chaque ligne.
Plus de texte

---

Ceci est une ligne horizontale

Bloc note emboîté

Emboité²

Emboité³

Ceci est un	tableau
Vous devriez déjà	savoir comment en
faire

[[div class="styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

+ Code du Thème

/*polices d'écriture*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
 
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Atheme/1);
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
:root {
    --theme-base: "black-highlighter";
    --theme-id: "stardust";
    --theme-name: "Thème Poussière d'Étoile";
 
    /* En-Tête */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "Les Backrooms";
    --header-subtitle: "Atterrir dans les étoiles.";
 
    /* Typographies */
   --body-font: proxima-nova, sans-serif;
   --header-font: 'Fantasque Sans Mono', monospace;
   --title-font: 'Fantasque Sans Mono', monospace;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
    /* Couleurs Standards */
    --white-monochrome: 250, 250, 250;
     /* blanc*/
     --black-monochrome: 0, 0, 0;
    --dark-gray-monochrome: 0, 0, 0;
    /* noir */
    --bright-accent: 71, 213, 240;
    /* le bleu clair */
    --medium-accent: 167, 27, 59;
     /* le bleu clair animé */
    --dark-accent: 167, 27, 59;
    /* bleu foncé pour l'arrière-plan*/
 
    /* Couleurs Principales du Thème */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-secondary-color: var(--black-monochrome);
 
    /* Couleurs Principales du Texte */
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--bright-accent);
 
    /* Couleurs Principales du Menu */
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --swatch-border-color: var(--bright-accent);
 
    /* Couleurs Principales de l'En-Tête */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Couleurs des Liens */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Gradients de l'En-Tête */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
#main-content {
    --tabs-selected-bg: var(--medium-accent);
    --tabs-selected-outline: var(--medium-accent);
}
 
.sd-container {
   --sd-border:var(--medium-accent);
   --sd-bullets:var(--sd-border);
   --sd-symbol:255,255,255;
}
 
/*trucs bizarres*/
 
#page-title::after,
 .meta-title::after,
 #page-title::before,
 .meta-title::before {
        background: rgb(var(--swatch-primary));
}
 
#top-bar {
    --dropdown-border-color: var(--bright-accent);
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
}
 
#skrollr-body {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
/* Couleurs de l'En-Tête */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*Bloc d'image*/
#page-content .scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent));
}
 
#page-content .image-block,
#page-content  .scp-image-block {
    border: 1px solid rgba(var(--bright-accent));
    box-shadow: none;
}
 
/*module de notation*/
#content-wrap #page-content .page-rate-widget-box {
    background: none;
    border: none;
    background-color: rgba(var(--bright-accent), .25);
    border-left: 0.2rem solid rgba(var(--bright-accent));
}
 
/*table*/
#page-content table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)) !important;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
#page-content table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* tabs! */
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
     color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--bright-accent), .25);
}
 
/*arrière plan du tab sélectionné*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
}
 
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
}
 
/* content background color */
#content-wrap #page-content .yui-navset .yui-content {
    background-color: rgba(var(--medium-accent), 0.25);
}
 
/* content border */
#content-wrap #page-content .yui-navset .yui-content,
#content-wrap #page-content .yui-navset .yui-navset-top .yui-content {
    border: 1px solid rgb(var(--medium-accent));
}
 
/* menu d'édition */
 
form#edit-page-form:not(.data-form) {
    background-color: rgba(var(--bright-accent), 0.25);
}
 
/*truc pour mobile*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 160%;
}
}
 
/*blocs marrants*/
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-left: 0.5rem solid rgb(var(--bright-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-left: 0.5rem solid rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgba(var(--medium-accent), .25);
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
#header h1 a:hover:before {
     text-shadow: var(--header-text-shadow);
}