Download & Releases
Major Style Sheet Changes "Blue Shadow" (3.5.x) -> "Delos" (3.6.0)
Font Sizes
- All font sizes are replaced by values in percentage, except the font-size declaration in the body tag that uses an “em” value.
Background Images and Colors
- All images and colors are optimised for higher contrasts.
Body Tag
- Defines now a 0px margin (This has been coded in HTML files before)
Links
- Added some :hover substyles for existing <a> styles, to prevent font size problems in IE.
New style class: body.il_Explorer
- Used for Explorer Frames. (Maybe abandoned in the future).
Tables
- All major tables define “border-collapse:collapse;” now.
New style class: td.il_BlockFooter
- Used for block footers on personal desktop. (Maybe for similar other blocks in the future)
New style class: th.std
- Used for standard table headers instead of td.std
tr.tblheader
- Added 1px top border.
td.option
- Added 1px top and right border.
td.submit
- Added 1px top and bottom border.
New style class: td.option_subtitle
- Used for subtitles for property options.
td.option_value
- Added 1px top border.
Replaced style class: td.il_ContainerBlockHeader is now th.il_ContainerBlockHeader
- Templates use th instead of td for container block header rows now.
Replaced style class: td.il_PDBlockHeader is now th.il_PDBlockHeader
- Templates use th instead of td for personal desktop block header rows now.
Replaced style class: td.il_PDBlockSubHeader is now th.il_PDBlockSubHeader
- Templates use th instead of td for personal desktop block subheader rows now.
New style class: table.il_Locator
- Wrapper table for Locator.
New style class: a.il_LocatorLink
- Used for locator bar links.
Revision of Tabs
- Introduced sliding doors concept (http://www.alistapart.com/articles/slidingdoors) to clearly distinguish tabbed menues from action buttons
- affected/new style classes: div.il_MainMenu (new class for main menu), div.il_Tab, ul.il_Tab, li.tabinactive, a.tabinactive, a.tabinactive:hover, li.tabactive, a.tabactive, a.tabactive:hover, li.backtab, a.backtab, a.backtab:hover, li.back2tab, a.back2tab, a.back2tab:hover, div.il_SubTab, ul.il_SubTab, li.subtabinactive, a.subtabinactive, a.subtabinactive:hover, li.subtabactive, a.subtabactive, a.subtabactive:hover
New style classes for information screen
- table.il_InfoScreen
- th.il_InfoScreen
- div.il_InfoScreenSection
- td.il_InfoScreenProperty
- td.il_InfoScreenPropertyValue
Explorer Revision
- The main explorer frames (e.g. repository, administration, learning modules, forums) are redesigned with list-based instead of tables-based HTML code
- affected/new styles: ul.il_Explorer, ul.il_ExplorerNoIndent, li.il_Explorer, li.il_ExplorerInline, div.il_ExplorereItemDescription, a.il_HighlightedNode (used for highlighting current node in learning module table of contents explorer)
Headline Revision
- The title headlines (e.g. in the repository) are now completely div-based and don’t use tables anymore
- Affected/new styles: div.il_HeaderOuter, div.il_Header (both needed for Blue Shadow compliance), div.il_HeaderInner
Main Menu Revision
- Some layout tables in the main menu have been abandonded, most things are done with divs now.
- Affected/new styles: div.ilLogin, span.il_menu
Preparation of a general future one to (optional) three column layout
- One main layout table should be responsible for a one to three column layout in the future
- New styles: table.il_ColumnLayout, td.il_LeftColumn, td.il_CenterColumn, td.il_RightColumn
Revision of action button rows
- Abandoned table based HTML code for action button rows
- New style: div.il_ButtonGroup
Intermediate styles to handle calendar (until calendar revision in 3.8.0 or 3.9.0)
- New styles: td.il_CalMonth, td.il_CalNextMonth, td.il_CalShortMonth, td.il_CalShortWeek, td.il_CalShortDayOfWeek, td.il_CalDay
Other new styles
- div.ilc_LMMenu (menu in learning modules)
- div.Warning
- div.Access