[preview] - FXXLR
    • _
    THEMETHEME
    /* W.I.P.
need to change module to code block
@import url("http://backrooms-pl-piaskownica.wikidot.com/theme:krzywe-zwierciadla-fxxlr/code/1");
*/
 
/* That's probably what's interesting ya */
 
:root{
  --header-title: "Backrooms";
  --header-subtitle: "Tu jeszcze nigdy nie byłeś.";
  --logo-image: url("http://fxxlr.wdfiles.com/local--files/files/bckrms_pl_logo_flip");
}
 
/* ----- THEME BASE ----- */
/* ↓ NUTERMINAL THEME by scutoid ↓ */
 
:root {
    /*=== S-CSS-P ===*/
    --theme-base: "black-highlighter";
    --theme-id: "nuterminal";
    --theme-name: "NuTerminal Theme";
 
    /*=== Colors ===*/
 
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--light-gray-monochrome);
    --swatch-primary-darker: var(--dark-gray-monochrome);
    --swatch-primary-darkest: var(--dark-gray-monochrome);
    --swatch-border-color: var(--white-monochrome);
 
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--pale-accent);
 
    --swatch-menubg-color: var(--dark-gray-monochrome);
    --swatch-menubg-light-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-color: var(--gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--gray-monochrome);
 
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --sideblock-heading-text-color: var(--swatch-menutxt-general-color);
 
    --swatch-secondary-color: var(--gray-monochrome);
    --swatch-tertiary-color: var(--pale-gray-monochrome);
    --swatch-alternate-color: var(--gray-monochrome);
 
    --swatch-text-secondary-color: var(--white-monochrome);
    --swatch-text-tertiary-color: var(--white-monochrome);
}
 
#page-content .licensebox .collapsible-block-link {
  color: rgb(255, 255, 255);
}
 
/* --------------------------- */
 
/* MAIN CHANGES */
 
/* --------------------------- */
 
/* toggle-sidebar-hallprint button */
:root{
  --toggle-button-bg: rgba(var(--dark-accent));
  --toggle-roundness: 20%;
}
 
/* HEADER CHANGES */
 
:root{
  --header-height-on-desktop: 12rem;
  --header-height-on-mobile: 12rem;
  --header-width-on-desktop: 40rem;
  --body-width-on-desktop: 45rem;
  --topbar-height-on-desktop: 1.9rem;
 
  --header-h1-font-size: 4rem;
  --header-h2-font-size: 1rem;
  --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
  --subtitle-text-shadow: 0px -2px 3px rgba(0,0,0,1);
}
 
#header h1 a {
  margin: 4rem auto;
  -webkit-transform: scale(-1, -1);
     -moz-transform: scale(-1, -1);
      -ms-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
 
#header :is(h1, h2) {
  width: 100%;
  max-width: var(--header-width-on-desktop);
  display: flex;
}
 
#header h2 span {
  margin-left: unset;
  font-size: 0;
  margin-top: -1rem;
  align-content: center;
  width: 100%;
  text-align: center;
}
 
#header h2 span::before {
  font-size: var(--header-h2-font-size);
  text-shadow: var(--subtitle-text-shadow);
}
 
/* CONTENT AREA CHANGES*/
 
#main-content {
  --pagetags-text-color: var(--pale-gray-monochrome);
  --pagetags-text-hover-color: var(--dark-gray-monochrome);
 
  grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top""page-tags page-tags page-tags page-tags page-tags page-tags""page-title page-title page-title page-title page-title page-title""breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs""page-content page-content page-content page-content page-content page-content""page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"". . pwatch pwatch pwatch pwatch"". . pinfo pinfo pinfo pinfo""options-1 options-1 options-1 options-1 options-1 options-1""options-2 options-2 options-2 options-2 options-2 options-2""pbottom pbottom pbottom pbottom pbottom pbottom""action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
}
 
#main-content .page-tags {
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
 
#main-content .page-tags::before {
   display: none;
}
 
#main-content .page-tags span {
  display: inline-flex;
  padding-top: -1px;
  font-size: inherit;
}
 
#main-content .page-tags span::before {
  color: rgb(var(--swatch-text-general));
  content: "TAGI:"
  font-weight: bold;
}
 
.page-tags span::before {
  content: "TAGI:";
  font-size: 90%;
  display: inline-flex;
  align-items: center;
}
 
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
  margin: 0;
  font-size: 90%;
}
 
/* MISC. CHANGES */
/*
#page-title, .metatitle{
  transform: scale(-1, -1);
   -webkit-transform: scale(1, -1);
     -moz-transform: scale(-1, -1);
       -ms-transform: scale(1, -1);
}
*/
.scp-image-caption{border-radius: 0rem 0rem 0.5rem 0.5rem;}
 
/* MOBILE CHANGES */
@media only screen and (max-width: 56.25rem) {
:root {
  --header-h1-font-size: 10vw;
  --header-h2-font-size: 3vw;
}
 
#content-wrap{
  background: linear-gradient(90deg, rgba(var(--black-monochrome),1) 0%, rgba(var(--dark-accent),1) 45%, rgba(var(--dark-accent),1) 50%, rgba(var(--dark-accent),1) 55%, rgba(var(--black-monochrome),1) 100%);
}
 
}
ocena: 0+x


Info

Autor oryginału: scutoid studiosscutoid studios
Autor dostosowanej wersji: ManganianManganian
Pisał: Cpt_FoxxlerCpt_Foxxler

Close

Motyw ten został stworzony przez scutoid studiosscutoid studios na angielskiej Backrooms Wiki. Bazowany jest na oznakowanym licencją CC BY-SA 3.0 motywie Black Highlighter autorstwa WoedenazWoedenaz na SCP Wiki.

Motyw Hallprint dostosowany na polską filię Backrooms został przez ManganianManganian i jest on domyślnym motywem wszystkich stron na tej witrynie — nie musisz więc go importować do swoich artykułów!

Przykłady

cc_lvl0.jpg

Oto komponent Image Block.

Pięcioma myślnikami ("-----") możesz utworzyć poziomą linię rozciągającą się na szerokość strony lub danego bloku, jeżeli linia się w nim znajduje (np. "blockquote"). Linie oddzielające sekcje tego dokumentu są tymi właśnie liniami.

Tytuły możesz utworzyć poprzez dopisanie od jednego do sześciu plusów na początku akapitu.

+ Tytuły

Tak właśnie wygląda tab.

Oto "blockquote", czyli tzw. blok cytatu, w którym piszesz dany cytat (lub coś innego).
Tworzysz go za pomocą "> " na początku każdego akapitu (albo poprzez blok "div" — [[div class="blockquote"]]).
Więcej tekstu

↳ To wspomniana wcześniej pozioma linia

Zagnieżdżone bloki cytatu

A to jest tabelka
Powinieneś już chyba wiedzieć
jak je tworzyć

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

By dodać tytuł, który wygląda jak tytuł strony, wpisz:

[[div class="meta-title"]]

Footnotes
wersja strony: 1, ostatnia edycja: 18 Aug 2024 16:10
Edytuj Tagi Historia Pliki Drukuj Narzędzia + Opcje
O ile nie zaznaczono inaczej, treść tej strony objęta jest licencją Creative Commons Attribution-ShareAlike 3.0 License