This is less of a tutorial and more of an overview of CSS styling in Joomla!. I have taken the template from the previous tutorial (of which you can see here) and used it as a reference for this.
Basicly all I am doing is showing you an example of each class and where in a template it appears. This may or may not include all current styling classes for Joomla!. I do believe, however, that it does include the most used and therefore most relevant. If anyone has anything that they think should be added please let me know.
Again this is not a css tutorial. If you need help with the different css styles then I recommend you visit www.w3schools.com.
Below are images that represent "Maps" for our overview. Each image or "Map" has references that are designated by letters which you can cross-reference with it's specific section to find out more about what the style class is called and what it does.
Styling Map 1
Click to Enlarge
Styling Map 2
Click to Enlarge
Styling Map 3
Click to Enlarge
On the next few pages we will go over the different classes and give a short discriptin of each if necessary along with examples of the code used.
; "Click to Enlarge")
; "Click to Enlarge")
; "Click to Enlarge")
