Nostalgia-Fullscreen

Nostalgia Alternate
Ce thème a été réalisé par Praetor3005 et se veut être une alternative au code Nostalgia OS de zaskou. Remerciements à Fokyfebecr pour avoir enduré wikidon't pour la publication de la page.

Pour incorporer ce thème à votre page, mettez la ligne ci dessous n'importe où à l'intérieur de cette dernère (préférablement au début) :

[[include :fr-backrooms-wiki:theme:nostalgia-fullscreen]]

Exemples :

Oui c'est la même image.

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 dans quelque chose (ex un bloc note). Des lignes horizontales séparent les sections de ce document.

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

+ Votre Titre

Dépliant (collapsible) CSS

Ceci est un onglet.

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é

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

Note¹
ce texte
est ici
pour que vous puissiez
voir à quoi
tout ressemble
avec différents
formats^et
autres_{modifications}
comme des liens qui n'existent pas
Et d'autres qui existent !

Citations et Blocs :

Blocs :

[[div class="lightblock"]]

[[/div]]

[[div class="lighterblock"]]

[[/div]]

[[div class="bluescreen"]]

[[/div]]

[[div class="logoblock"]]

[[/div]]

Blocs à Titres :

INSÉRER TEXTE

[[div class="lighterblock"]]
[[span class="titlebox"]]INSÉRER TEXTE[[/span]]

[[/div]]

La police utilisée pour l'en-tête est Open Sans.
La police utilisée pour le titre est Josefin Sans.
La police utilisée pour le corps est Josefin Sans.
La police utilisée pour le monospace est Open Sans.

Crédits

Code du Thème

Fermer le Dépliant

:root {
   --theme-base: "black-highlighter";
   --theme-id: "nostalgia-fullscreen";
   --theme-name: "Nostalgia-fullscreen";
   --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwindow.png");
    --header-title: "Les Backrooms";
    --header-subtitle: "c h a r g e m e n t . . .";
 
body {
    color: #000000;
    font-family: "MS Sans Serif";
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #000000;
    --accentColor: #000000;
}
 
/* Typefaces */
    --body-font: "MS Sans Serif", sans-serif;
    --header-font: "MS Sans Serif", sans-serif;
    --title-font: "MS Sans Serif", sans-serif;
    --mono-font: "Courier New", monospace;
 
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 25, 20, 16;
   --bright-accent: 140, 136, 126;
   --medium-accent: 72, 69, 60;
   --dark-accent: 140, 136, 126;
   --pale-accent: 140, 136, 126;
 
   --link-color: 44, 189, 231;
   --hover-link-color: 63, 137, 211;
   --visited-link-color: 44, 189, 231;
 
    /* Box-Shadow 1px Borders */
    --box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
 
    --swatch-topmenu-bg-color: rgb(37,37,229);
 
}
 
body {
    color: #000000;
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #35A5E1;
    --accentColor: #35A5E1;
    text-align: justify;
}
 
#container {
   background-image: url("https://live.staticflickr.com/8161/7296428526_24eb697a0c_b.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
}
 
#top-bar {
    --dropdown-bg-color: var(--pale-gray-monochrome), 0.9;
    --dropdown-border-color: 84,95,215;
    --dropdown-links-color: var(--black-monochrome), 0.9;
 
}
 
#header h1 a {
    font-family: sans-serif;
}
 
.scp-image-block {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0;
    margin: 0 2em 1em;
    background: #ffffff;
}
 
.scp-image-block .scp-image-caption {
background-color: var(--bright-accent);
color: black;
}
 
#page-title, h1, h2, h3, h4, h5, h6 {
    color: white;
    text-shadow: 2px 2px 0 rgba(var(--black-monochrome),0.25);
}
 
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    border: #EEE outset 2px;
    background-color: #C0C0C0;
    color: black;
    box-shadow: var(--quote-shadow);
}
 
#page-title::after, .meta-title::after {
    display: none;
}
 
#page-title, .meta-title {
    color: white;
    margin-bottom: 0.5em;
    justify-content: center;
    border-bottom: solid 1px rgb(var(--light-gray-monochrome));
    padding-bottom: 5px;
}
 
:not(.page-rate-widget-box):not(#search-top-box-form) > .btn, :not(.page-rate-widget-box):not(#search-top-box-form) > .button, :not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form) > button, :not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form) > input.button, .page-rate-widget-box {
    border: #eee outset 2px;
    box-shadow: var(--quote-shadow) !important;
}
 
.page-rate-widget-box { background: rgb(var(--ui-button-bg)); }
 
#footer {
    border: #eee outset 2px;
}
 
div.yui-navset div.yui-content {
    color: #000000;
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-bottom: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav a,
div.yui-navset div.yui-navset-top .yui-nav a {
    /* protect nested tabviews from other orientations */
    border: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: transparent;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #35A5E1;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: #C0C0C0;
    border-left: #DFDFDF inset 2px;
    border-right: #DFDFDF inset 2px;
    border-top: #DFDFDF inset 2px;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: #35A5E1;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
    border: 0;
    -webkit-box-shadow: box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
    box-shadow: 0 0 0 0 #35A5E1!important;
margin: 0 0 0 0 !important;
width: 100%;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: #000000;
}
 
.yui-navset .yui-content {
    background-color: #35A5E1;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #35A5E1;
    /* content border */
}
 
.lightblock {
    background-color:rgb(211,211,211);
    color:rgb(0,0,0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(84,95,215);
 }
 
.lighterblock {
    background-color:rgb(255,255,255);
    color:rgb(0,0,0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(84,95,215);
 }
 
.titlebox{
    color: rgb(255,255,255);
    position: relative;
    top: -1.6rem;
    background-color: rgb(84,95,215);
    padding: 0.5rem 2rem;
    line-height: 0.1rem;
 }
 
.bluescreen {
   background-color:rgb(37,37,229);
   color:rgb(255,255,255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.logoblock{
   padding: 0.01rem 1rem;
   color:rgb(255, 255, 255);
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   margin: 0.5rem 0 0.5rem 0.25rem;
   display: block;
   position: relative;
   background-color: rgb(0,0,0);
}
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwindow.png) center/70% no-repeat;
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

code thème

révision de page: 45, édité la dernière fois: 22 Jan 2025 21:15

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

Backrooms Wiki

Vous êtes déjà venu ici.

Exemples :

Premier Titre

Deuxième Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Sixième Titre

Citations et Blocs :

Blocs :

Blocs à Titres :