Info
This theme was made by ReyDay.
Credit to the themes Pomona(by ghostchibi) and To Wish Upon A Dream(by
MC_Crafter_24_7), I used these themes to help with certain aspects of the code. Pomona I used for the divs and TWUAD I used for the SD classes.
also HUGE thanks to cakelord114514 for helping me figure out the code for the horizontal rule and a few other things, could not have done this without them.
This was techlit by MyrandFox
|
Table of Contents
|
--dull-accent
99, 138, 117
--dark-green
9, 35, 29
--vibrant-green
68, 150, 96
--bark-green
21, 60, 56
--link-green
48, 100, 76
--light-grey
130, 150, 130
To use this theme, type the following:
[[include :backrooms-wiki:theme:enchanted-forest]]
My cat, his name is Twix :DDD
Is it just me or is green + cyan combo just SO PRETTY?!?!?!?!?!?
The fonts used are as follows:
Lobster
Milonga
Fantasque Sans Mono
This is what a horizontal rule looks like! Wait…why is it different?
This is a special hr! type the following to put this in your article:
[[div class="vine-hr"]]
----
[[/div]]
Header
Header
Header
Header
Header
Header
Footnote1
Bold
Italic
Underline
Strikethrough
Superscript
Subscript
Teletype
- Bulleted list
Links that don’t exist
Links that do exist!
And this is what a normal hr looks like!
This is a blockquote! You can get this by typing “>” before your text.
Theseare
nesting
blockquotes
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="vibe-box"]]
[[/div]]
[[div class="dark-box"]]
[[/div]]
[[div class="light-grey-frame"]]
[[/div]]
[[div class="dark-grey-frame"]]
[[/div]]
[[div class="dull-grey-frame"]]
[[/div]]
[[div class="vineblock"]]
[[/div]]
*Note: You may have to re-edit the code for this div based on the length of your text.
Code:
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
border-image-slice: 900 900 900 900; /*you will have to edit this for the repeat lengths*/
border-image-width: 20% 20% 20% 20%; /*you will have to edit this for the border width*/
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}
Feel free to code your own div as well with the color scheme! Here's the base code:
.div-name {
color: rgb(var(variable)); /* Replace "variable" with the variable you want */
background: rgba(var(variable), 0.5); /* Replace "variable" with the variable you want, and replace "0.5" with the opacity you want. */
padding: 0.01rem 1rem; /* Standard length/width stuff, you will most likely not change this. */
margin: 0.5rem 0; /* Standard length/width stuff, you will most likely not change this. */
box-shadow: var(variable); /* Replace "variable" with the variable you want. */
border: 4px rgb(var(variable)) solid; /* This is the border, replace "variable" with the variable you want, and you can replace "solid" with "ridge" to make it look like a frame! */
}
| This is a table | And another section of the table |
|---|---|
| Look at how cool this looks! | Aren't I just amazing for coding this theme? :D |
Wooo this is what a tab looks like!
SURVIVAL DIFFICULTY:
Class 0
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 1
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 2
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 3
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 4
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 5
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class unknown
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class habitable
- {$one}
- {$two}
- {$three}
[[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.
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
.jpg){kind=link}
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]]