Info
Super Liminal is a Wikidot theme created by Ambersight. While having a similar layout to Old Liminal Theme, the theme actually has a completely different structure, and is intended to serve as the base of more themes in future. Super Liminal provides multiple presettings, and a huge amount of CSS variables that can be easily changed. Read the following content to know about how to modify the theme. Comparing to Nuliminal or Old Liminal, Super Liminal features:
- A simpler layout
- Optimized font size and image blocks on mobile devices
- No Pseudo-element animations
- More CSS variables
- A flatter design style
- Many other tiny fixes and moderations
Examples
The first picture ever taken of Level 0.
Level 0 is a non-linear space, resembling the back rooms of a retail outlet. Similar to its previous form, all rooms in Level 0 appear uniform and share superficial features such as a yellowish wallpaper, damp carpet, and inconsistently placed fluorescent lighting. However, no two rooms within the level are identical.
Title #1
Title #2
Title #3
- The first tab
- The second tab
- About
- A Long Tab
- A long-named tab, a long-named tab, a long-named tab, a long-named tab
- Empty tab
- Empty tab
- Empty tab
This is the second tab. To create a tabview, use:
[[tabview]]
[[tab The first tab]]
content
[[/tab]]
[[tab The second tab]]
content
[[/tab]]
[[/tabview]]Thank you for using Super Liminal theme (or just spending time reading this XD)! It really took Ambersight a long time to make it.
If you're interested with my other themes, take a look at my Author Page!
(Note: I'm not sure whether I have got an author page when you're reading this.)
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
content.
| This is a | table |
|---|---|
| to make | these |
| ask a hacker for help | |
> blockquote
[[div class="blockquote"]]
[[code]]
[[div class="code"]]
[[div class="lightblock"]]
[[div class="darkblock"]]
[[div class="styled-quote"]]
[[div class="dark-styled-quote"]]
[[note]]
The wall was YELLOW!!!
[[span class="bblock"]]
[[span class="dblock"]]
[[span class="keycap"]]
[[span class="ruby"]][[span class="rt"]]
« Old Liminal | [[div class="footer-wikiwalk-nav"]] | Nuliminal »
[[div class="meta-title"]]
[[iftags +component]]
This component is from the SCP Wiki, and was uploaded there by
CityToast. It is licensed under CC-BY-SA 3.0. It has been modified for this wiki by scutoid studios.
The license box is an easy way for people to know how to credit you as well as an easy way to properly source images. License boxes are a requirement for all pages on the wiki.
Component Base:
[[include :backrooms-wiki:component:license-box]]
=====
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
=====
[[include :backrooms-wiki:component:license-box-end]]
How to Use the License Box
Step 1:
At the bottom of the page, below the wikiwalk footer, put this piece of code:
[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]
If you have footnotes, add [[footnoteblock]] above the licensebox code like so:
[[footnoteblock]]
----
[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]
Step 1.5 (optional):
If you have images or other forms of media, put this block of code between the equal signs:
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
If you have more than one piece of media, you'll do this multiple times.
These are required in the license box.
- "Name" is the title of the media.
- "Author" is whoever created it. If you made it, put your wikidot username.
- "License" is the license it's under. Put it exactly as it says. If it says CC BY SA 2.0, then put CC BY SA 2.0.
- "Source Link" is where you found it. If you created it, put the URL of the page it's on.
These are optional in the license box.
- "Filename" is the title of the file as you named it when uploaded on the wikidot, if you used a different name than the source name
- "Derivative of" If you Photoshopped a variety of images to create a new image or did something similar, you would list them all here.
- "Additional Notes" If you cropped an image or edited it somehow, you would list those changes here.
You can also use this handy box-ify-er to make the process simpler:
Notes:
- Once put all together, it should look like the component base.
- You cannot use some modules, including CSS, HTML, and listpages, inside the license section. You also cannot use collapsibles or tables.
- If your footnotes are appearing after the license section, remember to add [[footnoteblock]] above the license template.
- Do not copy or move the ===== elements. Only have one pair, and place that pair below and above the includes.
{$caption}
Step 2
Add the _licensebox tag to the page.
Step 3 (optional):
You can change various aspects of the default message of the component with a few parameters! These are the customizable features:
- author= This allows you to change the name of the author that appears. This is great for co-written pages or translations. This defaults to the person who created the page.
- license= This allows you to change the license of the page if need be. Note that this can only be changed to variants of the CC BY-SA License. This defaults to 3.0.
- url= This allows you to change the url that appears in the message if this page is a derivative of another page. Once again, very useful for translations. This defaults to the page link.
- origin= This is the first part of changing where the message says where the page originates. Again, useful for translations or derivatives of other works. This defaults to “Backrooms Wiki”.
- origin-link= This is the second part of the where the message says where the page originates. This defaults to a link to our site’s homepage.
[[include :backrooms-wiki:component:license-box
|author=Text here
|license=Text here
|url=Text here
|origin=Text here
|origin-link=Text here
]]
Handling Derivatives
An image becomes a derivative once you add something to the original.
- This can range from adding a black square on a face to collages of multiples images.
If you image is a derivative, you must license your image, not the original. This means putting the name of the editor and the License they want to put.
Keep in mind that if the image license has the "SA" ("sharealike") denomination (such as in CC-BY-SA-3.0), it means you should license the derivative with the same license as the original
Derivatives in the Licensebox
>**Name:** Name of the wikidot file (optional)
>**Name:** Name of the derivative file
> **Author:** Name of the person who made the derivative
> **License:** Same license as the original in the case of a SA licensed image
> **Source Link:** Source of the derivative, often the wiki file link
> **Derivative of:** [link of the original Title of the Original] by Author of the original licensed under License of the original
> **Additional Notes:** (Optional)
If there are multiple original images used in the derivative, separate each with a comma.
Example
Original image on the left and derivative image on the right.
In this case, the image on the right is being licensed, with the information of the image of the left, and the image added to it, in the derivative of section.
Name: Balpha Auditorium
Author:Light_Nate
License: CC BY 2.0
Source Link: https://www.flickr.com/photos/niftyniall/12748036163/
Derivative of: Synergy-2 81-717 interior - computer room (3) by Xenotron licensed under CC 0 1.0, M.E.G. Logo by Kosef licensed under CC-BY-SA-3.0
What if I didn't add anything?
Image modifications, such as changing the color hue, blurring the image, cropping it… are different than derivative images. These changes are listed under Additional notes And the original image has to be the one licensed, as it is not a remix.
Original image on the left and edited image on the right.
In this case, the image on the left is being licensed, with an additional notes line containing the nature of the changes and who did it.
Name: Hotel corridor - Couloir hotel
Author: mkepto
License: CC BY-SA 2.0
Source Link: https://openverse.org/image/d5397b0c-ccc4-431e-b18d-7809432f196a?q=hotel+corridor&p=16
Additional Notes: Color edited byPraetor3005 on Photomosh
This is the actual component, ignore it:
[[/iftags]]
Cite this page as:
"Anamnese Film Sidebar" by Ambersight, from the Backrooms Wiki. Source: https://backrooms-wiki.wikidot.com/anamnese-film-sidebar. Licensed under CC-BY-SA-3.0.
[[iftags +component]]
Colmod was originally created by
Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component
[[/iftags]]
-
- _
"<a href="https://backrooms-wiki.wikidot.com/anamnese-film-sidebar">Anamnese Film Sidebar</a>" by Ambersight, from the <a href="http://backrooms-wiki.wikidot.com/">Backrooms Wiki</a>. Source: <a href="https://backrooms-wiki.wikidot.com/anamnese-film-sidebar">https://backrooms-wiki.wikidot.com/anamnese-film-sidebar</a>. Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA-3.0</a>.
[[iftags +component]]
Colmod was originally created by
Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component[[/iftags]]
For more information about on-wiki content, visit the Licensing Master List.
Presettings
Super Liminal provides multiple presettings for you to modify its layout. To apply a presetting, change your include code to:
[[include :backrooms-wiki:theme:super-liminal
|Presetting 1
|Presetting 2
]]
Layout: Wide Page
|wide=aMake your page wider. Attention: this page itself is an example of wide page.
Layout: Remove the Title
|hide-title=aRemove the title of the page. You can still make a fake title via .meta-title.
Layout: Show Sidebar
|show-sidebar=aAlways show the sidebar on the left. When the size of browser window is shorter than 1024px, the sidebar will still be folded.
Palette: Daytime
|daytime=aThe classic style of black and white.
Palette: Nightmare
|nightmare=aWho turned off the light?
Customize the Theme
Super Liminal provides plenty of CSS variables that can be changed. If you wish to change some of them, use the following code:
[[module CSS]]
:root {
--variable 1: value;
--variable 2: value;
...
--variable n: value;
}
[[/module]]WARNING: the other tabs are very long.
[[module CSS]]
:root {
/* Basic Colors */
--background-color: 237, 233, 223;
--text-color: 25, 20, 16;
/* Deco Colors */
--light-color-1: var(--background-color);
--light-color-2: 255, 251, 240;
--dark-color-1: 160, 160, 160;
--dark-color-2: 140, 136, 126;
--dark-color-3: 72, 69, 60;
--dark-color-4: 48, 48, 52;
/* Special Colors */
--warning-color: 193, 44, 50;
--accept-color: 20, 169, 32;
--neutral-color: 193, 147, 44;
--warning-text-color: var(--light-color-2);
--accept-text-color: var(--warning-text-color);
--neutral-text-color: var(--warning-text-color);
/* Link Colors */
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 150, 24, 43;
--newpage-color: 221, 102, 17;
/* Select Colors */
--selected-background-color: 67, 98, 197;
--selected-text-color: 253, 253, 253;
/* Scrollbar Colors */
--scrollbar-color: var(--dark-color-1), 0.75;
--scrollbar-background-color: var(--dark-color-1), 0.15;
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
}
[[/module]][[module CSS]]
:root {
/* General Colors */
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--light-color-1);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-shadow-color: var(--text-color);
--general-light-border-color: var(--dark-color-3), 0.08;
--general-medium-border-color: var(--dark-color-3), 0.2;
--general-strong-border-color: var(--dark-color-3), 0.5;
--general-dark-border-color: var(--dark-color-3);
--general-blur: 0.15rem;
--general-transition-time-fast: 0.2s;
--general-transition-time-slow: 0.3s;
/* General Buttons */
--general-button-text-color: var(--general-medium-text-color);
--general-button-background-color: var(--general-medium-background-color);
--general-hover-button-text-color: var(--general-dark-text-color);
--general-hover-button-background-color: var(--general-dark-background-color);
}
[[/module]][[module CSS]]
:root {
/* Header Colors */
--header-background-bottom: var(--general-dark-background-color);
--header-background-top: var(--general-dark-background-color), 0.9;
--header-background-image: linear-gradient(to top, rgba(var(--header-background-bottom)) var(--topbar-height), rgba(var(--header-background-top)) 100%);
--header-extra-background-image: radial-gradient(circle, rgba(var(--general-dark-background-color)) 50%, transparent 0);
--header-text-color: var(--general-dark-text-color);
--header-text-shadow-color: var(--general-shadow-color);
/* Topbar Colors */
--topbar-text-color: var(--light-color-1);
--topbar-hover-text-color: var(--topbar-text-color);
--topbar-background-color: 0, 0, 0, 0;
--topbar-hover-background-color: var(--dark-color-4);
--topbar-hover-border-color: var(--dark-color-2), 0.5;
--topbar-drop-text-color: var(--light-color-1);
--topbar-drop-hover-text-color: var(--general-medium-text-color);
--topbar-drop-background-color: var(--dark-color-4), 0.93;
--topbar-drop-hover-background-color: var(--general-medium-background-color);
--topbar-drop-border-color: var(--text-color);
--topbar-drop-border-width: calc(4rem / 45);
--topbar-drop-shadow-color: var(--general-shadow-color), 0.5;
/* User Account Colors */
--header-username-color: var(--dark-color-1);
--account-button-text-color: var(--general-dark-background-color);
--account-button-hover-text-color: var(--general-medium-text-color);
--account-button-background-color: var(--general-dark-text-color);
--account-button-hover-background-color: var(--general-medium-background-color);
--account-drop-text-color: var(--general-light-text-color);
--account-drop-hover-text-color: var(--general-medium-text-color);
--account-drop-background-color: var(--general-light-background-color);
--account-drop-hover-background-color: var(--general-medium-background-color);
--account-drop-border-color: var(--general-dark-border-color);
/* Search Button Colors */
--search-button-text-color: var(--account-button-text-color);
--search-button-hover-text-color: var(--account-button-hover-text-color);
--search-button-background-color: var(--account-button-background-color);
--search-button-hover-background-color: var(--account-button-hover-background-color);
/* Page Title Colors */
--page-title-text-color: var(--text-color);
--page-title-border-color: var(--general-dark-border-color);
/* Page Tag Colors */
--page-tag-border-color: var(--general-medium-background-color);
--page-tag-title-color: var(--general-medium-text-color);
--page-tag-text-color: var(--text-color);
--page-tag-hover-text-color: var(--general-dark-text-color);
--page-tag-background-color: var(--dark-color-2), 0.2;
--page-tag-hover-background-color: var(--general-dark-background-color);
/* Page Option Colors */
--page-option-text-color: var(--general-button-text-color);
--page-option-hover-text-color: var(--general-hover-button-text-color);
--page-option-background-color: var(--general-button-background-color);
--page-option-hover-background-color: var(--general-hover-button-background-color);
/* Footer Colors */
--footer-text-color: var(--general-medium-text-color);
--footer-background-color: var(--general-medium-background-color);
--license-background-color: var(--light-color-1);
--license-text-color: var(--dark-color-3);
--license-link-color: var(--license-text-color);
/* Sidebar Colors */
--sidebar-handle-text-color: var(--general-dark-text-color);
--sidebar-handle-background-color: var(--general-dark-background-color);
--sidebar-background-color: var(--light-color-1);
--sidebar-media-background-color: var(--text-color), 0.15;
--sidebar-media-icon-color: var(--dark-color-3);
--sidebar-title-background-color: var(--general-dark-background-color), 0.5;
--sidebar-title-text-color: var(--general-dark-text-color);
--sidebar-title-shadow-color: var(--general-shadow-color);
--sidebar-text-color: var(--text-color);
--sidebar-hover-text-color: var(--sidebar-text-color);
--sidebar-border-color: var(--general-light-border-color);
--sidebar-hover-background-color: var(--text-color), 0.15;
/* Action Colors */
--action-area-border-color: var(--general-light-border-color);
--action-area-subtext-color: var(--text-color), 0.75;
--action-area-info-background-color: var(--general-medium-background-color);
--action-area-info-text-color: var(--general-medium-text-color);
--page-source-background-color: var(--general-light-background-color);
--page-source-text-color: var(--general-light-text-color);
/* Edit Area Colors */
--edit-area-background-color: var(--dark-color-2), 0.15;
--edit-area-text-color: var(--text-color);
--edit-area-textarea-text-color: var(--general-light-text-color);
--edit-area-textarea-background-color: var(--general-light-background-color);
--edit-area-textarea-border-color: var(--general-dark-border-color);
--edit-area-info-background-color: var(--action-area-info-background-color);
--edit-area-info-text-color: var(--action-area-info-text-color);
--edit-area-button-background-color: var(--general-button-background-color);
--edit-area-button-text-color: var(--general-button-text-color);
--edit-area-hover-button-background-color: var(--general-hover-button-background-color);
--edit-area-hover-button-text-color: var(--general-hover-button-text-color);
/* Hovertip Colors */
--hovertip-background-color: var(--general-light-background-color);
--hovertip-text-color: var(--general-light-text-color);
--hovertip-border-color: var(--general-dark-border-color);
/* Image Block Colors */
--imageblock-caption-background-color: var(--general-light-background-color);
--imageblock-caption-text-color: var(--general-light-text-color);
--imageblock-shadow-color: 0, 0, 0, 0;
--imageblock-border-color: var(--general-medium-border-color);
/* Header & Horizon Colors */
--h1-color: var(--text-color);
--h2-color: var(--text-color);
--h3-color: var(--text-color);
--h4-color: var(--text-color);
--h5-color: var(--text-color);
--h6-color: var(--text-color);
--hr-color: var(--dark-color-1);
/* Tabview Colors */
--tabview-border-color: var(--general-dark-border-color);
--tabview-button-background-color: var(--general-light-background-color);
--tabview-button-text-color: var(--general-light-text-color);
--tabview-hover-button-background-color: var(--general-medium-background-color);
--tabview-hover-button-text-color: var(--general-medium-text-color);
--tabview-selected-button-background-color: var(--general-dark-background-color);
--tabview-selected-button-text-color: var(--general-dark-text-color);
--tabview-horizon-color: var(--dark-color-3), 0.65;
--tabview-content-background-color: var(--general-light-background-color), 0.25;
--tabview-content-text-color: var(--general-light-text-color);
/* Table Colors */
--table-border-color: var(--general-strong-border-color);
--table-header-background-color: var(--general-medium-background-color);
--table-header-text-color: var(--general-medium-text-color);
--table-background-color: var(--light-color-1);
--table-text-color: var(--text-color);
/* Blockquote Colors */
--blockquote-background-color: var(--general-light-background-color);
--blockquote-text-color: var(--general-light-text-color);
--blockquote-shadow-color: 0, 0, 0, 0;
--blockquote-border-color: var(--general-medium-border-color);
/* Code Block Colors */
--code-block-background-color: var(--blockquote-background-color);
--code-block-text-color: var(--blockquote-text-color);
--code-block-border-color: var(--general-strong-border-color);
/* TOC Colors */
--toc-background-color: var(--general-light-background-color);
--toc-text-color: var(--general-light-text-color);
--toc-border-color: var(--dark-color-2);
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
/* Footnote Block Colors*/
--footnote-block-background-color: var(--dark-color-2), 0.18;
--footnote-block-text-color: var(--text-color);
--footnote-block-border-color: var(--general-dark-border-color);
/* Rating Module Colors */
--rating-background-color: var(--general-light-background-color);
--rating-text-color: var(--general-light-text-color);
--rating-rateup-color: var(--accept-color);
--rating-ratedown-color: var(--warning-color);
--rating-cancel-color: var(--neutral-color);
--rating-rateup-text-color: var(--accept-text-color);
--rating-ratedown-text-color: var(--warning-text-color);
--rating-cancel-text-color: var(--neutral-text-color);
--rating-info-color: var(--dark-color-3);
--rating-info-text-color: var(--light-color-2);
--rating-border-color: var(--general-dark-border-color);
/* Popups Colors */
--popup-fader-color: var(--general-shadow-color), 0.65;
--popup-background-color: var(--general-light-background-color);
--popup-text-color: var(--general-light-text-color);
--popup-title-background-color: var(--general-dark-background-color);
--popup-title-text-color: var(--general-dark-text-color);
--popup-border-color: var(--general-strong-border-color);
--popup-button-text-color: var(--general-button-text-color);
--popup-button-background-color: var(--general-button-background-color);
--popup-hover-button-text-color: var(--general-hover-button-text-color);
--popup-hover-button-background-color: var(--general-hover-button-background-color);
--popup-tip-color: var(--light-color-2);
--popup-loading-color: var(--dark-color-2);
/* The 4 */
--lightblock-background-color: var(--general-light-background-color);
--lightblock-text-color: var(--general-light-text-color);
--darkblock-background-color: var(--general-dark-background-color);
--darkblock-text-color: var(--general-dark-text-color);
--styled-quote-background-color: var(--general-light-background-color);
--styled-quote-text-color: var(--general-light-text-color);
--styled-quote-border-color: var(--general-dark-border-color);
--dark-styled-quote-background-color: var(--general-dark-background-color);
--dark-styled-quote-text-color: var(--general-dark-text-color);
--dark-styled-quote-border-color: var(--light-color-2);
}
[[/module]][[module CSS]]
:root {
/* Font Set */
--body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: "JetBrains Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
/* Header Vs */
--main-header-height: 8rem;
--main-header-height-on-mobile: 8rem;
--header-height: calc(var(--main-header-height) + var(--topbar-height));
--header-width: 65rem;
--header-margin: max(calc((100% - var(--header-width)) / 2), 0px);
--logo-image: url("../../logo_nomargin.svg");
--header-title: "The Backrooms";
--header-title-font-size: 2.65rem;
--header-title-font-size-on-mobile: 1.6rem;
--header-subtitle: "You've been here before.";
--header-subtitle-font-size: 1rem;
--header-subtitle-font-size-on-mobile: 0.6rem;
--search-icon-width-on-mobile: 2.5rem;
/* Topbar Vs */
--topbar-height: 2rem;
--topbar-height-on-mobile: 3.2rem;
--topbar-font-size: 0.8rem;
--topbar-font-size-on-mobile: 1rem;
/* Account Vs */
--account-drop-border-width: var(--topbar-drop-border-width);
/* Content Vs */
--body-width: 48rem;
--body-margin: max(calc((100% - var(--body-width)) / 2), 1rem);
--content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem);
/* Sidebar Vs */
--sidebar-width: 18rem;
--sidebar-width-on-mobile: 17rem;
/* Page Tag Vs */
--page-tag-title: "TAGS \0021b4";
/* Image Block Vs */
--imageblock-border-width: 0.15rem;
/* Tabview Vs */
--tabview-border-width: calc(1rem / 15);
/* Table Vs */
--table-border-width: calc(2rem / 15);
/* Blockquote Vs */
--blockquote-border-width: calc(2rem / 15);
/* Popup Vs */
--popup-tip-content: "(Click anywhere to close)";
--popup-loading-content: "Saving Page...";
}
[[/module]]
Body font is Inter.
Monospace font is JetBrains Mono.
Special thanks to:
Basalt by Liryn &
Placeholder McD
BHL by Woedenaz &
Croquembouche
Tech Support by hoah2333
Techlight by scutoid studios
[[iftags +component]]
This is required to use on ALL pages.
How to Use:
[[include :backrooms-wiki:component:rate]]
You can also use
[[include :backrooms-wiki:component:rate align=left/center]]
To change the component's alignment.
[[/iftags]]
Info
I've also done a translation of, well, Anamnêse. But I don't think it'll ever be translit at this point…
Unless someone reads this and…
Vas-y!
Techlight from oop
Info
The Anamnêsis Theme is a Wikidot theme created by scutoid studios, based off of Super Liminal by
Ambersight. It was made for
CamaradeAlbabar and
doctrinator's Anamnêsis series, originating from the French branch. The Anamnêsis logo is by
doctrinator as is the palette and layout idea of the theme. What a guy…
[[include :backrooms-wiki:theme:anamnesis]]
Examples
The first picture ever taken of Level 0.
Level 0 is a non-linear space, resembling the back rooms of a retail outlet. Similar to its previous form, all rooms in Level 0 appear uniform and share superficial features such as a yellowish wallpaper, damp carpet, and inconsistently placed fluorescent lighting. However, no two rooms within the level are identical.
Title #1
Title #2
Title #3
- The first tab
- The second tab
- Rakka
- A Long Tab
- A long-named tab, a long-named tab, a long-named tab, a long-named tab
- Empty tab
- Empty tab
- Empty tab
content.
- This town is my prison
- The walls are a symbol of my death
- This world is separated by death
- And this room!
- This room is my cocoon.
- Numberred List
- Number two
This is the second tab. To create a tabview, use…
…use magic?
I wish tomorrow would never come.
Where did that come from, all of a sudden?
I wish the day after today was today. And the next day, and the next day too. I wish it was always today, then I'd be able to be with you forever.
There is no such thing as forever.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
content.
何見てるの?
| This is a | table |
|---|---|
| to make | these |
| ask a hacker for help | |
> blockquote
[[div class="blockquote"]]
[[code]]
[[div class="code"]]
[[div class="lightblock"]]
[[div class="darkblock"]]
[[div class="styled-quote"]]
[[div class="dark-styled-quote"]]
[[div class="film-reel"]]
[[div class="logoblock"]]
[[note]]
The wall was YELLOW!!!
[[span class="bblock"]]
[[span class="dblock"]]
[[span class="keycap"]]
[[span class="ruby"]][[span class="rt"]]
« Old Liminal | [[div class="footer-wikiwalk-nav"]] | Nuliminal »
[[div class="meta-title"]]
Monochrome Images
[04:58]
If you want images that have a retro, xeroxed and faded look there are divs to apply that effect in this theme to any image. The colour used is —image-block-bg-color and the contrast bump is 10.
Wrap any area containing image blocks in a [[div class="monochrome-img-block"]] to apply the effect to images, seen adjacent.
For a custom colour or contrast use [[div class="monochrome-img-block" style="--image-block-bg-color: 255,0,0; --mono-contrast: 5;"]].
Wrap individual [[image]] elements each in their own [[div class="monochrome-img"]] as each image needs a container for the effect overlay to be positioned in.
Film Splay
This component of the theme produces a sidebar that looks like a piece of film containing commentary text, which goes next to a div made to look like a document.
[!-- This is an example of the film splay, where there's a collapsible film sidebar --]
[[div class="film-splay"]]
[!-- This tabview is the sidebar --]
[[tabview]]
[[tab ← SIDEBAR]]
[!-- The film, the content of the sidebar --]
[[div class="amazing-film"]]
[!-- In here are the sections of film; one image of film with a border on the bottom. --]
[[div class="amazing-film-inner"]]
[!-- So content of one part of the film goes in here --]
Jean meier: what
[[/div]]
[!-- You can add as many as you want --]
[[/div]]
[[/tab]]
[[tab → SIDEBAR]]
[[/tab]]
[[/tabview]]
[!-- This div contains whatever documents the film reel is about. --]
[[div class="amazing-film-document"]]
[!-- Any div in here will have a max width 40rem and is centered --]
[[div class="darkblock"]]
[!-- So document content goes in here --]
This is a crazy document!!
[[/div]]
[!-- but you can add more document blocks as well --]
[[/div]]
[[/div]]JEAN MEIER: oo look we got some stuff going on up here
JEAN MEIER: These lies on my name…
DR MIDI: wdym this is all true
ALBA ALBAGNAC: yup
JEAN MEIER: :(
MR SCUTOID STUDIOS: I too am in this mockup
AMAZING NEWS
JEAN MEIER is now known for the bastard that he is and everyone's decided to stop being friends with him! In the lastest interview with his mother, Mrs Meier, her enthusiasm for this new development is plain to see.
I'm so glad my bastard son has finally been exposed and everyone in the world can just watch and see how much of a good for nothing piece of shit I shat out of my body that wretched day 30 years ago. Back when I had light behind my eyes. I'll never forget what you took from me, Jimbo.
Furthermore, all of Jean's friends have collected together a joint statement to address any concerns the public may have in an exclusive release for BACKNEWS.
Hey, folks. We know you all have some concerns about us all up 'n leavin behind that bastard son of a bitch Meier. But we just want to reassure you that while it might seem a little sudden, we discovered the kinda information that really just makes you say "Fuck sake!" and instantly change your relationship status with that piece of shit from "It's complicated" back to "Single." We hope you understand.
And we do. Oh, we do.
Logo SVG
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="600.000000pt" height="384.000000pt" viewBox="0 0 600.000000 384.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,384.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2750 3739 c-700 -77 -1253 -296 -1780 -705 -142 -110 -417 -383
-532 -527 -154 -193 -358 -518 -358 -569 0 -13 25 -67 55 -120 470 -836 1282
-1430 2215 -1622 428 -88 788 -92 1200 -15 897 170 1664 678 2164 1434 124
187 189 308 181 336 -12 37 -125 231 -199 339 -242 357 -541 654 -901 895
-465 311 -942 482 -1535 550 -143 16 -384 18 -510 4z m0 -122 c0 -1 -42 -45
-93 -97 -158 -160 -272 -329 -417 -615 -134 -266 -205 -502 -232 -777 l-12
-128 -403 0 -403 0 0 48 c0 117 49 330 111 487 85 213 208 396 384 570 264
262 594 431 970 499 93 17 95 17 95 13z m311 -39 c137 -92 295 -267 424 -473
85 -135 226 -425 267 -550 46 -137 85 -329 94 -457 l7 -98 -85 0 -85 0 -7 51
c-18 135 -109 305 -216 401 -221 200 -520 242 -790 111 -80 -38 -108 -59 -180
-132 -119 -120 -164 -208 -205 -403 -5 -28 -6 -28 -85 -28 l-80 0 0 45 c0 75
30 262 60 382 40 152 85 265 182 456 120 235 238 408 373 543 102 102 220 194
250 194 7 0 41 -19 76 -42z m313 16 c468 -92 914 -397 1169 -802 132 -210 217
-464 242 -724 l7 -68 -410 0 -409 0 -7 94 c-19 279 -102 557 -250 841 -141
272 -254 435 -407 588 l-98 99 42 -7 c23 -3 77 -13 121 -21z m-1539 -202 c-6
-4 -32 -26 -60 -47 -296 -230 -508 -529 -620 -870 -44 -133 -85 -339 -85 -426
l0 -49 -416 0 -416 0 28 48 c232 402 596 786 994 1048 156 102 300 182 449
250 112 51 146 63 126 46z m2530 -97 c535 -263 965 -650 1289 -1159 42 -65 76
-123 76 -127 0 -5 -184 -9 -409 -9 l-410 0 -6 58 c-36 350 -137 629 -323 892
-76 108 -283 322 -387 400 -92 69 -62 59 170 -55z m-1319 -1160 c86 -25 144
-105 144 -198 0 -148 -145 -246 -285 -192 -85 32 -148 142 -130 227 16 78 77
145 153 168 41 12 63 11 118 -5z m-1973 -345 c28 -323 148 -636 343 -897 77
-102 237 -268 336 -345 43 -34 76 -63 74 -65 -6 -6 -167 66 -281 126 -459 240
-856 591 -1148 1014 -63 91 -157 242 -157 252 0 3 186 4 413 3 l412 -3 8 -85z
m683 83 l240 -6 12 -124 c24 -250 92 -486 207 -721 135 -276 277 -482 456
-660 101 -101 102 -102 70 -102 -57 0 -232 40 -356 81 -357 119 -655 333 -880
634 -171 228 -292 546 -312 815 l-6 90 165 0 c91 0 273 -3 404 -7z m2094 -45
c-1 -131 -48 -367 -110 -543 -92 -262 -277 -571 -473 -789 -69 -77 -258 -236
-280 -236 -22 0 -151 104 -244 197 -158 159 -303 372 -424 618 -104 213 -179
484 -195 703 l-7 93 84 -3 84 -3 7 -53 c20 -134 114 -302 225 -401 67 -60 209
-134 303 -157 150 -38 347 -13 493 63 99 52 240 192 289 288 38 74 78 200 78
247 l0 28 85 0 85 0 0 -52z m935 42 c4 -6 1 -54 -5 -108 -66 -573 -427 -1069
-971 -1331 -184 -89 -380 -149 -561 -170 l-57 -7 97 96 c200 197 371 449 502
740 99 222 180 552 180 741 l0 49 404 0 c262 0 407 -4 411 -10z m945 -6 c0
-10 -124 -203 -184 -287 -152 -212 -400 -473 -601 -633 -154 -122 -358 -253
-532 -342 -142 -72 -283 -136 -283 -128 0 2 35 30 77 61 331 250 587 656 667
1060 13 64 36 234 36 267 0 3 8 8 17 10 27 5 803 -2 803 -8z"/>
</g>
</svg>Theme CSS
to force the below to load!
/* thème « anamnêse » pour la série « anamnêsis » série par alba et doc thème par scutoïde basé sur code par ambersight son thème Super Liminal et son thème de l'année 2025 un super thème sous une super license CC-BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&amp;amp;amp;amp;amp;amp;amp;amp;display=swap'); /* ROOT (couleurs et tout ça) */ :root { --header-title: "Anamnêsis"; --body-width: 65rem; /* Font Set */ --body-font: 'Courier Prime', monospace; --header-font: 'Courier Prime', monospace; --title-font: var(--body-font); /* Basic Colors (couleurs de base) */ --background-color: 8, 7, 14; --text-color: 189, 198, 198; /* Deco Colors (couleurs décoratives) */ --light-color-1: 42, 42, 55; --light-color-2: 20, 21, 26; --light-color-3: 85, 86, 94; --dark-color-1: 189, 198, 198; --dark-color-2: 173, 171, 151; --dark-color-3: 183, 187, 177; --dark-color-4: 152, 156, 146; /* Link Colors (couleurs des liens) */ --link-color: 162, 97, 236; --hover-link-color: 85, 18, 161; --visited-link-color: 124, 125, 136; --newpage-color: 221, 102, 17; /* Select Colors (couleurs de sélection) */ --selected-background-color: 67, 98, 197; --selected-text-color: 253, 253, 253; /* Scrollbar Colors (couleurs de la barre de défilement) */ --scrollbar-color: var(--dark-color-1), 0.75; --scrollbar-background-color: var(--dark-color-1), 0.15; /* Note Colors (couleurs des notes) */ --note-background-color: var(--dark-color-2); --note-text-color: 24, 27, 27; /* Sidebar Vs */ --sidebar-title-shadow-color: none; --dark-gray-monochrome: var(--general-dark-background-color), 0.5; --sidebar-title-background-color: var(--general-dark-background-color), 0.8; --bright-accent: var(--dark-color-2); /* Topbar Vs */ --topbar-border-color: 131, 130, 138; --topbar-height: 3rem; --topbar-height-on-mobile: 3.2rem; --topbar-font-size: 0.8rem; --topbar-font-size-on-mobile: 1rem; --topbar-hover-text-color: var(--dark-color-2); --topbar-hover-background-color: var(--light-color-1); --topbar-hover-border-color: 0,0,0,0; --topbar-drop-text-color: var(--dark-color-1); --topbar-drop-hover-text-color: var(--light-color1); --topbar-drop-background-color: var(--light-color-2); --topbar-drop-hover-background-color: var(--dark-color-2); --topbar-drop-border-color: 0,0,0,0; --topbar-drop-shadow-color: 0,0,0,0; /* Code block */ --code-block-text-color: var(--light-color-1); /* Image block */ --image-block-bg-color: var(--dark-color-2); --mono-contrast: 10; } /* Header */ #header { position: sticky; top: -5rem; height: 8rem; grid-template-areas: "h1 search user" "topbar topbar topbar"; grid-template-rows: 5rem 3rem; grid-template-columns: 1fr 5rem 5rem; box-shadow: 0 0.15rem 0 rgba(var(--2025-black), 0.95), 0 0.6rem 1rem rgba(var(--2025-black), 0.3); text-transform: uppercase; } #header::before { display: none; } #header h1 { flex-direction: row; padding: 0; align-items: left; } #header h1 a { padding: 0; width: min-content; } #header h1 a span { padding-top: 0; flex-direction: row; gap: 0.4rem; align-items: center; justify-content: left; transition: color 0.2s; } #header h1 a span:is(:hover, :active, :focus, :focus-within) { opacity: 0.8; transition: opacity 0.1s; } #header h1 a span::before { font-weight: 900; border-right: solid 2px rgb(var(--topbar-border-color)); height: 5rem; padding: 0.3rem 1rem 0 7rem; display: flex; align-items: center; background-image: url("http://scutoidbox.wikidot.com/local--files/theme:anamnese/anamn%C3%AAsis%20logo.png"); background-size: 5rem; background-repeat: no-repeat; background-position: 1rem center; white-space: nowrap; } @media only screen and (max-width: 450px) { #header h1 a span::before { font-size: 1.5rem; } } @media only screen and (max-width: 400px) { #header h1 a span::before { font-size: 0.8rem; } } #header h1 a span::after { display: none; } #header h2 { display: none; } /* Top Bar */ #top-bar { padding: 0; border-top: solid 2px rgb(var(--topbar-border-color)); } #top-bar div[class*=top-bar] > ul { justify-content: stretch; } #top-bar div[class*=top-bar] > ul > li { flex: 1; border-right: solid 2px rgb(var(--topbar-border-color)); } #top-bar div[class*="top-bar"] > ul > li > ul > li, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li { height: 3rem; box-shadow: none !important; } #top-bar div[class*="top-bar"] > ul > li > a, #top-bar div[class*="top-bar"] > ul > li > ul > li a, #top-bar div[class*="top-bar"] > ul > li > ul > li > ul > li a { font-size: 0.95rem; } #top-bar div[class*=top-bar] > ul > li:last-of-type { border-right: 0; } /* Search */ #search-top-box { grid-area: search; position: relative; right: 0; top: 0; width: 5rem; height: 5rem; background: transparent; transition: background 0.2s; } #search-top-box:is(:hover, :active, :focus, :focus-within) { background: rgba(var(--light-color-1)); } #search-top-box-form { display: contents; } #search-top-box-form .button { font-size: 0; width: 100%; height: 100%; -webkit-mask-image: var(--search-icon-mask); mask-image: var(--search-icon-mask); -webkit-mask-size: 40%; mask-size: 40%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } /* User */ #login-status { grid-area: user; position: relative; top: 0; right: 0; width: 5rem; height: 5rem; font-size: 0; transition: background 0.2s; } #login-status:is(:hover, :focus-within) { background: rgb(var(--light-color-1)) } #header #login-status .printuser a { pointer-events: none; } #login-status > a[href*='account/messages'] { position: absolute; top: 0.2rem; right: 0.2rem; width: 0.8rem; height: 0.8rem; font-size: 0; z-index: 2; border-radius: 50%; background-color: rgb(var(--link-color)); pointer-events: none; /* too small a target anyway */ } #login-status > a[href*='account/activity'] { display: none; } #login-status .printuser { display: block; width: 100%; height: 100%; padding: 0.5rem; box-sizing: border-box; } #login-status .printuser > a:first-child { width: 100%; height: 100%; } #login-status .printuser > a:first-child img { background-image: none !important; padding: 0; width: 4rem; height: 4rem; object-fit: cover; object-position: center; } #login-status:is(:hover, :focus-within) .printuser > a:first-child img { opacity: 0.7; } a#account-topbutton { display: none; } #account-options { border: none; width: 9rem; font-size: 0.9rem; transition: opacity 0.2s; pointer-events: none; opacity: 0; box-sizing: border-box; } #account-options::before { content: ""; display: block; position: absolute; top: 0.3rem; left: 0.3rem; width: calc(100% - 0.6rem); height: calc(100% - 0.6rem); z-index: -1; box-sizing: border-box; } #login-status:is(:hover, :active, :focus, :focus-within) #account-options { opacity: 1; transition: clip-path 0.2s; pointer-events: auto; } #account-options li a { padding: 0.5rem 0; } /* Sign in buttons for logged out users */ .login-status-create-account, .login-status-sign-in { display: flex; width: 5rem; height: 2.5rem; position:relative; z-index: 10; font-size: 0.8rem; font-weight: bold; justify-content: center; align-items: center; text-align: center; border-left: solid 2px rgb(var(--topbar-border-color));; box-sizing: border-box; background: rgb(var(--dark-color-3)) } #header .login-status-create-account:is(:hover, :focus), #header .login-status-sign-in:is(:hover, :focus) { background: rgb(var(--light-color-1)); color: rgb(var(--dark-color-2)); text-decoration: none; } .login-status-sign-in { border-top: solid 2px rgb(var(--topbar-border-color)); font-weight: normal; } /* Main content */ #main-content { margin-top: 3rem;} /* The divs */ .dark-styled-quote, .darkblock { background-color: rgb(var(--dark-color-2)); border-color: rgb(var(--light-color-1)); } .styled-quote { border-color: rgb(var(--dark-color-2)); } :is(.styled-quote, .dark-styled-quote, .lightblock, .darkblock):after { content: ""; height: 1.5rem; display: block; background-image: url("http://scutoidbox.wikidot.com/local--files/theme:anamnese/anamn%C3%AAsis%20logo.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin-bottom: 0.5rem; filter: brightness(140%) } :is(.darkblock, .dark-styled-quote):after { opacity: 0.5; filter: none; } .scp-image-block { border-color: rgb(var(--image-block-bg-color)); border-width: 0.6rem; } .scp-image-block .scp-image-caption { background-color: rgb(var(--image-block-bg-color)); color: rgb(var(--background-color)); padding-top: 0.6rem; } .film-reel { --h1-color: var(--darkblock-text-color); --h2-color: var(--darkblock-text-color); --h3-color: var(--darkblock-text-color); --h4-color: var(--darkblock-text-color); --h5-color: var(--darkblock-text-color); --h6-color: var(--darkblock-text-color); background: linear-gradient(rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--dark-color-1)) 1.3rem, rgb(var(--dark-color-1)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem), transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)), repeating-linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem); color: rgba(var(--darkblock-text-color)); background-position-x: 0, 0.3rem; margin: 1rem 0; padding: 1.7rem 1rem; } .logoblock { --h1-color: var(--darkblock-text-color); --h2-color: var(--darkblock-text-color); --h3-color: var(--darkblock-text-color); --h4-color: var(--darkblock-text-color); --h5-color: var(--darkblock-text-color); --h6-color: var(--darkblock-text-color); background: rgba(var(--dark-color-2)); color: rgba(var(--darkblock-text-color)); margin: 1rem 0; padding: 0.7rem 1.2rem; position: relative; filter: blur(0px); /* create a stacking context */ } .logoblock::before { display: block; content: ""; position: absolute; top: 0.3rem; left: 0.3rem; bottom: 0.3rem; right: 0.3rem; border: solid rgb(var(--light-color-1)) 3px; box-shadow: inset 0 0 0 3px rgb(var(--dark-color-2)); background-image: url("http://scutoidbox.wikidot.com/local--files/theme:anamnese/anamn%C3%AAsis%20logo.png"); background-size: 15rem; background-position: center; background-repeat: no-repeat; z-index: -1; /* this is why i need the stacking context, so logo goes behind text */ opacity: 0.1; } /* Code Block */ /* Super Liminal is supposed to support dark themes, but actually code blocks break in them because the text within them isn't styled by Super Liminal's colours. On a light theme, the default Wikidot colours work fine, but of course they break on a black background. */ /* It's complex and not really my problem to fix so for now here's an aesthetically pretty stopgap solution! */ .code { /* Give it a light bg */ background: #EEE; /* Invert it so no flashbang */ filter: invert(100); } /* Monochrome image divs */ :is(.monochrome-img, .monochrome-img-block .scp-image-block) img { filter: contrast(var(--mono-contrast)) grayscale(1); } :is(.monochrome-img, .monochrome-img-block .scp-image-block) { position: relative; } .monochrome-img-block .scp-image-caption { background: white; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::after, :is(.monochrome-img, .monochrome-img-block .scp-image-block)::before { content: ""; display: block; width: 100%; height: 100%; background: rgb(var(--image-block-bg-color)); position: absolute; top: 0; left: 0; pointer-events: none; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::before { mix-blend-mode: multiply; z-index: 1; } :is(.monochrome-img, .monochrome-img-block .scp-image-block)::after { opacity: 0.2; z-index: 2; } /* Film splay */ .film-splay { display: flex; flex-direction: row-reverse; margin: 1rem 0; } .film-splay .amazing-film-document { flex: 2; } .film-splay .amazing-film-document > div { margin: 1rem auto; max-width: 40rem; } .film-splay :is(.yui-navset, .yui-content, .yui-navset, yui-navset-top, .yui-nav) { all: unset; } .film-splay :is(.yui-navset) { filter: drop-shadow(0 2px 3px rgb(var(--background-color), 0.7)); } .film-splay :is(.yui-nav) { position: sticky; top: 3.5rem; z-index: 1; display: block; transition: 0.5s; } .film-splay :is(.yui-nav):has(li:last-of-type.selected) { margin-left: -8rem; } .film-splay :is(.yui-content, .yui-content > div) { height: 100%; display: block; overflow-x: hidden; } .film-splay :is(.yui-content, .yui-content > div:first-of-type) { display: block !important; } .film-splay :is(.yui-content > div:nth-of-type(2)) { display: none !important; } .film-splay :is(.yui-nav li.selected) { display: none; } .film-splay :is(.yui-navset) .amazing-film { width: 20rem; background: url(http://scutoidbox.wikidot.com/local--files/anamnese-film-sidebar/amazing%20film%20texture.png), linear-gradient(to right, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem, rgb(var(--light-color-3)) 1rem, rgb(var(--light-color-3)) 1.3rem, rgb(var(--light-color-1), 0.7) 1.3rem, rgb(var(--light-color-1), 0.7) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1.3rem), rgb(var(--light-color-3)) calc(100% - 1rem), transparent calc(100% - 1rem), transparent calc(100% - 0.3rem), rgb(var(--light-color-3)) calc(100% - 0.3rem)), repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem), repeating-linear-gradient(to bottom, rgb(var(--light-color-3)) 0, rgb(var(--light-color-3)) 0.3rem, transparent 0.3rem, transparent 1rem); color: rgba(var(--text-color)); background-position-y: 0, 0, 0.3rem, 0.3rem; background-position-x: center, center, left, right; background-size: calc(100% - 2.6rem) auto, 100% 100%, 1rem 1rem, 1rem 1rem; background-repeat: repeat-y, no-repeat, repeat-y, repeat-y; height: calc(100% + 4rem); padding: 4rem 1.3rem; box-sizing: border-box; margin-top: -4rem; mask-image: linear-gradient( to bottom, transparent 0, rgba(0,0,0,0.07) 1.167rem, rgba(0,0,0,0.25) 2.333rem, rgba(0,0,0,0.5) 3.5rem, rgba(0,0,0,0.75) 4.667rem, rgba(0,0,0,0.93) 5.833rem, black 7rem, black calc(100% - 7rem), rgba(0,0,0,0.93) calc(100% - 5.833rem), rgba(0,0,0,0.75) calc(100% - 4.667rem), rgba(0,0,0,0.5) calc(100% - 3.5rem), rgba(0,0,0,0.25) calc(100% - 2.333rem), rgba(0,0,0,0.07) calc(100% - 1.167rem), transparent 100% ); } .film-splay :is(.yui-navset) .amazing-film-inner { padding: 0.5rem 1rem; border-bottom: solid 3px rgb(var(--light-color-3)); } .film-splay :is(.yui-navset):has(li:first-of-type) { transition: 0.5s; width: 0; margin-left: 0; position: relative; } .film-splay :is(.yui-navset):has(li:first-of-type.selected) { width: 20rem; margin-left: -8%; margin-right: 1rem; } /* On mobile it mostly just covers the document and you flip it open and closed to view the content vs the document */ @media only screen and (max-width: 750px) { .film-splay :is(.yui-navset):has(li:first-of-type.selected) { margin-left: -21rem; } } /* for scutoidbox.wikidot.com */ .accessibility-helper { display: none !important; }
[[iftags +component]]
This component is from the SCP Wiki, and was uploaded there by
CityToast. It is licensed under CC-BY-SA 3.0. It has been modified for this wiki by scutoid studios.
The license box is an easy way for people to know how to credit you as well as an easy way to properly source images. License boxes are a requirement for all pages on the wiki.
Component Base:
[[include :backrooms-wiki:component:license-box]]
=====
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
=====
[[include :backrooms-wiki:component:license-box-end]]
How to Use the License Box
Step 1:
At the bottom of the page, below the wikiwalk footer, put this piece of code:
[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]
If you have footnotes, add [[footnoteblock]] above the licensebox code like so:
[[footnoteblock]]
----
[[include :backrooms-wiki:component:license-box]]
=====
=====
[[include :backrooms-wiki:component:license-box-end]]
Step 1.5 (optional):
If you have images or other forms of media, put this block of code between the equal signs:
> **Filename: (Optional)**
> **Name:**
> **Author:**
> **License:**
> **Source Link:**
> **Derivative of:** (If applicable)
> **Additional Notes:** (Optional)
If you have more than one piece of media, you'll do this multiple times.
These are required in the license box.
- "Name" is the title of the media.
- "Author" is whoever created it. If you made it, put your wikidot username.
- "License" is the license it's under. Put it exactly as it says. If it says CC BY SA 2.0, then put CC BY SA 2.0.
- "Source Link" is where you found it. If you created it, put the URL of the page it's on.
These are optional in the license box.
- "Filename" is the title of the file as you named it when uploaded on the wikidot, if you used a different name than the source name
- "Derivative of" If you Photoshopped a variety of images to create a new image or did something similar, you would list them all here.
- "Additional Notes" If you cropped an image or edited it somehow, you would list those changes here.
You can also use this handy box-ify-er to make the process simpler:
Notes:
- Once put all together, it should look like the component base.
- You cannot use some modules, including CSS, HTML, and listpages, inside the license section. You also cannot use collapsibles or tables.
- If your footnotes are appearing after the license section, remember to add [[footnoteblock]] above the license template.
- Do not copy or move the ===== elements. Only have one pair, and place that pair below and above the includes.
{$caption}
Step 2
Add the _licensebox tag to the page.
Step 3 (optional):
You can change various aspects of the default message of the component with a few parameters! These are the customizable features:
- author= This allows you to change the name of the author that appears. This is great for co-written pages or translations. This defaults to the person who created the page.
- license= This allows you to change the license of the page if need be. Note that this can only be changed to variants of the CC BY-SA License. This defaults to 3.0.
- url= This allows you to change the url that appears in the message if this page is a derivative of another page. Once again, very useful for translations. This defaults to the page link.
- origin= This is the first part of changing where the message says where the page originates. Again, useful for translations or derivatives of other works. This defaults to “Backrooms Wiki”.
- origin-link= This is the second part of the where the message says where the page originates. This defaults to a link to our site’s homepage.
[[include :backrooms-wiki:component:license-box
|author=Text here
|license=Text here
|url=Text here
|origin=Text here
|origin-link=Text here
]]
Handling Derivatives
An image becomes a derivative once you add something to the original.
- This can range from adding a black square on a face to collages of multiples images.
If you image is a derivative, you must license your image, not the original. This means putting the name of the editor and the License they want to put.
Keep in mind that if the image license has the "SA" ("sharealike") denomination (such as in CC-BY-SA-3.0), it means you should license the derivative with the same license as the original
Derivatives in the Licensebox
>**Name:** Name of the wikidot file (optional)
>**Name:** Name of the derivative file
> **Author:** Name of the person who made the derivative
> **License:** Same license as the original in the case of a SA licensed image
> **Source Link:** Source of the derivative, often the wiki file link
> **Derivative of:** [link of the original Title of the Original] by Author of the original licensed under License of the original
> **Additional Notes:** (Optional)
If there are multiple original images used in the derivative, separate each with a comma.
Example
Original image on the left and derivative image on the right.
In this case, the image on the right is being licensed, with the information of the image of the left, and the image added to it, in the derivative of section.
Name: Balpha Auditorium
Author:Light_Nate
License: CC BY 2.0
Source Link: https://www.flickr.com/photos/niftyniall/12748036163/
Derivative of: Synergy-2 81-717 interior - computer room (3) by Xenotron licensed under CC 0 1.0, M.E.G. Logo by Kosef licensed under CC-BY-SA-3.0
What if I didn't add anything?
Image modifications, such as changing the color hue, blurring the image, cropping it… are different than derivative images. These changes are listed under Additional notes And the original image has to be the one licensed, as it is not a remix.
Original image on the left and edited image on the right.
In this case, the image on the left is being licensed, with an additional notes line containing the nature of the changes and who did it.
Name: Hotel corridor - Couloir hotel
Author: mkepto
License: CC BY-SA 2.0
Source Link: https://openverse.org/image/d5397b0c-ccc4-431e-b18d-7809432f196a?q=hotel+corridor&p=16
Additional Notes: Color edited byPraetor3005 on Photomosh
This is the actual component, ignore it:
[[/iftags]]
Cite this page as:
"Anamnese Film Sidebar" by Scutoid Studios, from the Backrooms Wiki. Source: https://backrooms-wiki.wikidot.com/anamnese-film-sidebar. Licensed under CC-BY-SA-3.0.
[[iftags +component]]
Colmod was originally created by
Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component
[[/iftags]]
-
- _
"<a href="https://backrooms-wiki.wikidot.com/anamnese-film-sidebar">Anamnese Film Sidebar</a>" by Scutoid Studios, from the <a href="http://backrooms-wiki.wikidot.com/">Backrooms Wiki</a>. Source: <a href="https://backrooms-wiki.wikidot.com/anamnese-film-sidebar">https://backrooms-wiki.wikidot.com/anamnese-film-sidebar</a>. Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA-3.0</a>.
[[iftags +component]]
Colmod was originally created by
Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component[[/iftags]]
Name: anamnêsis logo.png
Author: doctrinator
License: CC BY-SA 3.0
Source: SVG code available at http://scutoidbox.wikidot.com/local--files/theme:anamnese/anamnesislogob%281%29.svg
Notes: Made specifically for this page
For more information about on-wiki content, visit the Licensing Master List.
JEAN MEIER: oo look we got some stuff going on up here
JEAN MEIER: These lies on my name…
DR MIDI: wdym this is all true
ALBA ALBAGNAC: yup
JEAN MEIER: :(
MR SCUTOID STUDIOS: I too am in this mockup
JEAN MEIER: These lies on my name…
DR MIDI: wdym this is all true
ALBA ALBAGNAC: yup
JEAN MEIER: :(
MR SCUTOID STUDIOS: I too am in this mockup
JEAN MEIER: These lies on my name…
DR MIDI: wdym this is all true
ALBA ALBAGNAC: yup
JEAN MEIER: :(
MR SCUTOID STUDIOS: I too am in this mockup
JEAN MEIER: These lies on my name…
DR MIDI: wdym this is all true
ALBA ALBAGNAC: yup
JEAN MEIER: :(
MR SCUTOID STUDIOS: I too am in this mockup
AMAZING NEWS
JEAN MEIER is now known for the bastard that he is and everyone's decided to stop being friends with him! In the lastest interview with his mother, Mrs Meier, her enthusiasm for this new development is plain to see.
I'm so glad my bastard son has finally been exposed and everyone in the world can just watch and see how much of a good for nothing piece of shit I shat out of my body that wretched day 30 years ago. Back when I had light behind my eyes. I'll never forget what you took from me, Jimbo.
Furthermore, all of Jean's friends have collected together a joint statement to address any concerns the public may have in an exclusive release for BACKNEWS.
Hey, folks. We know you all have some concerns about us all up 'n leavin behind that bastard son of a bitch Meier. But we just want to reassure you that while it might seem a little sudden, we discovered the kinda information that really just makes you say "Fuck sake!" and instantly change your relationship status with that piece of shit from "It's complicated" back to "Single." We hope you understand.
And we do. Oh, we do.
