Actions

Core module-generated CSS

From Joomla! Documentation

Revision as of 13:48, 26 September 2011 by MTrapp82 (Talk | contribs)

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>