Difference between revisions of "Explain/CSS"
m |
|||
| Line 25: | Line 25: | ||
Notable uses of CSS during the wiki's lifespan. | Notable uses of CSS during the wiki's lifespan. | ||
| − | * [[Peanuts]] - one of the first pages to use [ | + | * [[Peanuts]] - one of the first pages to use [[Template:Fuck2]], setting the baseline for what shenanigans are possible. |
* [[Tombstone]] - uses a mix of CSS formatting and cropped images to replicate the TV Tropes format. One of the first examples of "overhauling" a wiki page into a completely different format. | * [[Tombstone]] - uses a mix of CSS formatting and cropped images to replicate the TV Tropes format. One of the first examples of "overhauling" a wiki page into a completely different format. | ||
* [[9150625]] - notable for it's use of "flippant" text, where hovering over it reveals different text underneath. | * [[9150625]] - notable for it's use of "flippant" text, where hovering over it reveals different text underneath. | ||
Revision as of 16:20, 24 June 2023
<< Return to Explain under construction
- See also: Explain/Collapsibles
Cascading Style Sheets (often shortened to CSS) is a stylesheet language for styling HTML elements on webpages. Its standard is maintained by an organization known as W3C, and it is responsible for specifying the vast majority of the visual layout of the modern Internet. On The Wiki Camp 2,
Use on the wiki
Out of the box, MediaWiki allows editors to include inline styles with HTML tags which doesn't allow for use of selectors. Without any extensions, in order to make use of CSS selectors, you have to add the rules to MediaWiki:Common.css. The Wiki Camp 2 wiki has several extensions installed which allow for easier[wc] use of CSS on individual pages. The CSS extension adds a parser tag which can be used to add CSS to a single page. The TemplateStyles extension [...].
One of the earliest instances of using CSS to alter [the layout?] was Template:Fuck2, a template which uses CSS to remove all of the site navigation leaving only the wiki page's content and title.
Early uses
Color pages
- See also: Explain/Color pages
Askew pages
- See also: Explain/Askew
Rotating cubes
- See also: Explain/Rotating CSS cubes
Click and drag games
Aesthetic templates
Skins
Notable Pages
Notable uses of CSS during the wiki's lifespan.
- Peanuts - one of the first pages to use Template:Fuck2, setting the baseline for what shenanigans are possible.
- Tombstone - uses a mix of CSS formatting and cropped images to replicate the TV Tropes format. One of the first examples of "overhauling" a wiki page into a completely different format.
- 9150625 - notable for it's use of "flippant" text, where hovering over it reveals different text underneath.
Train
The train page uses CSS animations that make different trains move across the screen. The animations have since turned into a template.