Joomla Template DesignJoomla TemplatesConversion to Joomla 1.5Joomla TemplatesVirtueMart DesignJoomla TemplatesJoomla Web Hosting

Joomla 1.5 default CSS file

If you are planning to create a joomla template yourself, you should have a CSS list of how to customize it. The following list contain all default css classes for the frontend templates, with full description. Insert these codes in the template.css file and add your custom css code for each. If you don't add your custom css code for each ID and CLASS, Joomla 1.5 will use the default system css file, that is included in the basic installtion.

Here comes the list:

/*Frontend*/
/* FILE:     components\com_contact\views\category\tmpl\default.php */
div.componentheading
div.contentpane
div.contentdescription
td.sectiontablefooter
td.sectiontableheader

/* FILE:     components\com_contact\views\category\tmpl\default_items.php */
a.category
td.sectiontableentry1
td.sectiontableentry2

/* FILE:     components\com_contact\views\contact\tmpl\default.php */
form#selectForm
div.componentheading
table.contentpane
td.contentheading


/* FILE:     components\com_contact\views\contact\tmpl\default_form.php */
form#emailForm
input#contact_name
label#contact_emailmsg
input#contact_email
input#contact_subject
label#contact_textmsg
textarea#contact_text
input#contact_email_copy
form.form-validate
div.contact_email
input.inputbox
input.required
input.validate-email
textarea.inputbox
textarea.required
button.button
button.validate

/* FILE:     components\com_content\helpers\icon.php */
span.hasTip

/* FILE:     components\com_content\models\article.php */
hr#system-readmore

/* FILE:     components\com_content\views\archive\tmpl\default.php */
form#jForm
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_content\views\archive\tmpl\default_items.php */
ul#archive-list
div#navigation
li.row
h4.title
h5.metadata
span.created-date
span.author
div.intro

/* FILE:     components\com_content\views\article\tmpl\default.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\article\tmpl\form.php */
input#title
input#created_by_alias
input#publish_up
input#publish_down
textarea#metadesc
textarea#metakey
table.adminform
td.key
input.inputbox
img.calendar
textarea.inputbox

/* FILE:     components\com_content\views\article\tmpl\pagebreak.php */
input#title
input#alt
td.key

/* FILE:     components\com_content\views\category\tmpl\blog.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\category\tmpl\blog_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\category\tmpl\blog_links.php */
a.blogsection

/* FILE:     components\com_content\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_content\views\category\tmpl\default_items.php */
input.inputbox
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.sectiontablefooter

/* FILE:     components\com_content\views\frontpage\tmpl\default.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\frontpage\tmpl\default_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span .article_separator

/* FILE:     components\com_content\views\frontpage\tmpl\default_links.php */
a.blogsection

/* FILE:     components\com_content\views\section\tmpl\blog.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\section\tmpl\blog_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\section\tmpl\blog_links.php */
a.blogsection

/* FILE:     components\com_content\views\section\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_mailto\views\mailto\tmpl\default.php */
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_mailto\views\sent\tmpl\default.php */
div.componentheading

/* FILE:     components\com_newsfeeds\views\categories\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_newsfeeds\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_newsfeeds\views\category\tmpl\default_items.php */
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
a.category
td.sectiontablefooter

/* FILE:     components\com_newsfeeds\views\newsfeed\tmpl\default.php */
table.contentpane
td.componentheading
td.contentheading

/* FILE:     components\com_poll\views\poll\tmpl\default.php */
form#poll
div.componentheading
div.contentpane

/* FILE:     components\com_poll\views\poll\tmpl\default_graph.php */
table.pollstableborder
th.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.smalldark

/* FILE:     components\com_search\search.php */
span.highlight

/* FILE:     components\com_search\views\search\tmpl\default.php */
div.componentheading

/* FILE:     components\com_search\views\search\tmpl\default_error.php */
table.searchintro

/* FILE:     components\com_search\views\search\tmpl\default_form.php */
input#search_searchword
input#area_{VALUE} /* Value is set programatically */
table.contentpaneopen
input.inputbox
input.button

/* FILE:     components\com_search\views\search\tmpl\default_results.php */
table.searchintro
table.contentpaneopen
span.small

/* FILE:     components\com_user\views\login\tmpl\default_login.php */
form#login
table.contentpane
div.componentheading
input.inputbox
input.button

/* FILE:     components\com_user\views\login\tmpl\default_logout.php */
form#login
div.componentheading
table.contentpane
input.button

/* FILE:     components\com_user\views\register\tmpl\default.php */
form#josForm
label#namemsg
input#name
label#usernamemsg
input#username
label#emailmsg
input#email
label#pwmsg
input#password
label#pw2msg
input#password2
form.form-validate
div.componentheading
table.contentpane
input.inputbox
input.required
button.button
button.validate

/* FILE:     components\com_user\views\register\tmpl\default_message.php */
div.componentheading
div.message

/* FILE:     components\com_user\views\remind\tmpl\default.php */
input#email
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-email
button.validate

/* FILE:     components\com_user\views\reset\tmpl\complete.php */
input#password1
input#password2
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-password
button.validate

/* FILE:     components\com_user\views\reset\tmpl\confirm.php */
input#token
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
button.validate

/* FILE:     components\com_user\views\reset\tmpl\default.php */
input#email
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-email
button.validate

/* FILE:     components\com_user\views\user\tmpl\default.php */
div.componentheading

/* FILE:     components\com_user\views\user\tmpl\form.php */
input#name
input#email
input#username
input#password
input#password2
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_weblinks\views\categories\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_weblinks\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_weblinks\views\category\tmpl\default_items.php */
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.sectiontablefooter

/* FILE:     components\com_weblinks\views\weblink\tmpl\form.php */
form#adminForm
input#jformtitle
input#jformurl
textarea#jformdescription
div.componentheading
input.inputbox
textarea.inputbox

/* FILE:     components\com_wrapper\views\wrapper\tmpl\default.php */
div.contentpane
div.componentheading

/* FILE:     libraries\joomla\database\database\mysql.php */
table#explain-sql

/* FILE:     libraries\joomla\database\database\mysqli.php */
table#explain-sql

/* FILE:     libraries\joomla\document\error\error.php */
table.Table
td.TD

/* FILE:     libraries\joomla\html\html.php */
span.editlinktip
span.hasTip
img.calendar

/* FILE:     libraries\joomla\html\html\behavior.php */
div#keepAliveLayer

/* FILE:     libraries\joomla\html\html\grid.php */
input#cb{ROW_NUMBER} /* Value is set programatically */

/* FILE:     libraries\joomla\html\html\grid.php */
span.editlinktip
span.hasTip

/* FILE:     libraries\joomla\html\pane.php */
dl.tabs
div.pane-sliders
div.panel
h3.jpane-toggler
h3.title
div.jpane-slider
div.content

/* FILE:     libraries\joomla\html\parameter.php */
table.paramlist
table.admintable
td.paramlist_description
td.paramlist_key
span.editlinktip
td.paramlist_value

/* FILE:     libraries\joomla\html\toolbar.php */
div.toolbar

/* FILE:     libraries\joomla\template\tmpl\adminfilters.html */
#search
input.text_area
input.button
select.inputbox

/* FILE:     libraries\joomla\template\tmpl\adminlists.html */
input#cb{ITEM_ID} /* Value is set programatically */
input.text_area

/* FILE:     libraries\joomla\template\tmpl\breadcrumbs.html */
span.breadcrumbs
span.pathway

/* FILE:     libraries\joomla\template\tmpl\calendar.html */
button#trigger_{ID} /* Value is set programatically */
button.button

/* FILE:     libraries\joomla\template\tmpl\dtree.html */
div.expander

/* FILE:     libraries\joomla\template\tmpl\forms.html */
input#{NAME} /* Value is set programatically */
input#{VALUE} /* Value is set programatically */

/* FILE:     libraries\joomla\template\tmpl\help.html */
div#overDiv
a.tooltip

/* FILE:     libraries\joomla\template\tmpl\page.html */
form{FORMNAME} /* Value is set programatically */

/* FILE:     libraries\joomla\template\tmpl\tabs.html */
link#luna-tab-style-sheet
div#{PANEID} /* Value is set programatically */
div.tab-page
h2.tab

/* FILE:     modules\mod_banners\tmpl\default.php */
div.bannergroup
div.bannerheader
div.banneritem
div.clr
div.bannerfooter

/* FILE:     modules\mod_breadcrumbs\helper.php */
a.pathway

/* FILE:     modules\mod_breadcrumbs\tmpl\default.php */
span.breadcrumbs
span.pathway

/* FILE:     modules\mod_feed\tmpl\default.php */
table.moduletable
ul.newsfeed

/* FILE:     modules\mod_latestnews\tmpl\default.php */
ul.latestnews
li.latestnews
a.latestnews

/* FILE:     modules\mod_login\tmpl\default.php */
input#mod_login_username
input#mod_login_password
input#mod_login_remember
input.inputbox
input.button

/* FILE:     modules\mod_mainmenu\helper.php */
li#{ITEM ID} /* Value is set programatically */
span.separator

/* FILE:     modules\mod_mainmenu\legacy.php */
ul#mainlevel
ul#sublevel

/* FILE:     modules\mod_mostread\tmpl\default.php */
ul.mostread
li.mostread
a.mostread

/* FILE:     modules\mod_newsflash\tmpl\_item.php */
table.contentpaneopen
td.contentheading
a.contentpagetitle

/* FILE:     modules\mod_newsflash\tmpl\horiz.php */
table.moduletable

/* FILE:     modules\mod_newsflash\tmpl\vert.php */
span.article_separator

/* FILE:     modules\mod_poll\tmpl\default.php */
input#voteid{VOTE ID NUMBER} /* Value is set programatically */
table.poll
table.pollstableborder
input.button

/* FILE:     modules\mod_related_items\tmpl\default.php */
ul.relateditems

/* FILE:     modules\mod_search\helper.php */
input#mod_search_searchword
input.inputbox
input.button

/* FILE:     modules\mod_search\tmpl\default.php */
div.search

/* FILE:     modules\mod_sections\tmpl\default.php */
ul.sections

 

Featured at:
more
hide
bjra.com.my
BJRA - Bukit Jelutong Residents Association
Bukit Jelutong Residents Association
more
hide
blogsessive.com
Blogging & Blog Tips from Blogsessive
Visit Blogsessive for daily blog & blogging tips, WordPress themes and advice.
more
hide
c-sea.org
Cleveland Saltwater Enthusiasts Association
Cleveland Saltwater Enthusiasts Association
more
hide
cclibraries.com
Corpus Christi Public Libraries
The Official Web Site of Corpus Christi Public Libraries, Corpus Christi, Texas
more
hide
chicsystems.com
Chicsystems in Cyprus. Cheap websites and web design, graphics, domain names, hosting in Pafos, Paphos, Polis, Peyia, larnaca, Limassol, Lemesos, Nicosia, Lefkosia, Cyprus, Mambo, Joomla, CMS, PHP, HTML, XHTML, SEO, Search engine Optimisatiom, Ecommerce and shopping carts.
Chicsystems - Cyprus. Cheap websites and Web design and graphics, domains, Hosting in Pafos, Paphos, Polis, Peyia, larnarca, Limassol, Lemesos, Nicosia, Lefkosia, Cyprus, Mambo, Joomla, CMS, PHP, HTML...
more
hide
cncsimulator.com
CncSimulator.com
CncSimulator.com - the best free CNC Simulation software on the planet.
more
hide
coimbatorecity.com
Coimbatore real estate, education, health care, business directory, jobs, city map, recipe, travel, air timings, textile information (Kovai) - Coimbatore City
Coimbatore, Tamil Nadu, India
Free Poker Money – Get free money for poker
Obtain free poker money for top ranked poker rooms, play free poker with free money from us. Free Celeb Poker money up to 199$, Titan poker money up to 150$ and others.
more
hide
fs-freeware.net
fs-freeware.net - Free Microsoft Flight Simulator downloads screenshots videos - Home
fs-freeware.net - Flight Simulator Downloads News Videos and Pictures. Microsoft Flight Simulator X Downloads
more
hide
goldtrades.info
GoldtradesInfo-24hrs Gold Price Trades Signals Analysis and News
Goldtrades.Info provides detailed daily markets analysis and forecasts on gold trends. And giving out 24 hrs trade signals on what price to enter the market.

Please check out the best web hosting providers and compare them to find the most suitable for your budget and hosting needs.

The Joomla!™ name is used under a limited license from Open Source Matters in the United States and other countries. JoomlArtWork.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
© 2007-2012 JoomlArtWork.com • All Rights Reserved.