Page 1 of 1

Joomla Template CSS and Design Documentation

Posted: Wed Aug 31, 2005 10:21 am
by ftumind

Official Joomla CSS thread

Posted: Mon Mar 06, 2006 5:07 pm
by compass
Hi All,

Based on your input in another thread, many of you would like to see an official Joomla CSS list. There are a few sources on the web, and I have rummaged through a default Joomla installation. Here is my current list, please add (with where style occurs) if you know of any others.

Code: Select all

#active_menu
#blockrandom
#contact_email_copy
#contact_text
#emailForm
#mod_login_password
#mod_login_remember
#mod_login_username
#poll
#search_ordering
#search_searchword
#searchphraseall
#searchphraseany
#searchphraseexact
#voteid1,#voteid2....
.adminform
.article_seperator
.back_button
.blog
.blog_more
.blogsection
.button
.buttonheading
.category
.clr
.componentheading
.contact_email
.content_rating
.content_vote
.contentdescription
.contentheading
.contentpagetitle
.contentpane
.contentpaneopen   
.contenttoc   
.createdate   
.fase4rdf   
.footer   
.frontpageheader   
.inputbox   
.latestnews   
.mainlevel   
.message   
.modifydate   
.module   
.moduletable   
.mostread   
.newsfeed   
.newsfeeddate
.newsfeedheading
.pagenav
.pagenav_next
.pagenav_prev
.pagenavbar
.pagenavcounter
.pathway
.polls
.pollsborder
.pollstableborder
.readon
.readon:hover
.search
.searchintro
.sectionentry1
.sectionentry2
.sectionheader
.sitetitle
.small
.smalldark
.sublevel
.syndicate
.syndicate_text
.text_area
.toclink
.weblinks
.wrapper
Note, these are the base CSS styles, so I have given .mainlevel rather than a.mainlevel:link for example. Also, basic generic styles are not included here, , etc etc.

Thanks in advance

Barrie

Template Design Documentation

Posted: Thu Mar 16, 2006 12:42 am
by compass
http://dev.joomla.org/content/view/1136/79/

You can find the set of blank template files for Compass's Tutorial here (please note that you do have to register with compassdesigns.net to get access to the files): http://www.compassdesigns.net/joomla-library/tutorials/

Discuss here:

http://forum.joomla.org/index.php/topic,52821.0.html

Re: Official Joomla CSS thread

Posted: Thu Mar 30, 2006 10:58 pm
by Waseem Sadiq
I decided to have a look through the entire codebase (not me personally it was my handy friend Mr Ultra-Edit ;) ) for hard-coded classes and this is what I found and where I found it:

Code: Select all

/**com_contact**/
.componentheading
.contentpane
.contentdescription
.sectiontableheader
.category
.small
.contentpane
.contentheading
.contact_email
.inputbox
.button

/**com_content**/
.componentheading
.contentpane
.contentdescription
.inputbox
.sectiontableheader
.sectiontableentry1
.sectiontableentry2
.sectiontablefooter
.blogsection
.contentpaneopen
.article_seperator
.contentheading
.contentpagetitle
.buttonheading
.small
.createdate
.modifydate
.readon
.pagenav_prev
.pagenav_next
.adminform
.button
.text_area
.blog
.blog_more

/**com_login**/
.contentpane
.componentheading
.inputbox
.button

/**com_newsfeeds**/
.componentheading
.contentpane
.contentdescription
.sectiontableheader
.category
.small
.contentheading

/**com_poll**/
.componentheading
.contentpane
.pollstableborder
.sectiontableheader
.smalldark
.button
.inputbox

/**com_registration**/
.componentheading
.contentpane
.inputbox
.button

/**com_search**/
.componentheading
.contentpaneopen
.inputbox
.button
.searchintro
.small
.highlight

/**com_user**/
.componentheading
.inputbox
.button
.row1
.row2

/**com_weblinks**/
.componentheading
.contentpane
.contentdescription
.sectiontableheader
.tabclass1
.tabclass2
.small
.category
.inputbox

/**com_wrapper**/
.contentpane
.componentheading
.wrapper

/**includes/frontend**/
.moduletable
.newsfeed
.module
.message

/**includes\HTML_toolbar.php**/
.toolbar

/**includes\joomla.php**/
.profiler
.item
.small
.back_button
.buttonheading
.tab-page
.tab
.inputbox

/**includes\joomla.xml.php**/
.paramlist
.editlinktip
.text_area
.inputbox

/**includes\pageNavigation.php**/
.inputbox
.pagenav


/**includes\pathway.php**/
.pathway

/**includes\js\dtree\dtree.js**/
.dtree
.dTreeNode
.node
.clip

/**includes\patTemplate\tmpl\forms.html**/
.message
.tooltip
.tab-page
.tab
.expander

/**mambots\content\mosimage.php**/
.mosimage_caption
.mosimage

/**mambots\content\mospaging.php**/
.pagenavcounter
.pagenavbar
.contenttoc
.toclink

/**mambots\content\mosvote.php**/
.content_rating
.content_vote
.button

/**modules\mod_latestnews.php**/
.latestnews

/**modules\mod_login.php**/
.button
.inputbox

/**modules\mod_mostread.php**/
.mostread

/**modules\mod_mostread.php**/
.poll
.pollstableborder
.button

/**modules\mod_mostread.php**/
.syndicate
.syndicate_text

/**modules\mod_search.php**/
.inputbox
.button
.search