Joomla CSS Default Classes for Templates

When putting together a new CSS file for Joomla, it’s tough to make sure you’re covering all the CSS classes available in the Joomla system. Thanks to this article from the Joomla Web site, below is a listing of all the classes used in Joomla.

Complete CSS Class List for Joomla as of August 18, 2006

#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
.search
.searchintro
.sectionentry1
.sectionentry2
.sectionheader
.sitetitle
.small
.smalldark
.sublevel
.syndicate
.syndicate_text
.text_area
.toclink
.weblinks
.wrapper

4 Responses to “Joomla CSS Default Classes for Templates”

  1. Asphyx Says:

    This is great stuff! I have been looking for a listing like this for awhile now.

    What would be even better is if there was a base CSS file w/ minimal tags that users creating their own custom templates could simply cut and paste into their template CSS.

    Then they could focus on building thier CSS for the customized parts and merely tweak and add to the default J! tags to fit their template’s needs.

  2. Compass Design Says:

    Thread based on that is here:
    http://forum.joomla.org/index.php/topic,2795.0.html

    The tutorial in that link has a minimal CSS file I think….

  3. darren Says:

    Does this go for 1.5 as well?

  4. Pentacle Says:

    darren,

    in 1.5 the template system will be changed. but you can use old templates by turning on the “legacy mode”.

    further information about the new template system can be found on http://forum.joomla.org

Leave a Reply

You must be logged in to post a comment.