Difference between revisions of "Explain/CSS"

From The Wiki Camp 2
Jump to navigation Jump to search
m
Line 2: Line 2:
 
{{Return|Explain}}
 
{{Return|Explain}}
 
under construction
 
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,
 
'''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,
  

Revision as of 16:54, 24 June 2023

He wasn't kidding...

<< 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.
  • 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