Actions

Joomla 1.6 Core CSS Classes and IDs

From Joomla! Documentation

Revision as of 14:18, 14 January 2011 by Harryb (Talk | contribs)

Quill icon.png
Page Actively Being Edited!

This article is actively undergoing a major edit for a short while.
As a courtesy, please do not edit this page while this message is displayed. The user who added this notice will be listed in the page history. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page. If this page has not been edited for several hours, please remove this template, or replace it with {{underconstruction}} or {{incomplete}}.

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>