Motyw Cygnus

Motyw ten został stworzony dla artykułów związanych z Archiwum Cygnus, Blanche, Tomem i ich otoczką.

Aby użyć tego motywu na swojej stronie, wklej poniższy tekst byle gdzie w nim (poza tagami [[module css]] — przyp. tłum.):

[[include :pl-backrooms-wiki:theme:cygnus]]

Hej, patrz, motyw!

Uznanie dla Captaiin za to dzieło sztuki

Za pomocą pięciu myślników "-----" możesz utworzyć poziomą linię, która się rozciąga przez całe pole artykułu, jeśli nie jest położone w środku czegokolwiek (np. w tzw. blockquote'cie). Wszystkie linie separujące sekcje tej strony są tymi właśnie poziomymi linijkami.

---

Tytuły tworzone są poprzez wpisywanie od jednego do sześciu "+" na początku linijki

+ Tytuły

Tytuł

Drugi tytuł

Trzeci tytuł

Czwarty tytuł

Piąty tytuł

Szósty tytuł

---

Tab-widok

Oto taby. Serio przydatne!

TabDwa

Hej patrz, więcej tekstu tutaj.

poggies

Long Boi

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

To jest długi tab. Posiada w sobie mnóstwo tekstu.

Wow, to napewno było mnóstwo tekstu.

W każdym możliwym momencie, wiara kształtuje światy o wiele bardziej, niż prawda czy fakt by mogły.

łoa to duży tab

Przykładowy Tab

jasno!

ciemno!

Kolejny Tab

3

2

1

Grajmy

I Kolejny Tab

Woah
Blockquotecepcja

Jeszcze Jeden Tab

Pełno ich!

To samo, ale ciemne bloki cytatu :3

---

Oto blok cytatu, tworzy się go poprzez "> " na początku każdej linijki.
Więcej tekstu.

---

To pozioma linia

Zagęszczone blok cytatu

Zagęszczone²

Zagęszczone³

---

To jest	tabelka
Nie za bardzo się orientuję	jak się je tworzy
będąc szczerym

---

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

[[/div]]

---

[[div class="lightblock"]]

[[/div]]

---

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

[[/div]]

---

[[div class="darkblock"]]

[[/div]]

---

[[div class="logoblock"]]

[[/div]]

---

Czcionką tytułu i nagłówka jest Italianno.
Czcionka główna to Playfair Display
Czcionka monospace to Fantastique Sans Mono

---

Cześć, skarbie. Miło cię znowu widzieć.
Cześć, skarbie. Miło cię znowu widzieć.
Cześć, skarbie. Miło cię znowu widzieć.
Cześć, skarbie. Miło cię znowu widzieć.
Cześć, skarbie. Miło cię znowu widzieć.
Cześć, skarbie. Miło cię znowu widzieć.

---

+ Kod Motywu

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
 
.main-font {
    font-family: 'Italianno', cursive;
}
 
.customFont {
    font-family: 'Playfair Display', serif;
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:cygnus/CygnusLogo.png");
   --header-title: "Archiwum Cygnus";
   --header-subtitle: "Niech Wiedza Będzie Naszą Ostoją.";
 
   --body-font: "EB Garamond", serif;
   --UI-font: "EB Garamond", serif;
 
   --min-font-size: 0.9rem;
   --max-font-size: 1.05rem;
   --base-line-height: 1.4;
   --header-font: 'Italianno', cursive;
   --title-font: 'Italianno', cursive;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 255, 251, 242;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 208, 169, 44;
   --gray-monochrome: 69, 40, 19;
   --black-monochrome: 99, 71, 57;
   --bright-accent: 208, 169, 44;
   --medium-accent: 17, 30, 84;
   --dark-accent: 31, 52, 92;
   --pale-accent: 39, 57, 92;
   --thing: 255, 255, 255;
 
   --swatch-topmenu-border-color: var(--medium-accent);
   --swatch-secondary-color: 255, 255, 255;
 
   --link-color: 208, 169, 44;
   --hover-link-color: 237, 204, 97;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:none
}
 
#container {
   background-image: none
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#page-title {
    border-color: rgb(var(--light-gray-monochrome));
    color: rgb(var(--dark-accent))!important;
    font-size: 3rem;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 80%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 8rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.8;
}
 
#header h1, #header h1 a {
   font-size: 4rem;
   position: absolute;
   top: 0.05rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   font-size: 1.5rem;
   position: absolute;
   top: 1.9rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   color: white;
   line-height: 0.7
}
 
h1 {
    font-size: 2.7rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
h2 {
    font-size: 2.4rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
h3 {
    font-size: 2.2rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
h4 {
    font-size: 2.0rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
h5 {
    font-size: 1.8rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
h6 {
    font-size: 1.6rem;
    color:rgb(var(--dark-accent));
    line-height: 0.6
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.logoblock{
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.20rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
   display: block;
   position: relative;
}
 
.logoblock::after{
content: "";
float: center;
border: solid 2px rgb(var(--medium-accent));
background: url(http://backrooms-wiki.wikidot.com/local--files/theme:cygnus/CygnusWatermark.png) center/20% no-repeat;
opacity: 0.175;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}

---

Autor(zy)

Stworzone przez SnomWriting i Blanche
~ SnomWriting

Tłumaczył Cpt_Foxxler.