name=CSS Demo textdate=publication date\: textnumpages=no. of pages\: textsource=source ref\: section_chapter=chapter document_book=book dls.Organization=Organizations dls.Subject=Subjects index_text=Text index_document=Book index_section=Chapter dls.Titles=Titles dls.Keyword=How to choose-style=Choose a style: style.default=Default Greenstone style.blue=Blue style.olive=OlivePurple style.none=None style.extra=Default Greenstone Extra shortDescription=This collection demonstrates Greenstone's use of Cascading Style Sheets (CSS) for visual formatting in web browsers. description1a=This collection demonstrates Greenstone's use of Cascading Style Sheets (CSS) for visual formatting in web browsers. On every page, you can change the style-sheet in effect, to modify that page's appearance. This collection contains the same material as the original Greenstone demo collection. description1=

A combination of JavaScript and the overriding of XSL templates is used by the collection to provide the stylesheet switching. As in some other Documented Example Collections, GLI's Format > Format Features > global can be used to define the additionalHeaderContent-collection template. Doing so overrides the existing additionalHeaderContent-collection template, and appends any specified HTML elements to the HTML header. However, for this collection, we have chosen to add these templates to a custom header.xsl file, located in the collection's transform/layouts folder. Editing this file doesn't require reloading the collection in the library, which is needed if you edit collection formats in GLI.

description1b=

Note, the additionalHeaderContent template is defined in web/interfaces/default/transform/layouts/header.xsl, and it comprises 4 templates: additionalHeaderContent-page, additionalHeaderContent-interface, additionalHeaderContent-site and additionalHeaderContent-collection. These can be overridden at the page, interface, site and collection level, respectively. This allows fine grained tuning of the page headers.

description2=

In this case, the additionalHeaderContent-collection specifies the custom collection stylesheet currently active and the JavaScript to facilitate the stylesheet switching when a link is clicked. The create-banner XSL template is also overridden to provide links to the multiple stylesheets within the existing GS3 banner section, and invoke the custom JavaScript when any link is clicked.

description3=If you want to download any of these stylesheets for your own collections, here are links to them\: description3a=builds on top of GS3's default style description3b=modifies the GS3 default style for a blue colouring description3c=modifies the GS3 default style for a vivid colouring of vine green and purples description3d=clears all CSS styling from the current page (needs reload to get the default GS3 style back) description4=Using a downloaded stylesheet description4a=To use a stylesheet as the default, place it in greenstone/web/interfaces/default/style and rename it to style.css. This will affect all collections. description4b=To use a stylesheet for a particular collection, place it in greenstone/web/<sitename>/localsite/collect/<collection>/style then specify the stylesheet link in the additionalHeaderContent-collection of GLI's global format statement (Format > Format Features > global) as follows\: