<collectionConfig xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
><metadataList
><metadata name="creator"
>greenstone@cs.waikato.ac.nz</metadata
><metadata name="public"
>true</metadata
></metadataList
><displayItemList
><displayItem name="smallicon" lang="en"
>en/style-e.gif</displayItem
><displayItem name="description" lang="en"
>This collection demonstrates Greenstone's use of Cascading Style Sheets (CSS) for visual formatting in web browsers. (Greenstone uses CSS instead of HTML tables since version 2.63.) On every page, you can change the style-sheet in effect, to modify that page's appearance. &lt;/p&gt; &lt;p&gt; An &lt;a href='_httpcollection_/macros/extra.dm'&gt;extra.dm&lt;/a&gt; macro file is used by the collection to provide the stylesheet switching. This redefines a few macros from the &lt;i&gt;Style&lt;/i&gt; package: &lt;b&gt;\_cssheader\_&lt;/b&gt;, to link to multiple stylesheets; &lt;b&gt;\_optnavigationbar\_&lt;/b&gt;, to display the links to click; and &lt;b&gt;\_pagescriptextra\_&lt;/b&gt;, to facilitate the switching when a link is clicked. &lt;/p&gt; &lt;p&gt;The documents in the collection are the configuration file, the extra.dm file and all the stylesheets. &lt;/p&gt; &lt;p&gt;If you want to download any of these stylesheets for your own collections, here are links to them: &lt;ul&gt; &lt;li&gt;&lt;a href='_httpimg_/style.css'&gt;Default Greenstone Style&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='_httpcollection_/styles/style-blue.css'&gt;‘Ocean Blue’ theme&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='_httpcollection_/styles/style-red.css'&gt;‘Fire Red’ theme&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='_httpimg_/style-print.css'&gt;Printer&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/p&gt; &lt;p&gt; &lt;b&gt;Using a downloaded stylesheet&lt;/b&gt; &lt;ul&gt; &lt;li&gt;To use a stylesheet as the default, place it in greenstone/images and rename it to style.css. This will affect all collections.&lt;/li&gt; &lt;li&gt;To use a stylesheet for a particular collection, place it in the collection's images directory, add an extra.dm file to the collection's macros directory, and add a macro like the following (this uses style-red.css as the example):&lt;br/&gt; &lt;small&gt;&lt;tt&gt; &lt;br/&gt; package Style&lt;br/&gt; &lt;br/&gt; \_cssheader\_ {&lt;br/&gt; &amp;lt;link rel='stylesheet' href='\_httpcimages\_/style-red.css'&lt;br/&gt; &amp;nbsp;&amp;nbsp;type='text/css' title='Fire Red' charset='UTF-8'&amp;gt;&lt;br/&gt; }&lt;br/&gt; &lt;/tt&gt;&lt;/small&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/p&gt; </displayItem
><displayItem name="name" lang="en"
>Cascading Style Sheets&lt;br/&gt; Demo collection</displayItem
><displayItem name="name" lang="es"
>Colección de muestra CSS</displayItem
><displayItem name="name" lang="fr"
>Démo de feuilles de styles en cascade (CSS)</displayItem
></displayItemList
><search
><index name="document:text"
><displayItem name="name" lang="en"
>text</displayItem
></index
><format
><gsf:template match="documentNode"
><td valign="top"><gsf:link type='document'><gsf:icon type='document'/></gsf:link></td> <td valign="top"><gsf:metadata name='srclink' /><gsf:choose-metadata><gsf:metadata name='thumbicon' /><gsf:metadata name='srcicon' /></gsf:choose-metadata><gsf:metadata name='/srclink' /></td> <td valign="top"> <gsf:choose-metadata><gsf:metadata name='dls.Title' /><gsf:metadata name='dc.Title' /><gsf:metadata name='Title' /><gsf:default>Untitled</gsf:default></gsf:choose-metadata> <gsf:switch><gsf:metadata name='Source' /><gsf:when test='exists' ><br /><i>(<gsf:metadata name='Source' />)</i></gsf:when></gsf:switch></td></gsf:template
></format
></search
><browse
><format
><gsf:template match="documentNode"
><td valign="top"><gsf:link type='document'><gsf:icon type='document'/></gsf:link></td> <td valign="top"><gsf:metadata name='srclink' /><gsf:choose-metadata><gsf:metadata name='thumbicon' /><gsf:metadata name='srcicon' /></gsf:choose-metadata><gsf:metadata name='/srclink' /></td> <td valign="top"> <gsf:choose-metadata><gsf:metadata name='dls.Title' /><gsf:metadata name='dc.Title' /><gsf:metadata name='Title' /><gsf:default>Untitled</gsf:default></gsf:choose-metadata> <gsf:switch><gsf:metadata name='Source' /><gsf:when test='exists' ><br /><i>(<gsf:metadata name='Source' />)</i></gsf:when></gsf:switch></td></gsf:template
><gsf:template match="classifierNode"
><td valign="top"><gsf:link type='classifier'><gsf:icon type='classifier'/></gsf:link></td> <td valign="top"><gsf:metadata name='srclink' /><gsf:choose-metadata><gsf:metadata name='thumbicon' /><gsf:metadata name='srcicon' /></gsf:choose-metadata><gsf:metadata name='/srclink' /></td> <td valign="top"> <gsf:choose-metadata><gsf:metadata name='dls.Title' /><gsf:metadata name='dc.Title' /><gsf:metadata name='Title' /><gsf:default>Untitled</gsf:default></gsf:choose-metadata> <gsf:switch><gsf:metadata name='Source' /><gsf:when test='exists' ><br /><i>(<gsf:metadata name='Source' />)</i></gsf:when></gsf:switch></td></gsf:template
><gsf:template match="classifierNode" mode="horizontal"
><gsf:link type='horizontal'><gsf:metadata name='Title' /></gsf:link></gsf:template
></format
><classifier name="CL1"
><format
><gsf:template match="documentNode"
><td><gsf:link type='document'><gsf:icon type='document'/></gsf:link></td><td><gsf:metadata name='Title' /></td></gsf:template
><gsf:template match="classifierNode"
><td><gsf:link type='classifier'><gsf:icon type='classifier'/></gsf:link></td><td><gsf:metadata name='Title' /></td></gsf:template
></format
></classifier
></browse
><replaceListRef id="gs2-standard"
 /></collectionConfig
>
