Level Class

W A R N I N G
PLEASE DO NOT TOUCH THIS PAGE WITHOUT STAFF PERMISSION.

This is a template page used internally by the Backrooms Wiki.


SURVIVAL DIFFICULTY:

Class {$class}

  • {$one}
  • {$two}
  • {$three}

How to use:

[[include :backrooms-wiki:component:level-class
|class=CLASS
]]

Valid parameters include:

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • unknown
  • habitable
  • deadzone
  • pending
  • n/a
  • amended
  • omega

Custom classes:

[[include :backrooms-wiki:component:level-class
|class=ClassName
|color=#000000 (Hex code with hashtag.)
|image=URL (URL to image)
|one=Put any
|two=text here
|three=that you want
]]

Customization with CSS:

These are extra pieces of customization you can do with CSS, either by adding the code into a [[module css]] or by adding the code into the page's theme. Keep the [[module css]] outside of the [[include]] for this component, put it beneath it or at the top or bottom of the page.
Add this to your page/theme to edit all the colours, since the |color= part of the component only controls the background:

[[module css]]
.sd-container {

/* font */
--sd-font:Poppins;

/* borders */
--sd-border:var(--gray-monochrome); /* for most classes */
--sd-border-secondary:0,0,0; /* for n/a */
--sd-border-deadzone:20,0,0; /* for deadzone */

/* symbols */
--sd-symbol:var(--sd-border) !important; /* for most symbols */
--sd-symbol-secondary: 255,255,255; /* white for class 4 and higher */

/* text */
--sd-bullets:var(--sd-border) !important; /* the colour of the bullet point text */
--sd-text:var(--swatch-text-secondary-color); /* the colour of the text in the top box */

/* class colours */
--class-0:247,227,117;
--class-1:247,227,117;
--class-1:255,201,14;
--class-2:245,156,0;
--class-3:249,90,0;
--class-4:254,23,1;
--class-5:175,6,6;
--class-unknown:38,38,38;
--class-habitable:26,128,111;
--class-deadzone:44,13,12;
--class-pending:182,182,182;
--class-n-a:38,38,38;
--class-amended:185,135,212;
--class-omega:25,46,255;
}
[[/module]]

Old colors:

If you want the old red border color back instead of the new themed ones, just add to your page along with the component:

[[module css]]
.sd-container {
--sd-border:90,29,27;
--sd-image:90,29,27;
--sd-symbol:90,29,27;
}
[[/module]]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License