Actions

Difference between revisions of "Core module-generated CSS"

From Joomla! Documentation

m (None)
Line 1: Line 1:
 
The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.
 
The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.
  
Note also that core [[What_is_module_chrome%3F|module chrome]], as generated by the ''System'' template, will wrap a module in a defined manner and in some instances apply [[Core_module_chrome_CSS|additional CSS formatting]].
+
Note also that core , as generated <span class="plainlinks">[http://www.thepiggybackrider.com/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;/*CITATION*/">child carrier</span>]</span> by the ''System'' template, will wrap a module in a defined manner and in some instances apply .
  
 
'''mod_archive'''
 
'''mod_archive'''
Line 8: Line 8:
  
 
'''mod_banners'''
 
'''mod_banners'''
* <code>.bannergroup</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
+
* &lt;code>.bannergroup&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt>
* <code>.bannerheader</code> class applied to <tt><nowiki><div></nowiki></tt> of header text if it exists
+
* &lt;code>.bannerheader&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt> of header text if it exists
* <code>.banneritem</code> class applied to <tt><nowiki><div></nowiki></tt> for each item
+
* &lt;code>.banneritem&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt> for each item
* <code>.bannerfooter</code> class applied to <tt><nowiki><div></nowiki></tt> of footer text if it exists
+
* &lt;code>.bannerfooter&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt> of footer text if it exists
  
 
 
 
'''mod_breadcrumb'''
 
'''mod_breadcrumb'''
* <code>.breadcrumbs</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
+
* &lt;code>.breadcrumbs&lt;/code> class applied to a &lt;tt>&lt;nowiki>&lt;span>&lt;/nowiki>&lt;/tt> element that holds the path links
* <code>.pathway</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
+
* &lt;code>.pathway&lt;/code> class applied to a &lt;tt>&lt;nowiki>&lt;span>&lt;/nowiki>&lt;/tt> element that holds the path links
* <code>.pathway</code> class is also applied to each link
+
* &lt;code>.pathway&lt;/code> class is also applied to each link
  
  
 
'''mod_feed'''
 
'''mod_feed'''
* <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
+
* &lt;code>.moduletable&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of no set width
* <code>.newsfeed</code> class applied to <tt><nowiki><ul></nowiki></tt>
+
* &lt;code>.newsfeed&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>
* <code>.newsfeed_item</code> class applied to <tt><nowiki><div></nowiki></tt> element that holds feed item's description under the title.
+
* &lt;code>.newsfeed_item&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt> element that holds feed item's description under the title.
  
  
Line 31: Line 31:
  
 
'''mod_latestnews'''
 
'''mod_latestnews'''
* <code>.latestnews</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt> and to each link
+
* &lt;code>.latestnews&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>, to each &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt> and to each link
  
  
 
'''mod_login'''
 
'''mod_login'''
* <code>#form-login</code> id applied to main container <tt><nowiki><form></nowiki></tt>
+
* &lt;code>#form-login&lt;/code> id applied to main container &lt;tt>&lt;nowiki>&lt;form>&lt;/nowiki>&lt;/tt>
* <code>#form-login-username</code> id applied to <tt><nowiki><p></nowiki></tt>
+
* &lt;code>#form-login-username&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;p>&lt;/nowiki>&lt;/tt>
* <code>#modlgn_username</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
+
* &lt;code>#modlgn_username&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;input type="text">&lt;/nowiki>&lt;/tt>
* <code>#form-login-password</code> id applied to <tt><nowiki><p></nowiki></tt>
+
* &lt;code>#form-login-password&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;p>&lt;/nowiki>&lt;/tt>
* <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
+
* &lt;code>#modlgn_password&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;input type="text">&lt;/nowiki>&lt;/tt>
* <code>#form-login-remember</code> id applied to <tt><nowiki><p></nowiki></tt>
+
* &lt;code>#form-login-remember&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;p>&lt;/nowiki>&lt;/tt>
* <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
+
* &lt;code>#modlgn_password&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;input type="text">&lt;/nowiki>&lt;/tt>
* <code>.button</code> class applied to <tt><nowiki><input type="submit"></nowiki></tt>
+
* &lt;code>.button&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;input type="submit">&lt;/nowiki>&lt;/tt>
* <code>.input</code> class applied to <tt><nowiki><fieldset></nowiki></tt>
+
* &lt;code>.input&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;fieldset>&lt;/nowiki>&lt;/tt>
* <code>.inputbox</code> class applied to <tt><nowiki><input type="text"></nowiki></tt>
+
* &lt;code>.inputbox&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;input type="text">&lt;/nowiki>&lt;/tt>
  
  
 
'''mod_mainmenu'''
 
'''mod_mainmenu'''
* <code>#current</code> id applied to <tt><nowiki><li></nowiki></tt> for the current page
+
* &lt;code>#current&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt> for the current page
* <code>.active</code> class applied to <tt><nowiki><li></nowiki></tt> for the current page
+
* &lt;code>.active&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt> for the current page
* <code>.parent</code> class applied to <tt><nowiki><li></nowiki></tt> if child links exist
+
* &lt;code>.parent&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt> if child links exist
* <code>.item##</code> class applied to the <tt><nowiki><li></nowiki></tt>, where ## is the ItemId  
+
* &lt;code>.item##&lt;/code> class applied to the &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt>, where ## is the ItemId  
 
* ''Menu-Type Parameters'':
 
* ''Menu-Type Parameters'':
 
** ''List''
 
** ''List''
:: <code>#menu</code> id is applied to the <tt><nowiki><ul></nowiki></tt>  
+
:: &lt;code>#menu&lt;/code> id is applied to the &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>  
 
:: becomes .menu if more than one menu is present on the page [CHECK]  
 
:: becomes .menu if more than one menu is present on the page [CHECK]  
 
:* ''Legacy-Vertical''  
 
:* ''Legacy-Vertical''  
:: <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
+
:: &lt;code>.mainlevel&lt;/code> class is applied to each link in a &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of 100% width
 
:* ''Legacy-Horizontal''  
 
:* ''Legacy-Horizontal''  
:: <code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
+
:: &lt;code>.mainlevel&lt;/code> class is applied to each link in a &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of 100% width
 
:* ''Legacy-Flat''  
 
:* ''Legacy-Flat''  
:: <code>#mainlevel</code> id is applied to the <tt><nowiki><ul></nowiki></tt>
+
:: &lt;code>#mainlevel&lt;/code> id is applied to the &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>
 
:: becomes .menu if more than one menu is present on the page [CHECK]  
 
:: becomes .menu if more than one menu is present on the page [CHECK]  
  
  
 
'''mod_mostread'''
 
'''mod_mostread'''
* <code>.mostread</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt>, and to each link
+
* &lt;code>.mostread&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>, to each &lt;tt>&lt;nowiki>&lt;li>&lt;/nowiki>&lt;/tt>, and to each link
  
  
Line 72: Line 72:
 
* ''Layout-Type Parameters'':
 
* ''Layout-Type Parameters'':
 
** ''Default''
 
** ''Default''
:: <code>.contentpaneopen</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width  
+
:: &lt;code>.contentpaneopen&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of no set width  
 
::: Two tables are created, one holds the article title, the second holds the abbreviated article text
 
::: Two tables are created, one holds the article title, the second holds the abbreviated article text
:: <code>.contentheading</code> class applied to the <tt><nowiki><td></nowiki></tt> element holding the article titles
+
:: &lt;code>.contentheading&lt;/code> class applied to the &lt;tt>&lt;nowiki>&lt;td>&lt;/nowiki>&lt;/tt> element holding the article titles
:: <code>.contentpagetitle</code> class applied to the article link
+
:: &lt;code>.contentpagetitle&lt;/code> class applied to the article link
 
:* ''Horz''
 
:* ''Horz''
:: <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
+
:: &lt;code>.moduletable&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of no set width
::: each item is placed in a new <tt><nowiki><td></nowiki></tt> element with default styles
+
::: each item is placed in a new &lt;tt>&lt;nowiki>&lt;td>&lt;/nowiki>&lt;/tt> element with default styles
 
:* ''Vert''
 
:* ''Vert''
:: <code>.article_separator</code> class applied to <tt><nowiki><span></nowiki></tt> is added after each item if more than one exists
+
:: &lt;code>.article_separator&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;span>&lt;/nowiki>&lt;/tt> is added after each item if more than one exists
  
  
 
'''mod_poll'''
 
'''mod_poll'''
* <code>.poll</code> class applied to surrounding <tt><nowiki><table></nowiki></tt> of 95% width and centered text-alignment
+
* &lt;code>.poll&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of 95% width and centered text-alignment
* <code>.pollstableborder</code> applied to inner <tt><nowiki><table></nowiki></tt> of no set width, which holds the vote options
+
* &lt;code>.pollstableborder&lt;/code> applied to inner &lt;tt>&lt;nowiki>&lt;table>&lt;/nowiki>&lt;/tt> of no set width, which holds the vote options
* <code>.sectiontableentry1</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
+
* &lt;code>.sectiontableentry1&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;td>&lt;/nowiki>&lt;/tt> with valign="top"
* <code>.sectiontableentry2</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
+
* &lt;code>.sectiontableentry2&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;td>&lt;/nowiki>&lt;/tt> with valign="top"
 
:: ''Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting''
 
:: ''Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting''
* <code>#voteid##</code> id applied to <tt><nowiki><input></nowiki></tt>, where ## is the Id of the option
+
* &lt;code>#voteid##&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;input>&lt;/nowiki>&lt;/tt>, where ## is the Id of the option
* <code>.button</code> applied to <tt><nowiki><input type="submit"></nowiki></tt> and <tt><nowiki><input type="button"></nowiki></tt>
+
* &lt;code>.button&lt;/code> applied to &lt;tt>&lt;nowiki>&lt;input type="submit">&lt;/nowiki>&lt;/tt> and &lt;tt>&lt;nowiki>&lt;input type="button">&lt;/nowiki>&lt;/tt>
  
  
Line 98: Line 98:
  
 
'''mod_related_items'''
 
'''mod_related_items'''
* <code>.relateditems</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>
+
* &lt;code>.relateditems&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>
  
  
 
'''mod_search'''
 
'''mod_search'''
* <code>.search</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
+
* &lt;code>.search&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;div>&lt;/nowiki>&lt;/tt>
* <code>.inputbox</code> class applied to search input box <tt><nowiki><input type="text"></nowiki></tt>. Also there is an id <code>#mod_search_searchword</code> applied to this input box
+
* &lt;code>.inputbox&lt;/code> class applied to search input box &lt;tt>&lt;nowiki>&lt;input type="text">&lt;/nowiki>&lt;/tt>. Also there is an id &lt;code>#mod_search_searchword&lt;/code> applied to this input box
* <code>.button</code> class applied to search submit button/image <tt><nowiki><input type="image"></nowiki></tt> and <tt><nowiki><input type="submit"></nowiki></tt>
+
* &lt;code>.button&lt;/code> class applied to search submit button/image &lt;tt>&lt;nowiki>&lt;input type="image">&lt;/nowiki>&lt;/tt> and &lt;tt>&lt;nowiki>&lt;input type="submit">&lt;/nowiki>&lt;/tt>
  
  
 
'''mod_sections'''
 
'''mod_sections'''
* <code>.sections</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>
+
* &lt;code>.sections&lt;/code> class applied to surrounding &lt;tt>&lt;nowiki>&lt;ul>&lt;/nowiki>&lt;/tt>
  
  
Line 124: Line 124:
  
 
'''mod_wrapper'''
 
'''mod_wrapper'''
* <code>#blockrandom</code> id applied to <tt><nowiki><iframe></nowiki></tt>
+
* &lt;code>#blockrandom&lt;/code> id applied to &lt;tt>&lt;nowiki>&lt;iframe>&lt;/nowiki>&lt;/tt>
* <code>.wrapper</code> class applied to <tt><nowiki><iframe></nowiki></tt>
+
* &lt;code>.wrapper&lt;/code> class applied to &lt;tt>&lt;nowiki>&lt;iframe>&lt;/nowiki>&lt;/tt>
  
<noinclude>[[Category: Templates]][[Category: Modules]][[Category: Reference]][[Category:Definition lists]]</noinclude>
+
&lt;noinclude>[[Category: Templates]][[Category: Modules]][[Category: Reference]][[Category:Definition lists]]&lt;/noinclude>

Revision as of 12:48, 26 September 2011

The following information is gathered from the default output for Joomla! 1.5 core modules and assumes that no template overrides are in place.

Note also that core , as generated child carrier by the System template, will wrap a module in a defined manner and in some instances apply .

mod_archive

None


mod_banners

  • <code>.bannergroup</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
  • <code>.bannerheader</code> class applied to <tt><nowiki><div></nowiki></tt> of header text if it exists
  • <code>.banneritem</code> class applied to <tt><nowiki><div></nowiki></tt> for each item
  • <code>.bannerfooter</code> class applied to <tt><nowiki><div></nowiki></tt> of footer text if it exists


mod_breadcrumb

  • <code>.breadcrumbs</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
  • <code>.pathway</code> class applied to a <tt><nowiki><span></nowiki></tt> element that holds the path links
  • <code>.pathway</code> class is also applied to each link


mod_feed

  • <code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
  • <code>.newsfeed</code> class applied to <tt><nowiki><ul></nowiki></tt>
  • <code>.newsfeed_item</code> class applied to <tt><nowiki><div></nowiki></tt> element that holds feed item's description under the title.


mod_footer

None


mod_latestnews

  • <code>.latestnews</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt> and to each link


mod_login

  • <code>#form-login</code> id applied to main container <tt><nowiki><form></nowiki></tt>
  • <code>#form-login-username</code> id applied to <tt><nowiki><p></nowiki></tt>
  • <code>#modlgn_username</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
  • <code>#form-login-password</code> id applied to <tt><nowiki><p></nowiki></tt>
  • <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
  • <code>#form-login-remember</code> id applied to <tt><nowiki><p></nowiki></tt>
  • <code>#modlgn_password</code> id applied to <tt><nowiki><input type="text"></nowiki></tt>
  • <code>.button</code> class applied to <tt><nowiki><input type="submit"></nowiki></tt>
  • <code>.input</code> class applied to <tt><nowiki><fieldset></nowiki></tt>
  • <code>.inputbox</code> class applied to <tt><nowiki><input type="text"></nowiki></tt>


mod_mainmenu

  • <code>#current</code> id applied to <tt><nowiki><li></nowiki></tt> for the current page
  • <code>.active</code> class applied to <tt><nowiki><li></nowiki></tt> for the current page
  • <code>.parent</code> class applied to <tt><nowiki><li></nowiki></tt> if child links exist
  • <code>.item##</code> class applied to the <tt><nowiki><li></nowiki></tt>, where ## is the ItemId
  • Menu-Type Parameters:
    • List
<code>#menu</code> id is applied to the <tt><nowiki><ul></nowiki></tt>
becomes .menu if more than one menu is present on the page [CHECK]
  • Legacy-Vertical
<code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
  • Legacy-Horizontal
<code>.mainlevel</code> class is applied to each link in a <tt><nowiki><table></nowiki></tt> of 100% width
  • Legacy-Flat
<code>#mainlevel</code> id is applied to the <tt><nowiki><ul></nowiki></tt>
becomes .menu if more than one menu is present on the page [CHECK]


mod_mostread

  • <code>.mostread</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>, to each <tt><nowiki><li></nowiki></tt>, and to each link


mod_newsflash

  • Layout-Type Parameters:
    • Default
<code>.contentpaneopen</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
Two tables are created, one holds the article title, the second holds the abbreviated article text
<code>.contentheading</code> class applied to the <tt><nowiki><td></nowiki></tt> element holding the article titles
<code>.contentpagetitle</code> class applied to the article link
  • Horz
<code>.moduletable</code> class applied to <tt><nowiki><table></nowiki></tt> of no set width
each item is placed in a new <tt><nowiki><td></nowiki></tt> element with default styles
  • Vert
<code>.article_separator</code> class applied to <tt><nowiki><span></nowiki></tt> is added after each item if more than one exists


mod_poll

  • <code>.poll</code> class applied to surrounding <tt><nowiki><table></nowiki></tt> of 95% width and centered text-alignment
  • <code>.pollstableborder</code> applied to inner <tt><nowiki><table></nowiki></tt> of no set width, which holds the vote options
  • <code>.sectiontableentry1</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
  • <code>.sectiontableentry2</code> class applied to <tt><nowiki><td></nowiki></tt> with valign="top"
Note: sectiontableentry1 and sectiontableentry2 alternate each table row to provide for alternate row colors or other formatting
  • <code>#voteid##</code> id applied to <tt><nowiki><input></nowiki></tt>, where ## is the Id of the option
  • <code>.button</code> applied to <tt><nowiki><input type="submit"></nowiki></tt> and <tt><nowiki><input type="button"></nowiki></tt>


mod_random_image

None


mod_related_items

  • <code>.relateditems</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>


mod_search

  • <code>.search</code> class applied to surrounding <tt><nowiki><div></nowiki></tt>
  • <code>.inputbox</code> class applied to search input box <tt><nowiki><input type="text"></nowiki></tt>. Also there is an id <code>#mod_search_searchword</code> applied to this input box
  • <code>.button</code> class applied to search submit button/image <tt><nowiki><input type="image"></nowiki></tt> and <tt><nowiki><input type="submit"></nowiki></tt>


mod_sections

  • <code>.sections</code> class applied to surrounding <tt><nowiki><ul></nowiki></tt>


mod_stats

None


mod_syndicate

None


mod_whosonline

None


mod_wrapper

  • <code>#blockrandom</code> id applied to <tt><nowiki><iframe></nowiki></tt>
  • <code>.wrapper</code> class applied to <tt><nowiki><iframe></nowiki></tt>

<noinclude></noinclude>