Wikitext Guide

## Introduction

Wikitext helps present one's page in a better manner. It is suggested one use the source editor instead of the visual editor to edit and customize a page to its fullest extent. Below is a list of imported/custom-made wikitext that will help you improve an article's aesthetic (many templates and CSS are migrated from the Backrooms Wiki, go check it out!). HTML code is a much more complicated version of wikitext, and much more flexible in usage; however, due to its complexity, we will not be covering HTML code on this page. One can go to Coding Help Wiki for more information.

## Templates

Templates are condensed lines of wikitext to improve your page's design. One can also view the original source for each template in the Template List.

* {{Blurimage|file=image|caption=text}}
* {{Blurquote|image=image|quote-text=text}}
* {{Blockimage|file=image|text=text}}
* {{Redirect|Prev=previous page link|Next=next page link}}
* {{Quote|text|person (optional)}}
* {{Underline|color hex}}
* {{Image Banner|style=banner width|image=image|caption=text}}

`**> Open archived text boxes**`

`**> Close archived text boxes**`

## Div boxes (outdated)

Div boxes are an important wikitext that greatly improves the page's design. The padding decides how much spacing the text is to the border, and since special text like bullet points and titles all have different spacing, the list below is the standard div box spacing adjusting to each text scenario. While you can customize the div box such as adding borders, it is best if one can follow the standard div box spacing. The four padding coordinates are ordered up right down left.

* **This is for bullet points with heading:** <div style="background: #ced4da; border-radius: 0px; padding: 10px 20px 10px 20px; text-align: left; box-shadow: 0px 3px 6px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div>

* **This is for bullet points with no heading:** <div style="background: #ced4da; border-radius: 0px; padding: 20px 20px 10px 20px; text-align: left; box-shadow: 0px 3px 6px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div>

* **This is for text with heading aligned left:** <div style="background: #ced4da; border-radius: 0px; padding: 10px 20px 20px 25px; text-align: left; box-shadow: 0px 3px 6px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div>

* **This is for text with no heading aligned left:** <div style="background: #ced4da; border-radius: 0px; padding: 20px 20px 20px 25px; text-align: left; box-shadow: 0px 3px 6px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div> (Make sure to put the </div> in the same line as the text to prevent extra spacing)

* **This is for text with heading aligned center:** <div style="background: #ced4da; border: 4px solid #dee2e6; border-radius: 0px; padding: 10px 20px 20px 20px; text-align: center; box-shadow: 0px 3px 6px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div>

* **This is for text with no heading aligned center:** <div style="background: #ced4da; text-align: center; border-radius: 0px; padding: 20px 20px; box-shadow: 0px 5px 8px rgba(0, 0, 0.5, 0.5); margin: 5px 10px; margin-bottom: 20px">TEXT</div> (Make sure to put the </div> in the same line as the text to prevent extra spacing)