Die CSS-Regeln in der Datei galery.css gelten für das XHTML-Dokument, das durch die Transformation galery.xslt (Text) aus einer Bildergeschichte entsteht.
Die Titelleiste, darin das Logo-Feld und das Überschrift-Feld und das Haupt-Inhaltsfeld werden absolut positioniert. Javascript (galery.js (Quelltext)) passt die Größe und die Position der Felder an die Fenstergröße an.
Zur Vereinfachung der Regeln besteht das Haupt-Inhaltsfeld aus zwei verschachtelten div-Elementen. Das äußere div-Element ist absolut positioniert. Überlauf des Inhalts erzeugt eine Bildlaufleiste. Das innere Element definiert Innenabstände.
Javascript tauscht die Wörter popact und popinact im Attribut class der Popup-Fenster (div-Elemente) aus. Ein div-Element mit dem Wort popinact im Attribut class ist verborgen.
Die Vorschaubilder werden als Hintergrundbilder von div-Elementen innerhalb von a-Elementen angezeigt. Die Hintergrundbilder eines Abschnitts sind zu einer Bilderleiste montiert. Jedes div-Element für ein Vorschaubild definiert die passende Verschiebung in seinem style-Attribut.
Die Felder für die Hintergrundbilder haben einen Rahmen (border) von vier Pixeln Breite. Der Rahmen des Bildfeldes zum aktuellen Bildverweis ist farblich hervorgehoben, der Rahmen der anderen Bildfelder transparent. Die Breite von vier Pixeln entspricht dem Abstand zwischen zwei Einzelbildern in der Montage. Ein breiterer Rahmen sollte nicht transparent sein.