Template:UnityWikisResponsive/doc

This is the template documentation for the Unity Wikis Responsive Interwiki Template, a template which references various wikis related to using Unity's Game Engine platform.

Adding this template
This is a interwiki footer which should be visible at the bottom of a wiki's main page. You can only add it if you have sufficient permissions to edit the main page.

Using the Source Editor
You can also insert before the template to be sure it will not conflict with other elements.
 * 1) Go to the bottom of the page.
 * 2) Paste.
 * 3) Save your changes.

Using the Visual Editor

 * 1) Go to the bottom of the page, click after all elements.
 * 2) Insert a template called:.
 * 3) The menu will say that the template does not exist (on the local wiki), insert it anyway.
 * 4) Save your changes.

Adding your wiki

 * 1) Go to the Template:UnityWikisResponsive/list and edit.
 * 2) We want to keep this template in alphabetical order. Find the appropriate alphabetical range for the link based off the Unity Project Name (e.g.: Sort The Court, Rec Rooms, SCP: Secret Laboratory etc).
 * 3) Insert this into the template on a new line:  "UnityProjectName" •
 * 4) * Change   to the domain of the wiki (the part before ).
 * 5) * Change   to the name of the Unity project the wiki is based on.
 * 6) Save your changes.

Template Customization
As interwiki templates cannot use parameters, UnityWikis is one of the few that enables communities to customize the template through CSS.

UnityWikis has certain classes that allows communities to customize parts of the template (the list cannot be customized):
 * 1)  : This controls the template element.
 * 2) *Default style: overflow:hidden; width:100%; margin-bottom:1em
 * 3) *The logo does not have a CSS class. Its width is 130px and uses
 * 4)  : The top part of the template. It contains the image
 * 5) *Default style: display:block; background-color:#000; padding:5px 5px;
 * 6)  : CSS class for the image
 * 7) *Default style: width:150px;
 * 8)  : Customizes the table.
 * 9) *Default style: border:6px solid #000; overflow:auto; height:240px; position:relative
 * 10) No CSS class: The link button does not have a css class.
 * 11) *Default style: color:#FFF; display:inline-block;border:2px solid #FFF; border-radius:3px;padding:.8em 1.25em

CSS Glossary

 * /* */ - CSS comments, they do not appear.
 * width - Sets the width of an element.
 * height - Sets the height of an element
 * overflow - whether to clip the content or add scrollbars (only if the height is specified)
 * visible - Default. The overflow is not clipped. The content renders outside the element's box
 * hidden - The overflow is clipped, and the rest of the content will be invisible
 * scroll - The overflow is clipped, and a scrollbar is added to see the rest of the content
 * auto - Similar to scroll, but it adds scrollbars only when necessary


 * margin - Create space around elements, outside of any defined borders.
 * Can be specified for individual sides (margin-top, margin-right, margin-bottom, margin-left)
 * border - specify the style, width, and color of an element's border. (border:  )
 * width: px, thin, medium, thick
 * Types: dotted, dashed, solid, double, none, hidden
 * border-radius - Defines the radius of the element's corners.
 * length, %, initial/inherit
 * text-align
 * left/right/center - Aligns to the left/right/center
 * justify - Stretches the lines so that each line has equal width
 * initial/inherit - Sets this property to its default/parent value.
 * position - Specifies the type of positioning method used for an element
 * Types: static, relative, fixed, absolute, sticky
 * Units - Properties that take "length" values for width, margin, padding, font-size etc.
 * Absolute: cm, mm, in (1in = 96px = 2.54 cm), px (Pixel), pt (Point), pc (Picas)
 * Relative: em (font size), ex (font height), ch ("0" zero width), rem (font-size of root element), vw/vh (width/height of the viewpoint), vmin/vmax (smaller/larger dimension), % (relative to parent element)
 * Colors - color names (140 supported by modern browsers)/RGB Hex value (#000/#000000)