25. Internationale ILIAS-Konferenz

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