Actions

Core module-generated CSS

From Joomla! Documentation

Revision as of 08:08, 22 February 2008 by Radiant tech (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.

mod_archive

None


mod_banners

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


mod_breadcrumb

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


mod_feed

  • .moduletable class applied to <table> of no set width
  • .newsfeed class applied to <ul>


mod_footer

None


mod_latestnews

  • .latestnews class applied to surrounding <ul>, to each <li> and to each link


mod_login

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


mod_mainmenu

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


mod_mostread

  • .mostread class applied to surrounding <ul>, to each <li>, and to each link


mod_newsflash

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


mod_poll

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


mod_random_image

None


mod_related_items

  • .relateditems class applied to surrounding <ul>


mod_search

  • .search class applied to surrounding <div>
  • .inputbox class applied to <input type="text">
  • .button class applied to <input type="image"> and <input type="submit">


mod_sections

  • .sections class applied to surrounding <ul>


mod_stats

None


mod_syndicate

None


mod_whosonline

None


mod_wrapper

  • #blockrandom id applied to <iframe>
  • .wrapper class applied to <iframe>