This is an old revision of the document!


PlayGround

Hello! What's up?

Full CSS Selector Reference

Every CSS selector you could want for profile customization!

Theme Selectors.

These are the basic themes for the forum.

  • #theme-melon - The body id for the default theme
  • #theme-dreamy - The body id for the cinni dreamy theme
  • #theme-news - The body id for the newspaper theme (theme made for readability; please stay extra mindful of this)

Important Note: If you don't use a theme selector (for instance, using “#wrapper” instead of using “#theme-melon #wrapper”), setting any of the other selectors will affect all themes.

Top-level Elements.

  • #wrapper - The div id that holds ALL visible elements on the page
  • #shade - The div id that holds the rain background gif

#shade – holds rain background gif #shade-2 – holds dust-cloud background image #shade-3 – holds blinking-stars background gif #bunting – holds 5-pointed-stars header gif

#moon-link – is the link at the top left #moon-link img – is that weird banana at the top left

#radio – is the link at the top right #radio img – is the radio at the top right

#melonland-surf-club – is the surf club link just to the left of the radio

#melonland-surf-club + p – is the holster for the forum links at the top (Home, Entrance, Wiki, etc.) #melonland-surf-club + p a – all of the individual forum links at the top #melonland-surf-club + p a:first-child – “Home” link #melonland-surf-club + p a:first-child img – “Home” link image #melonland-surf-club + p a:nth-child(2) – “Entrance” link #melonland-surf-club + p a:nth-child(2) img – “Entrance” link image #melonland-surf-club + p a:nth-child(3) – “Wiki” link #melonland-surf-club + p a:nth-child(3) img – “Wiki” link image #melonland-surf-club + p a:nth-child(4) – “Search” link #melonland-surf-club + p a:nth-child(4) img – “Search” link image #melonland-surf-club + p a:nth-child(5) – “Profile” link #melonland-surf-club + p a:nth-child(5) img – “Profile” link image #melonland-surf-club + p a:nth-child(6) – “Logout” link #melonland-surf-club + p a:nth-child(6) img – “Logout” link image

#melonland-surf-club + p + table – holster for the top info bar (with the logo image, time/date, forum activity rating & nav links, news bar, etc) #melonland-surf-club + p + table

INVISIBLE-ELEMENT SELECTORS (don't use these names):

#melon-params #top



playground/playground.1693968492.txt.gz · Last modified: 2023/09/06 04:48 by kallistero
CC Attribution-Share Alike 4.0 International Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International