Saiya's Guide To Hydronime CSS for Loki-nii~ (yay!)

As the title says =w=V

css syntax :
types of selectors:
      classes are  prefixed with a period (.)
      ids are prefixed with a hash( #)
element is the general

selector { property: value ;}
INDEX - will be updated once in a while
     ⇢ Master list of Properties and Values
     ⇢ Master list of Modules
     ⇢ Grouping and Nesting
     ⇢ Custom Column Codes
     ⇢ Slider Effect on Masthead

     ⇢ Customizing Module Position(N/A)

     ⇢ Different Hover Effects(N/A)

FLOW OF THE BASIC COMMON CODES    from the very back to the very front

BASIC/COMMON SELECTOR CODES  

body - this selector deals with the background color/image and main text color of your page.
#xn_bar - this is the ning bar selector
#xg_theme - dunno how to explain, just refer to picture :D
#xg_themebody - dunno how to explain, just refer to picture :D
#xg - this is the selector with the contents of your page
.xg_head - this is the selector class that holds the #xg_head and #xg_navigation

#xg_head - you can put a background here too
#xg_masthead - this is like the banner area....it's infront of the #xg_head
#xg_navigation - the ones with the tabs and links that lead you to other pages of the site
#xg_foot - the one with the created by area, useful links, trending topics and etc ads.
        #xg_ad_below_footer .xg_ad xj_ad_below_footer - 'general' code for the useful links etc...
       .navi - is the code for the useful links, trending topics and etc ads.
       .navi ul - is the code to edit its text, displau and etc....
       .navi ul li - is the code to edit list text display and etc....
       .navi ul h3- is the code to edit the head text, display and etc....
.copyright - the one with the created by area, useful links, trending topics and etc ads.

    TEXT SELECTORS 

a - this selector defines the normal text colors
a:link - defines the link text colors
a:visited - defines the links that you've visited's colors
a:hover - defines the link text colors when you've hovered on to it
a:active - defines the link text colors that are currently in use
h1 - the selector that defines the header types of texts in hydronime's case, the status text.