kal.css


Die Rolle dieser Datei

Diese Datei wird von der Transformation kal.xslt (Text) eingebunden. Sie ist für eine Ansicht vorgesehen, die die Tage einer Woche in einer waagerechten Zeile anzeigt.

Einzelheiten zu den Regeln

Gesamtgröße (body)

Das body-Element wird absolut mit einer festen Breite positioniert. Eine Anpassung an die Breite des Fensters sieht nicht schön aus.

Deckblatt und Monatsblätter

Die CSS-Regeln verbergen zunächst alle div-Elemente, die Kindelemente des body-Elements sind. Javascript-Funktionen zeigen immer genau ein „Blatt” an.

Tabelle der Tage

In den Tabellen der Tage werden der Vormonat, Folgemonat, Tage des Vormonats und des Folgemonats, Feiertage und Sonntage farblich gekennzeichnet. Die Tabellen der verschiedenen Monate sollten gleiche Spaltenbreiten haben, wenn die Übersicht des Vormonats oder des Folgemonats angezeigt wird.

Randbereiche

Die „Randbereiche” sind der rechte, der linke und der obere Rand des body-Elements. Die fest posistionierten Randbereiche sind in der Regel nicht sichtbar (transparent), nur wenn der Zeiger auf einen Randbereich weist, wird der Inhalt schwarz dargestellt.

Verborgene Elemente

Elemente, deren Attibutwert class das Wort hide enthält, werden nicht angezeigt. Außer dem Fenster „Einstellung” können das die Übersicht des Vormonats, des Folgemonats oder die Tabellenspalten mit dem Monatsnamen oder der Nummer der Kalenderwoche sein, gesteuert durch Javascript.