| 1 | name=Custom stylesheet demo collection
|
|---|
| 2 |
|
|---|
| 3 | textdate=publication date\:
|
|---|
| 4 | textnumpages=no. of pages\:
|
|---|
| 5 | textsource=source ref\:
|
|---|
| 6 |
|
|---|
| 7 | dls.Organization=Organizations
|
|---|
| 8 | dls.Titles=Titles
|
|---|
| 9 | dls.Keyword=How to
|
|---|
| 10 | dls.Subject=Subjects
|
|---|
| 11 | index_text=Text
|
|---|
| 12 | index_document=Book
|
|---|
| 13 | index_section=Chapter
|
|---|
| 14 |
|
|---|
| 15 | shortDescription=<p>This demonstration collection contains the same material as the original Greenstone demo collection, but its appearance has been altered slightly using a custom stylesheet.</p>
|
|---|
| 16 |
|
|---|
| 17 | description1=<p>Greenstone 3 uses default stylesheets, which can be overridden for all collections in a site or for any particular collection. This documented example collection covers the last case.</p>
|
|---|
| 18 |
|
|---|
| 19 | description2=<h3>How the collection works</h3><p>The <b>global</b> format statement contains a link to the collection\'s custom stylesheet, which is located inside the collection\: \n\
|
|---|
| 20 | <pre><xsl\:template name="additionalHeaderContent"> \n\
|
|---|
| 21 | <xsl\:variable name="httpCollection"> \n\
|
|---|
| 22 | <xsl\:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/> \n\
|
|---|
| 23 | </xsl\:variable> \n\
|
|---|
| 24 | <link href="{$httpCollection}/style/style.css" rel="stylesheet" type="text/css"/> \n\
|
|---|
| 25 | </xsl\:template> \n\
|
|---|
| 26 | </pre> \n\
|
|---|
| 27 | </p>
|
|---|
| 28 |
|
|---|
| 29 | description3=<p>Next, a folder named <i>style</i> is created within the collection and a new text file, called <i>custom-style.css</i>, is created within that folder. The css suffix indicates it\'s a <i>Cascading Style Sheet</i>. CSS files define the look of web pages such as the colours, borders, fonts, heading styles and more. CSS files are just text files, and can thus be edited with any text editor.</p>
|
|---|
| 30 |
|
|---|
| 31 | description4=<p>The default Greenstone CSS style sheets define certain styles for all collections, that are <i>overridden</i> for the collection by defining CSS rules within its new custom stylesheet. It is by linking the CSS file in the Greenstone collection\'s <b>global</b> format statement as above, that the general Greenstone CSS styling rules get overridden at the collection level.</p>
|
|---|
| 32 |
|
|---|
| 33 | description5=<p>You can quickly learn how to write CSS at <a href="https\://www.w3schools.com/css/default.asp">W3schools</a> and other online sites.</p>
|
|---|
| 34 |
|
|---|
