search engines friendly
Boost your site ranking with Elxis CMS. Elxis is optimized for search engines, it automatically enriches your site
meta data, creates internal links, and does many other actions automatically in order for your site to rank high.
elxis 2009.1 Hecate - 10.31mb
Home 
Guides Developers guides Modules CSS reference
Guides Developers guides Modules CSS reference
Modules CSS reference
Tuesday, 22 July 2008
This is a reference list of the CSS classes used by the default Elxis 2008.x modules. This list is part of the upcoming Elxis Templates guide e-book written by Ioannis Sannos and Dejan Viduka.
1. Module Archive
No special CSS classes exist for this module.
2. Module Banners
No special CSS classes exist for this module.
3. Module FrontPage
| CSS class | HTML element | CSS Suffix | Description |
| .modfpg-container | div | - | Total surrounding box |
| .modfpg-row | div | - | Surrounding row |
| .modfpg-box | div | - | Surrounding box |
| .modfpg-ctitle | span | - | Category title and "Read also" link |
| .modfpg-introtitle | span | - | Content item title |
| .modfpg-authordate | span | - | Content item date |
| .modfpg-img | img | - | Content item image |
| .modfpg-more | a | - | More link |
| .modfpg-ul | ul | - | Container unordered list for "Read also" links |
4. Module Language
| CSS class | HTML element | CSS Suffix | Description |
| .selectbox | select | moduleclass_sfx | Language select drop down list |
5. Module Latest News
| CSS class | HTML element | CSS Suffix | Description |
| .latestnews | ul, li, a | moduleclass_sfx | Applied to UL, LI and A tags for the generation of an unordered list of the latest news links. |
* Class latestnews is also used in module "Most Read"
6. Module Login/Logout
| CSS class | HTML element | CSS Suffix | Description |
| .userlogin | div | - | Container div |
| .pretext | span | - | Applied to text shown before the login username/password fields |
| .inputbox | input (type = text) | - | Applied to username/password login fields |
| .button | input (type = submit) | - | Applied to login submission button |
| .lostpass | div | - | Applied to DIV surrounding the "Forgot my password" link |
| .caccount | div | - | Applied to DIV surrounding the "Create account" link |
| .posttext | div | - | Applied to text shown after the login username/password fields |
| .clear | div | - | Clears both sides from other HTML elements |
7. Module Main Menu
| CSS class | HTML element | CSS Suffix | Description |
| .mainlevel | ul, span | class_sfx | Container ul for menu style "Flat List". Also applied to spacer spans. |
| .sublevel1 | div | - | Applied to first indent DIV (level 1) |
| .sublevel2 | div | - | Applied to first indent DIV (level 2) |
| .sublevel3 | div | - | Applied to first indent DIV (level 3) |
| .sublevel4 | div | - | Applied to first indent DIV (level 4) |
| .sublevel5 | div | - | Applied to first indent DIV (level 5) |
| .sublevel6 | div | - | Applied to first indent DIV (level 6) |
| .mainlevel | a | class_sfx | Applied to menu links (level 0) |
| .sublevel | a | class_sfx | Applied to menu links (level > 0) |
| #active_menu | a | class_sfx | Active menu link |
8. Module Most Read
| CSS class | HTML element | CSS Suffix | Description |
| .mostread | ul | moduleclass_sfx | Container for "Most Read" unordered list item links |
| .latestnews | li | moduleclass_sfx | Applied to "Most Read" list elements (LI) |
| .mostread | a | moduleclass_sfx | Applied to links (A) |
* Class latestnews is also used in module "Latest News"
9. Module News Flash
| CSS class | HTML element | CSS Suffix | Description |
| .moduletable | table | moduleclass_sfx | Applied to the surrounding table if the horizontal style has been selected (not recommended) |
10. Module Poll
| CSS class | HTML element | CSS Suffix | Description |
| .polltitle | span | - | Applied to "Past polls" title and to active polls titles |
| .polltable | ul | - | Unordered list surrounding active poll options. |
| .row0 | li | - | Active poll option line |
| .row1 | li | - | Active poll option line |
| .button | input (type = submit) | - | Vote button |
* row0 and row1 are used to distinguish alternate LI rows.
11. Module Random Image
No special CSS classes exist for this module.
12. Module Random Profile
This module is being displayed inside component User or independently.
| CSS class | HTML element | CSS Suffix | Description |
| .avatarbox | div | - | DIV surrounding extended profile box |
| #useravatar | div | - | DIV surrounding user name, avatar, gender image and birth date (used for both simple and extended profile styles) |
| #useravatarname | div | - | DIV surrounding user gender image and birth date (used for both simple and extended profile styles) |
13. Module Related Items
No special CSS classes exist for this module.
14. Module RSS Feeds
| CSS class | HTML element | CSS Suffix | Description |
| .syndicate | div | moduleclass_sfx | Surrounding DIV |
| .syndicate_text | div | moduleclass_sfx | Applied to text shown before the syndication links (optional) |
15. Module Search
| CSS class | HTML element | CSS Suffix | Description |
| .search | div | moduleclass_sfx | Input tags container |
| .inputbox | input (type = text) | moduleclass_sfx | Search keyword input box |
| .button | input (type = submit) | moduleclass_sfx | Search submission button |
16. Module Sections
No special CSS classes exist for this module.
17. Module Stats
No special CSS classes exist for this module.
18. Module Template Chooser
| CSS class | HTML element | CSS Suffix | Description |
| .selectbox | select | - | Select template drop down list |
| .button | input (type = submit) | - | Choose template submission button |
19. Module Top Weblink
This module is being displayed inside component Weblinks.
| CSS class | HTML element | CSS Suffix | Description |
| #topweblink | div | - | Surrounding DIV |
| #topweblink-desc | span | - | Weblink description |
| #topweblink-hits | span | - | Weblink number of hits |
| #topweblink-date | span | - | Weblink date |
| .clear | div | - | Clears both sides from other HTML elements |
20. Module Who Is Online
No special CSS classes exist for this module.
21. Module Wrapper
| CSS class or ID | HTML element | CSS Suffix | Description |
| .wrapper | iframe | pageclass_sfx | Controls the style of the wrapper iframe |
| #blockrandom | iframe | - | Iframe ID |
Powered by Elxis - Open Source CMS. •
Copyright © 2006-2010 Elxis.org. All rights reserved. •
Elxis.org web site designed by Is Open Source