This is an old revision of the document!
Table of Contents
PlayGround
Hello! What's up?
Full CSS Selector Reference
Theme Selectors.
- #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)
Top-level Elements.
Important Note: If you don't use the theme selector (for instance, using “#wrapper” instead of “#theme-melon #wrapper”), setting any of the following will affect all themes.
- #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