Joomla 1.6 Core Classes - Components

Page Actively Being Edited!

This list is based on the work of Harry Reinhardt (a.k.a. HarryB) from http://rc.hrpr.com/j16/ .

Joomla 1.6 CSS Classes - Components

This table contains a list of the CSS Classes generated by Joomla! 1.6 core components.  This list is not be complete and subject to change. The list is presented in a "designer / developer friendly format" to aid in the construction of new templates for 1.6.

Note: the table is sortable on a per-column basis. Just click on a column header to toggle the table sort order.

Num	Class Name	Component	Uses Class Suffix	Used for	Used by
1	actions	Article - Archived	No	print, email, edit links	<ul>
2	actions	Article - Category Blog	No	print, email, edit links	<ul>
3	actions	Article - Single	No	print, email, edit links	<ul>
4	active	All Menu Item Types	No	active menu item	<li>
5	archive	Article - Archived	Yes	container for this menu item type	<div>
6	article-info	Article - Featured	No	container for article details	<dl>
7	article-info	Article - Single	No	container for article details	<dl>
8	article-info	Article Category Blog	No	container for article details	<dl>
9	article-info-term	Article - Archived	No	category, created, last updated, published, written by	<dt>
10	article-info-term	Article - Featured	No	category, created, last updated, published, written by	<dt>
11	article-info-term	Article - Single	No	category, created, last updated, published, written by	<dt>
12	article-info-term	Article Category Blog	No	category, created, last updated, published, written by	<dt>
13	blog	Article - Category Blog	Yes	container for this menu item type	<div>
14	blog-featured	Article - Featured	Yes	container for this menu item type	<div>
15	button	Article - Archived	No	submit input	<button>
16	button	Search - List Search Results	No	submit input	<button>
17	button	User Manager - Login Form	No	submit input	<button>
18	cat-children	Article - Category Blog	No	container for subcategory list	<div>
19	cat-children	Contact - List in a Category	No	container for subcategory list	<div>
20	cat-children	News Feed - List in a Category	No	container for subcategory list	<div>
21	cat-children	Weblink - List in a Category	No	container for subcategory list	<div>
22	categories-list	Article - List All Categories	Yes	container for this menu item type	<div>
23	categories-list	Contacts - List All Categories	Yes	container for this menu item type	<div>
24	categories-list	News Feed - List All Categories	Yes	container for this menu item type	<div>
25	categories-list	Weblink - List All Category	Yes	container for this menu item type	<div>
26	category	Article - Category List	No	category table	<table>
27	category	Contact - List in a Category	No	category table	<table>
28	category	News Feed - List in a Category	No	category table	<table>
29	category	Search - List Search Results	No	category table	<table>
30	category	Weblink - List in a Category	No	weblink urls	<table> <a>
31	category-desc	Article - Category Blog	No	container for descriptive text	<div>
32	category-desc	Article - Category List	No	container for descriptive text	<div>
33	category-desc	Article - List All Categories	No	container for descriptive text	<div>
34	category-desc	Contact - List All Categories	No	container for descriptive text	<div>
35	category-desc	Contact - List in a Category	No	container for descriptive text	<div>
36	category-desc	News Feed - List All Categories	No	container for descriptive text	<div>
37	category-desc	Weblink - List All Categories	No	container for descriptive text	<div>
38	category-list	Article - Category List	Yes	container for list	<div>
39	category-name	Article - Category Blog	No	category name	<dd>
40	category-name	Article - Single	No	category name	<dd>
41	cat-items	Article - Category List	No	container for search form	<div>
42	cat-list-row0	Article - Category List	No	even row on table	<tr>
43	cat-list-row1	Article - Category List	No	odd row in table	<tr>
44	clr	Article - Category List	No	clears preceding floats	<div>
45	clr	Article -Category Blog	No	clears preceding floats	<div>
46	clr	Contact - List in a Category	No	clears preceding floats	<div>
47	clr	News Feed - List in a Category	No	clears preceding floats	<div>
48	clr	Weblink - List in Category	No	clears preceding floats	<div>
49	cols-n	Article -Category Blog	No	multi-column blog	<div>
50	column-n	Article -Category Blog	No	multi-column blog	<div>
51	contact	Contact - Single	Yes	container for this menu item type	<div>
52	contact-category	Contact - List in a Category	Yes	container for this menu item type	<div>
53	contact-category	Contact - Single	No	header for contact category	<span>
54	contact-links	Contact - Single	No	container for associated links	<div>
55	contact-misc	Contact- Single	No	container for miscellaneous text	<span>
56	contact-miscinfo	Contact- Single	No	container for miscellaneous icons and text	<div>
57	contact-name	Contact - Single	No	contact full name	<h2> <span>
58	contact-position	Contact - Single	No	contact role, title, etc.	<p>
59	content	Contact - Single	No	content in pane,slider	<div>
60	contentpane	Wrapper	Yes	container for this menu item type	<div>
61	counter	News Feed - List in a Category	No	pagination counter	<p>
62	create	Article - Archived	No	date created	<dd>
63	create	Article - Single	No	date created	<dd>
64	create	Article- Category Blog	No	date created	<dd>
65	createdby	Article - Archived	No	author	<dd>
66	createdby	Article - Single	No	author	<dd>
67	createdby	Article- Category Blog	No	author	<dd>
68	display-limit	Article - Category List	No	number of article titles to display in table	<div>
69	display-limit	News Feed - List in a Category	No	number of feeds to display in table	<div>
70	edit-icon	Article - Category Blog	No	edit link	<li>
71	edit-icon	Article - Single	No	edit link	<li>
72	element-invisible	Article - Archived	No	display/hide legend text	<legend>
73	element-invisible	Article - Category List	No	display/hide legend text	<legend>
74	element-invisible	Contact - List in a Category	No	display/hide legend text	<legend>
75	element-invisible	News Feed - List in a Category	No	display/hide legend text	<legend>
76	element-invisible	Weblink - List in a Category	No	display/hide legend text	<legend>
77	email-icon	Article - Archived	No	ul.action , email item	<li>
78	email-icon	Article - Category Blog	No	ul.action , email item	<li>
79	email-icon	Article - Single	No	ul.action , email item	<li>
80	error	All - Error Message	No	error message container	<div>
81	even	Article - Category List	No	even row in table	<tr>
82	even	Contact - List in a Category	No	even row in table	<tr>
83	even	News Feed - List in a Category	No	even row in table	<tr>
84	even	Weblink - List in a Category	No	even row in table	<tr>
85	feed-description	News Feed - Single	No	feed introduction	<div>
86	feed-item-description	News Feed - Single	No	summary of feed item	<div>
87	filters	Article - Archived	No	fieldset formatting	<fieldset>
88	filters	Article - Category List	No	fieldset formatting	<fieldset>
89	filters	Contact - List in a Category	No	fieldset formatting	<fieldset>
90	filters	News Feed - List in a Category	No	fieldset formatting	<fieldset>
91	filters	Weblink - List in a Category	No	fieldset formatting	<fieldset>
92	filter-search	Article - Archived	No	hits filter	<div>
93	filter-search	Article - Category List	No	hits filter	<div>
94	filter-search-lbl	Article - Archived	No	text in label	<label>
95	filter-search-lbl	Article - Category List	No	text in label	<label>
96	first	Article - Category Blog	No	first item in a list	<li>
97	first	Article - Category List	No	first item in a list	<li>
98	first	Article - List All Categories	No	first item in a list	<li>
99	first	Contact - List All Categories	No	first item in a list	<li>
100	first	Contact - List in a Category	No	first item in a list	<li>
101	first	News Feed - List All Categories	No	first item in a list	<li>
102	first	Weblink - List in Category	No	first item in a list	<li>
103	form-validate	User Manager - password Reset	No	user email form	<form>
104	form-validate	User Manager -Name Reminder	No	user name reminder form	<form>
105	form-validate	User Manager -Registration	No	user registration form	<form>
106	form-validate	User Manager - Edit profile	No	user profile form	<form>
107	hasTip	User Manager - password Reset	No	tip overlay	<label>
108	hasTip	User Manager - Registration	No	tip overlay	<label>
109	hasTip	User Manager -Name Reminder	No	tip overlay	<label>
110	hasTip	User Manager - Edit profile	No	tip overlay	<label>
111	hidelabeltxt	Contact - List in a Category	No	display/hide text	<legend>
112	hidelabeltxt	News Feed - List in a Category	No	display/hide text	<legend>
113	hidelabeltxt	Weblink - List in a Category	No	display/hide text	<legend>
114	hits	Article - Category List	No	number of hits	<th> <td>
115	hits	Weblink - List in a Category	No	number of hits	<th> <td>
116	inputbox	Article - Archived	No	content filter	<select> <input>
117	inputbox	Article - List Category	No	content filter	<select> <input>
118	inputbox	News Feed - List in a Category	No	content filter	<select> <input>
119	inputbox	Search - List Search Results	No	content filter	<select> <input>
120	item-email	Contact - List in a Category	No	email address	<td>
121	item-link	News Feed - List in a Category	No	link to feed	<th> <td>
122	item-num	Contact- List in a Category	No	item number	<th> <td>
123	item-num-art	News Feed - List in a Category	No	article number	<th> <td>
124	item-page	Article - Single	Yes	container for this menu item type	<div>
125	item-phone	Contact - List in a Category	No	contact's telephone number	<th> <td>
126	item-position	Contact - List in a Category	No	contact's title, job, etc.	<th> <td>
127	item-separator	Article - Category Blog	No	divider between articles	<div>
128	item-separator	Article - Featured	No	divider between articles	<div>
129	items-leading	Article - Category Blog	No	articles marked as leading	<div>
130	items-leading	Article - Featured	No	articles marked as leading	<div>
131	items-row	Article - Category Blog	No	blog row column formatting	<div>
132	item-title	Contact - List in a Category	No	title and text for row n table	<th> <td>
133	item-title	News Feed - List in a Category	No	title and text for row n table	<th> <td>
134	jcat-children	Article - Category List	No	container for subcategory list	<div>
135	contact-address	Contact - Single	No	contact's address	<div>
136	contact-contactinfo	Contact - Single	No	&nbsp;	<span>
137	contact-country	Contact - Single	No	contact's country	<span>
138	contact-fax	Contact - Single	No	contact's fax number	<span>
139	contact-mobile	Contact - Single	No	contact's mobile phone number	<span>
140	contact-postcode	Contact - Single	No	contact's zip/postal code	<span>
141	contact-state	Contact - Single	No	contact's state/province	<span>
142	contact-suburb	Contact - Single	No	contact's city, town, etc.	<span>
143	contact-telephone	Contact - Single	No	contact's tethered phone number	<span>
144	contact-webpage	Contact - Single	No	contact's web page	<span>
145	icons-icons	Contact - Single	No	icons for contact items	<span>
146	item-title	Article - Category Blog	No	subcategory list item	<span>
147	item-title	Article - Category List	No	subcategory list item	<span>
148	item-title	Article - List All Categories	No	subcategory list item	<span>
149	item-title	Contact - List All Categories	No	subcategory list item	<span>
150	item-title	Contact - List in a Category	No	subcategory list item	<span>
151	item-title	News Feed - List All Categories	No	subcategory list item	<span>
152	item-title	News Feed - List in a Categories	No	subcategory list item	<span>
153	item-title	Weblink - List all Categories	No	subcategory list item	<span>
154	pane-slider	Contact - Single	No	container for slider	<div>
155	pane-toggler	Contact - Single	No	title for slider	<h3>
156	last	Article - Category Blog	No	last item in a list	<div>
157	last	Article - Category List	No	last item in a list	<li>
158	last	Article - List All Categories	No	last item in a list	<li>
159	last	Contact - List All Categories	No	last item in a list	<li>
160	last	Contact - List in a Category	No	last item in a list	<li>
161	last	News Feed - List All Categories	No	last item in a list	<li>
162	last	Weblink - List in Category	No	last item in a list	<li>
163	leading-n	Article - Featured	No	container for a featured article	<div>
164	leading-n	Article - Category Blog	No	text for title in table header cells, text for item in table data cells	<th> <td>
165	list-author	Article - Category Blog	No	author	<th> <td>
166	list-author	Article - Category List	No	author	<th> <td>
167	list-date	Article - Category List	No	created date	<th> <td>
168	list-hits	Article - Category List	No	number of hits	<th> <td>
169	list-title	Article - Category List	No	article's title	<th> <td>
170	login	User Manager - Login Form	Yes	container for this menu item type	<div>
171	login-description	User Manager - Login Form	No	container for descriptive text	<div>
172	login-fields	User Manager - Login Form	No	container for login fields	<div>
173	message	All Menu Item Types	No	status message container	<div>
174	modified	Article - Archived	No	date last modified	<dd>
175	modified	Article - Category Blog	No	date last modified	<dd>
176	modified	Article - Single	No	date last modified	<dd>
177	newsfeed-category	News Feed - List in a Category	Yes	conmtainer for this menu item type	<div>
178	num	Weblink - List in a Category	No	heading for # of links, value for # of links	<th> <td>
179	odd	Article - Category List	No	odd row in table	<tr>
180	odd	News Feed - List in a Category	No	odd row in table	<tr>
181	odd	News Feed - Single	No	odd row in table	<tr>
182	odd	Weblink - List in a Category	No	odd row in table	<tr>
183	only	Contact - List in a Category	No	container for search area checkboxes	<fieldset>
184	optional	Manage Users - Edit profile	No	optional fields	<span>
185	ordering	Search - List Search Results	No	container for search ordering options	<div>
186	ordering-box	Search - List Search Results	No	container for search ordering	<div>
187	pagination	Article - Category Blog	No	container for pagination	<div>
188	pagination	Article - Category List	No	container for pagination	<div>
189	pagination	Contact - List in a Category	No	container for pagination	<div>
190	pagination	News Feed - List in a Category	No	container for pagination	<div>
191	pagination	Weblink - List in a Category	No	container for pagination	<div>
192	panel	Contact - Single	No	container for panel	<div>
193	pane-sliders	Search - List Search Results	No	container for contact slider	<div>
194	phrases	Search - List Search Results	No	container for exact phrase options	<fieldset>
195	phrases-box	Search - List Search Results	No	container for search mode radio buttons	<td>
196	print-icon	Article - Category Blog	No	print item	<li>
197	print-icon	Article - Single	No	print item	<li>
198	profile	User Manager - profile (View)	Yes	container for this menu item type	<div>
199	profile-edit	User Manager - Edit Profile	Yes	container for this menu item type	<div>
200	published	Article - Archived	No	date published	<dd>
201	published	Article - Category Blog	No	date published	<dd>
202	published	Article - Single	No	date published	<dd>
203	radiobtn-all	Search - List Search Results	No	label for search all words radio button	<label>
204	radiobtn-any	Search - List Search Results	No	label for search any words radio button	<label>
205	radiobtn-exact	Search - List Search Results	No	label for search exact words radio button	<label>
206	readmore	Article - Single	No	link from summary to full article	<p>
207	readmore	Article - Single	No	link from summary to full article	<p>
208	redirect-ltr	Feed - Single	No	text direction	<div> <h1> <h2>
209	remind	User Manager - Name Reminder	Yes	container for reminder	<div>
210	required	User Manager Edit profile	No	highlight required input	<label> <input>
211	required	User Manager - Registration	No	highlight required input	<label> <input>
212	required	User Manager - PW Reset	No	highlight required input	<label> <input>
213	reset	User Manager - PW Reset	No	container for this menu tem type	<tr>
214	row0	Article - Archived	No	even row in table	<li>
215	row1	Article - Archived	No	odd row in table	<li>
216	row-n	Article - Single	No	used in multi,row/column views	<div>
217	row-separator	Article - Single	No	separator between rows	<div>
218	search	Search - List Search Results	Yes	container for this menu item type	<div>
219	searchintro	Article - Single	Yes	container for introductory text	<div>
220	subheading-category	Article - Category Blog	No	category name	<span>
221	subheading-category	Article - Category List	No	text for title in table header cells, text for item in table data cells	<th> <td>
222	title	Article - Single	No	"Register" button	<button>
223	validate	User Manager - Edit profile	No	"Submit" button	<button>
224	validate	User Manager - Registration	No	"Submit" button	<button>
225	validate-email	User Manager -Reminder	No	text in confirm email address input	<input>
226	validate-email	User Manager - Registration	No	text in confirm email address input	<input>
227	validate-email	User Manager - Login Form	No	text in confirm email address input	<input>
228	validate-password	User Manager - Login Form	No	text in confirm password input	<input>
229	validate-password	User Manager - Edit profile	No	text in confirm password input	<input>
230	validate-password	User Manager - Registration	No	text in confirm password input	<input>
231	validate-username	User Manager - Login Form	No	text in confirm username input	<input>
232	validate-username	User Manager - Edit profile	No	text in confirm username input	<input>
233	validate-username	User Manager - PW Reset	No	text in confirm username input	<input>
234	validate-username	User Manager - Registration	No	text in confirm username input	<input>
235	weblink-category	Weblink - List in a Category	Yes	container for this menu item type	<div>
236	word	Search - List Search Results	No	search keyword	<fieldset>