foxxler testuje wizuale

• • _
  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%);
  }
   
  }

---

W . I . P .

---

Krzywe | ałdaicreiwZ

… K a n o n … ?