CSS Reference

Wikidot uses a plethora of various IDs and Classes that help structure the standard Wikidot site. Using these selectors is the key to making a good theme for your site, and so it is useful to know what selector goes to what element. This reference guide, which can be directly accessed through the top bar, will provide reference to much of the selectors used within Wikidot along with a guide on the general page structure and full version of the Base CSS.

Classes Classes are given to many of the minor details of the Wikidot page or to elements that are of the same general nature, such as buttons. Classes in this site are outlined in green.
IDs IDs are given to most elements on the Wikidots, especially the much larger elements that dominate much of the page, such as the side bar. IDs in this site are outlined in red.
Type Selectors Type selectors are universal on all pages, and they are simply the names of the HTML tags, such as a for modifying links. Type selectors are outlined in blue.
Pseudo-Classes Pseudo-Classes are special instances of an element which alter the CSS of the element according to a special condition that is being applied to it.
Pseudo-Elements Pseudo-Elements are special attributes of elements that can be accessed via CSS to enhance certain textual characteristics.
Properties Properties are the specifics of what parts of an element are being styled. These properties are applied to the elements of the selector that calls them.
Page Structure The Wikidot has a rather specific page structure that is innate in mostly every page of a Wikidot site. It is important to know the page structure to understand how to best use CSS to create themes. This reference will show what element contains what and where they are in the hierarchy.
Base CSS The Base CSS is automatically applied to every page for the absolute most basic form of a Wikidot page.
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License