1 | name=CSS Demo
|
---|
2 | textdate=publication date\:
|
---|
3 | textnumpages=no. of pages\:
|
---|
4 | textsource=source ref\:
|
---|
5 | section_chapter=chapter
|
---|
6 | document_book=book
|
---|
7 |
|
---|
8 | dls.Organization=Organizations
|
---|
9 | dls.Subject=Subjects
|
---|
10 | index_text=Text
|
---|
11 | index_document=Book
|
---|
12 | index_section=Chapter
|
---|
13 | dls.Titles=Titles
|
---|
14 | dls.Keyword=How to
|
---|
15 |
|
---|
16 | choose-style=Choose a style:
|
---|
17 | style.default=Default Greenstone
|
---|
18 | style.blue=Blue
|
---|
19 | style.olive=OlivePurple
|
---|
20 | style.none=None
|
---|
21 |
|
---|
22 | style.extra=Default Greenstone Extra
|
---|
23 | shortDescription=This collection demonstrates Greenstone's use of Cascading Style Sheets (CSS) for visual formatting in web browsers.
|
---|
24 |
|
---|
25 | 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.
|
---|
26 |
|
---|
27 | description1=<p>A combination of JavaScript and the overriding of XSL templates is used by the collection to provide the stylesheet switching. As in some other <i>Documented Example Collections</i>, GLI's <tt>Format > Format Features > global</tt> can be used to define the <b>additionalHeaderContent-collection</b> template. Doing so overrides the existing <i>additionalHeaderContent-collection</i> 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.</p>
|
---|
28 |
|
---|
29 | description1b=<p>Note, the <i>additionalHeaderContent</i> template is defined in web/interfaces/default/transform/layouts/header.xsl, and it comprises 4 templates: <i>additionalHeaderContent-page</i>, <i>additionalHeaderContent-interface</i>, <i>additionalHeaderContent-site</i> and <i>additionalHeaderContent-collection</i>. These can be overridden at the page, interface, site and collection level, respectively. This allows fine grained tuning of the page headers.</p>
|
---|
30 |
|
---|
31 | description2=<p>In this case, the <b>additionalHeaderContent-collection</b> specifies the custom collection stylesheet currently active and the JavaScript to facilitate the stylesheet switching when a link is clicked. The <b>create-banner</b> 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. </p>
|
---|
32 |
|
---|
33 | description3=If you want to download any of these stylesheets for your own collections, here are links to them\:
|
---|
34 | description3a=builds on top of GS3's default style
|
---|
35 | description3b=modifies the GS3 default style for a blue colouring
|
---|
36 | description3c=modifies the GS3 default style for a vivid colouring of vine green and purples
|
---|
37 | description3d=clears all CSS styling from the current page (needs reload to get the default GS3 style back)
|
---|
38 |
|
---|
39 | description4=Using a downloaded stylesheet
|
---|
40 | description4a=To use a stylesheet as the default, place it in greenstone/web/interfaces/default/style and rename it to <tt>style.css</tt>. This will affect all collections.
|
---|
41 | description4b=To use a stylesheet for a particular collection, place it in <tt>greenstone/web/<sitename>/localsite/collect/<collection>/style</tt> then specify the stylesheet link in the <b>additionalHeaderContent-collection</b> of GLI's <i>global</i> format statement (<tt>Format > Format Features > global</tt>) as follows\:
|
---|