Difference between revisions of "Explain/CSS"
m |
|||
| Line 33: | Line 33: | ||
* [[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. | ||
* [[Cube]] - the first page to use a [[Explain/Rotating CSS cubes|Rotating CSS Cube]], later a common staple. | * [[Cube]] - the first page to use a [[Explain/Rotating CSS cubes|Rotating CSS Cube]], later a common staple. | ||
| + | * [[Anyone Who’s Played Candy Crush Level 87 Understands That the Idea of a Compassionate God Is a Naive One]] - overhauls the page to resemble a [https://carrd.co/ Carrd webpage]. | ||
* [[Error logs]] - overhauls the wiki format to replicate the general style of [https://www.sbnation.com/a/17776-football Jon Bois' 17776]. See also [[Host/Houston Omniversal Science and Technology]], which replicates the intro of 17776. | * [[Error logs]] - overhauls the wiki format to replicate the general style of [https://www.sbnation.com/a/17776-football Jon Bois' 17776]. See also [[Host/Houston Omniversal Science and Technology]], which replicates the intro of 17776. | ||
* [[Train]] - uses CSS animations that make different trains move across the screen. The animations have since turned into [[:Template:Train|a template]]. | * [[Train]] - uses CSS animations that make different trains move across the screen. The animations have since turned into [[:Template:Train|a template]]. | ||
| Line 46: | Line 47: | ||
** Like they were like a custom website almost | ** Like they were like a custom website almost | ||
* what things are animated with css | * what things are animated with css | ||
| + | |||
| + | * maybe split Other notable pages into challenge and non challenge? idk about that one though | ||
Revision as of 17:35, 24 June 2023
<< Return to Explain under construction
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.
Damn seal
Other notable pages
try keep this section in chronological order cause its supposed to be like a timeline of notable events
- 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.
- Cube - the first page to use a Rotating CSS Cube, later a common staple.
- Anyone Who’s Played Candy Crush Level 87 Understands That the Idea of a Compassionate God Is a Naive One - overhauls the page to resemble a Carrd webpage.
- Error logs - overhauls the wiki format to replicate the general style of Jon Bois' 17776. See also Host/Houston Omniversal Science and Technology, which replicates the intro of 17776.
- Train - uses CSS animations that make different trains move across the screen. The animations have since turned into a template.
some notes for writing I just want to put here
Other things:
- filter being enabled
- xerox
- maybe split some stuff out into a history section?
- How most pre-aesthetic entries looked
- Like they were like a custom website almost
- what things are animated with css
- maybe split Other notable pages into challenge and non challenge? idk about that one though