... Elxis version 2009.3 codename Aphrodite is out, download it from Elxis Download Center (EDC) ...
Modules CSS reference
From Elxis Official Documentation
| Attention! This article needs update in order to be compatible with elxis version 2009.x |
This is a reference list of the CSS classes used by the default modules of Elxis cms version 2008.x and later versions.
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 |

