All the HTML tags are arranged and indented by hierarchy. One tag per line, followed by the id and classname(s).

Anything that’s followed by // is just a comment to make things clearer.

A few things…

• The > used in selectors for highlighting child elements (as opposed to just any descendant) is removed by the Profile Theme script. (which in turn makes styling certain elements hard, since not all elements have a class name or id)
• When including images as a background or in any other situation where quotes are required, use single quotes (‘) instead of double quotes (&quot), since double quotes are converted to their htmlentities counterparts, rendering whatever is in the quotes useless.

html
	body#viewer
		div#columns
			div#column_1 .column .focus_column
			div#column_2 .column .focus_column
			div#column_3 .column .focus_column

//since any of the .panel divs can be dragged and dropped in different columns, I've put all the tag names for them below.
//Imagine these are nested in any one of the .column divs
div#id_badges .panel
	h2#badges_title
	ul#badges
		li
			img.clickable .badge_[num]
div#id_media_[num] .panel .media_panel
	h2#media_[num]_title
	object
		embed
div#id_friends .panel .friends_panel
	h2#friends_title
	ul.style1
		li
			div.dropbox
div#id_about .panel .about_panel
div#id_store .panel
	h2#store_title
	h3	// it's blank :O
	p	// for the store's welcome message, no line breaks
	p
		a	// link to store
div#id_mycar .panel
	h2#mycar_title
	object#gcar
		embed
div#id_house .panel
div#id_comments .panel .comments_panel
	h2#comments_title
	div
		span#alert_container
			a
		span#alerts_banner
			a
	p
		a // View All Comments link
	dl.style1
		dt
			span.username
				a
			span.date
		dd
			div.deletecomment
				a
				br
			div.postcontent
				p	// entire comment is contained in one <p>, rather than several <p>, paragraphs are separated by a couple of <br />
div#id_wishlist .panel .wish_list_panel
	h2#wishlist_title
div#id_interests .panel .interests_panel
	h2#interests_title
	h3
	ul.interest_tags
		li
			a
div#id_equipment .panel .equipment_list_panel
	h2#equipment_title
div#id_details .panel
div#id_forum .panel
div#id_contact .panel .contact_panel
	h2#contact_title

Modified: August 02nd, 2009