From: Jonathan Blake Date: Mon, 2 Dec 2019 21:08:05 +0000 (-0800) Subject: Clean up CSS and XSLT for the new layout X-Git-Tag: 29tsoc-20200103~31 X-Git-Url: http://git.projectaon.org/?p=project-aon.git;a=commitdiff_plain;h=ac0ce7c48de85bea787e9792e1eeebc9d95fd6db Clean up CSS and XSLT for the new layout --- diff --git a/common/xsl/xhtml-dever.xsl b/common/xsl/xhtml-dever.xsl index e3733fd..b31726b 100644 --- a/common/xsl/xhtml-dever.xsl +++ b/common/xsl/xhtml-dever.xsl @@ -373,11 +373,14 @@ Todo: + + [error: paragraphed list template] error: paragraphed list template + @@ -428,7 +431,7 @@ Todo: - +
@@ -1584,6 +1587,7 @@ Todo: + @@ -1631,7 +1635,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~~~~~~~~ top-level ~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='top-level'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <xsl:apply-templates select="/gamebook/meta/description[@class='blurb']"/> <xsl:apply-templates select="/gamebook/meta/creator[@class='long']"/> <hr/> @@ -1783,7 +1787,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~ toc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='toc'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:choose> <xsl:when test="$language='es'"> @@ -1844,7 +1848,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~ second-level-frontmatter ~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='second-level-frontmatter'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -1856,7 +1860,7 @@ Todo: <!-- ~~~~~~~~~~~~~ third-level-frontmatter-separate ~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='third-level-frontmatter-separate'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h3> <xsl:apply-templates select="meta/title"/> </h3> @@ -1868,7 +1872,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~ second-level-mainmatter ~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='second-level-mainmatter'"> <div class="mainmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -1880,7 +1884,7 @@ Todo: <!-- ~~~~~~~~~~~~~ third-level-mainmatter-separate ~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='third-level-mainmatter-separate'"> <div class="mainmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h3> <xsl:apply-templates select="meta/title"/> </h3> @@ -1892,7 +1896,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~ second-level-glossary ~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='second-level-glossary'"> <div class="mainmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -1909,7 +1913,7 @@ Todo: <!-- ~~~~~~~~~~~~~ third-level-glossary-separate ~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='third-level-glossary-separate'"> <div class="glossary"> - <div class="maintext"> + <div class="maintext table-responsive"> <h3> <xsl:apply-templates select="meta/title"/> </h3> @@ -1932,7 +1936,7 @@ Todo: --> <xsl:when test="$document-type='second-level-numbered'"> <div class="numbered"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -1985,7 +1989,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~~ third-level-numbered ~~~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='third-level-numbered'"> <div class="numbered"> - <div class="maintext"> + <div class="maintext table-responsive"> <h3> <xsl:apply-templates select="meta/title"/> </h3> @@ -1997,7 +2001,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~ footnotes ~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='footnotz'"> <div class="backmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <!-- No particular reason to code title here --> <h2> <xsl:apply-templates select="meta/title"/> @@ -2047,7 +2051,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~ second-level-backmatter ~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='second-level-backmatter'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -2059,7 +2063,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~~~~~~~ map-adjusted ~~~~~~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='map-adjusted'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -2086,8 +2090,39 @@ Todo: <xsl:variable name="illustration-height-adjusted"> <xsl:number value="$illustration-height * $illustration-width-adjusted div $illustration-width"/> </xsl:variable> - <div class="illustration"> - <div align="center"> + <xsl:call-template name="illustration-framed"> + <xsl:with-param name="illustration-width"> + <xsl:value-of select="$illustration-width-adjusted"/> + </xsl:with-param> + <xsl:with-param name="illustration-height"> + <xsl:value-of select="$illustration-height-adjusted"/> + </xsl:with-param> + <xsl:with-param name="illustration-src"> + <xsl:value-of select="$illustration-src"/> + </xsl:with-param> + <xsl:with-param name="illustration-href">maplarge.htm</xsl:with-param> + <xsl:with-param name="illustration-alt-text"> + <xsl:text>[</xsl:text> + <xsl:value-of select="$map-illustration-alt-text"/> + <xsl:text>]</xsl:text> + </xsl:with-param> + </xsl:call-template> + <xsl:if test="instance[@class='text']"> + <xsl:apply-templates select="instance[@class='text']/*"/> + </xsl:if> + </xsl:when> + <xsl:when test="self::illref and @class='html'"> + <xsl:for-each select="id( @idref )"> + <xsl:if test="contains( $use-illustrators, concat( ':', meta/creator, ':' ) )"> + <xsl:variable name="illustration-width" select="instance[@class='html']/@width"/> + <xsl:variable name="illustration-height" select="instance[@class='html']/@height"/> + <xsl:variable name="illustration-src" select="instance[@class='html']/@src"/> + <xsl:variable name="illustration-width-adjusted"> + <xsl:number value="386"/> + </xsl:variable> + <xsl:variable name="illustration-height-adjusted"> + <xsl:number value="$illustration-height * $illustration-width-adjusted div $illustration-width"/> + </xsl:variable> <xsl:call-template name="illustration-framed"> <xsl:with-param name="illustration-width"> <xsl:value-of select="$illustration-width-adjusted"/> @@ -2105,45 +2140,6 @@ Todo: <xsl:text>]</xsl:text> </xsl:with-param> </xsl:call-template> - </div> - </div> - <xsl:if test="instance[@class='text']"> - <xsl:apply-templates select="instance[@class='text']/*"/> - </xsl:if> - </xsl:when> - <xsl:when test="self::illref and @class='html'"> - <xsl:for-each select="id( @idref )"> - <xsl:if test="contains( $use-illustrators, concat( ':', meta/creator, ':' ) )"> - <xsl:variable name="illustration-width" select="instance[@class='html']/@width"/> - <xsl:variable name="illustration-height" select="instance[@class='html']/@height"/> - <xsl:variable name="illustration-src" select="instance[@class='html']/@src"/> - <xsl:variable name="illustration-width-adjusted"> - <xsl:number value="386"/> - </xsl:variable> - <xsl:variable name="illustration-height-adjusted"> - <xsl:number value="$illustration-height * $illustration-width-adjusted div $illustration-width"/> - </xsl:variable> - <div class="illustration"> - <div align="center"> - <xsl:call-template name="illustration-framed"> - <xsl:with-param name="illustration-width"> - <xsl:value-of select="$illustration-width-adjusted"/> - </xsl:with-param> - <xsl:with-param name="illustration-height"> - <xsl:value-of select="$illustration-height-adjusted"/> - </xsl:with-param> - <xsl:with-param name="illustration-src"> - <xsl:value-of select="$illustration-src"/> - </xsl:with-param> - <xsl:with-param name="illustration-href">maplarge.htm</xsl:with-param> - <xsl:with-param name="illustration-alt-text"> - <xsl:text>[</xsl:text> - <xsl:value-of select="$map-illustration-alt-text"/> - <xsl:text>]</xsl:text> - </xsl:with-param> - </xsl:call-template> - </div> - </div> <xsl:if test="instance[@class='text']"> <xsl:apply-templates select="instance[@class='text']/*"/> </xsl:if> @@ -2162,7 +2158,7 @@ Todo: <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~ map ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <xsl:when test="$document-type='map'"> <div class="frontmatter"> - <div class="maintext"> + <div class="maintext table-responsive"> <h2> <xsl:apply-templates select="meta/title"/> </h2> @@ -2183,8 +2179,30 @@ Todo: <xsl:variable name="illustration-width" select="instance[@class='html']/@width"/> <xsl:variable name="illustration-height" select="instance[@class='html']/@height"/> <xsl:variable name="illustration-src" select="instance[@class='html']/@src"/> - <div class="illustration"> - <div align="center"> + <xsl:call-template name="illustration-framed"> + <xsl:with-param name="illustration-width"> + <xsl:value-of select="$illustration-width"/> + </xsl:with-param> + <xsl:with-param name="illustration-height"> + <xsl:value-of select="$illustration-height"/> + </xsl:with-param> + <xsl:with-param name="illustration-src"> + <xsl:value-of select="$illustration-src"/> + </xsl:with-param> + <xsl:with-param name="illustration-href">map.htm</xsl:with-param> + <xsl:with-param name="illustration-alt-text"> + <xsl:text>[</xsl:text> + <xsl:value-of select="$map-illustration-alt-text"/> + <xsl:text>]</xsl:text> + </xsl:with-param> + </xsl:call-template> + </xsl:when> + <xsl:when test="self::illref and @class='html'"> + <xsl:for-each select="id( @idref )"> + <xsl:if test="contains( $use-illustrators, concat( ':', meta/creator, ':' ) )"> + <xsl:variable name="illustration-width" select="instance[@class='html']/@width"/> + <xsl:variable name="illustration-height" select="instance[@class='html']/@height"/> + <xsl:variable name="illustration-src" select="instance[@class='html']/@src"/> <xsl:call-template name="illustration-framed"> <xsl:with-param name="illustration-width"> <xsl:value-of select="$illustration-width"/> @@ -2202,36 +2220,6 @@ Todo: <xsl:text>]</xsl:text> </xsl:with-param> </xsl:call-template> - </div> - </div> - </xsl:when> - <xsl:when test="self::illref and @class='html'"> - <xsl:for-each select="id( @idref )"> - <xsl:if test="contains( $use-illustrators, concat( ':', meta/creator, ':' ) )"> - <xsl:variable name="illustration-width" select="instance[@class='html']/@width"/> - <xsl:variable name="illustration-height" select="instance[@class='html']/@height"/> - <xsl:variable name="illustration-src" select="instance[@class='html']/@src"/> - <div class="illustration"> - <div align="center"> - <xsl:call-template name="illustration-framed"> - <xsl:with-param name="illustration-width"> - <xsl:value-of select="$illustration-width"/> - </xsl:with-param> - <xsl:with-param name="illustration-height"> - <xsl:value-of select="$illustration-height"/> - </xsl:with-param> - <xsl:with-param name="illustration-src"> - <xsl:value-of select="$illustration-src"/> - </xsl:with-param> - <xsl:with-param name="illustration-href">map.htm</xsl:with-param> - <xsl:with-param name="illustration-alt-text"> - <xsl:text>[</xsl:text> - <xsl:value-of select="$map-illustration-alt-text"/> - <xsl:text>]</xsl:text> - </xsl:with-param> - </xsl:call-template> - </div> - </div> </xsl:if> </xsl:for-each> </xsl:when> @@ -2308,8 +2296,7 @@ Todo: </div> </nav> <div id="license"> - <p><xsl:apply-templates select="/gamebook/meta/rights[@class='copyrights']"/></p> - <p>Distributed under the <a href="license.htm">Project Aon License</a>.</p> + <xsl:apply-templates select="/gamebook/meta/rights[@class='license-notification']"/> </div> </footer> </div> @@ -2355,10 +2342,10 @@ Todo: </xsl:otherwise> </xsl:choose> </xsl:variable> - <p class="navigation"> + <p id="page-navigation"> <xsl:choose> <xsl:when test="meta/link[@class='prev']"> - < + <xsl:text>< </xsl:text> <a> <xsl:attribute name="href"> <xsl:apply-templates select="meta/link[@class='prev']/@idref"/> @@ -2366,7 +2353,7 @@ Todo: </xsl:attribute> <xsl:value-of select="id( meta/link[@class='prev']/@idref )/meta/title"/> </a> - · + <xsl:text> · </xsl:text> </xsl:when> <xsl:otherwise></xsl:otherwise> </xsl:choose> @@ -2393,7 +2380,7 @@ Todo: </xsl:otherwise> </xsl:choose> </a> - > + <xsl:text> ></xsl:text> </xsl:when> <xsl:otherwise></xsl:otherwise> </xsl:choose> @@ -2401,7 +2388,7 @@ Todo: </xsl:template> <xsl:template name="alpha-bar"> <xsl:param name="alpha-bar-id-prefix"/> - <p class="navigation">[<a href="{$alpha-bar-id-prefix}a.htm">A</a> <a href="{$alpha-bar-id-prefix}b.htm">B</a> <a href="{$alpha-bar-id-prefix}c.htm">C</a> <a href="{$alpha-bar-id-prefix}d.htm">D</a> <a href="{$alpha-bar-id-prefix}e.htm">E</a> <a href="{$alpha-bar-id-prefix}f.htm">F</a> <a href="{$alpha-bar-id-prefix}g.htm">G</a> <a href="{$alpha-bar-id-prefix}h.htm">H</a> <a href="{$alpha-bar-id-prefix}i.htm">I</a> <a href="{$alpha-bar-id-prefix}j.htm">J</a> <a href="{$alpha-bar-id-prefix}k.htm">K</a> <a href="{$alpha-bar-id-prefix}l.htm">L</a> <a href="{$alpha-bar-id-prefix}m.htm">M</a> <a href="{$alpha-bar-id-prefix}n.htm">N</a> <a href="{$alpha-bar-id-prefix}o.htm">O</a> <a href="{$alpha-bar-id-prefix}p.htm">P</a> <a href="{$alpha-bar-id-prefix}q.htm">Q</a> <a href="{$alpha-bar-id-prefix}r.htm">R</a> <a href="{$alpha-bar-id-prefix}s.htm">S</a> <a href="{$alpha-bar-id-prefix}t.htm">T</a> <a href="{$alpha-bar-id-prefix}u.htm">U</a> <a href="{$alpha-bar-id-prefix}v.htm">V</a> <a href="{$alpha-bar-id-prefix}w.htm">W</a> <a href="{$alpha-bar-id-prefix}x.htm">X</a> <a href="{$alpha-bar-id-prefix}y.htm">Y</a> <a href="{$alpha-bar-id-prefix}z.htm">Z</a>]</p> + <p id="page-navigation">[<a href="{$alpha-bar-id-prefix}a.htm">A</a> <a href="{$alpha-bar-id-prefix}b.htm">B</a> <a href="{$alpha-bar-id-prefix}c.htm">C</a> <a href="{$alpha-bar-id-prefix}d.htm">D</a> <a href="{$alpha-bar-id-prefix}e.htm">E</a> <a href="{$alpha-bar-id-prefix}f.htm">F</a> <a href="{$alpha-bar-id-prefix}g.htm">G</a> <a href="{$alpha-bar-id-prefix}h.htm">H</a> <a href="{$alpha-bar-id-prefix}i.htm">I</a> <a href="{$alpha-bar-id-prefix}j.htm">J</a> <a href="{$alpha-bar-id-prefix}k.htm">K</a> <a href="{$alpha-bar-id-prefix}l.htm">L</a> <a href="{$alpha-bar-id-prefix}m.htm">M</a> <a href="{$alpha-bar-id-prefix}n.htm">N</a> <a href="{$alpha-bar-id-prefix}o.htm">O</a> <a href="{$alpha-bar-id-prefix}p.htm">P</a> <a href="{$alpha-bar-id-prefix}q.htm">Q</a> <a href="{$alpha-bar-id-prefix}r.htm">R</a> <a href="{$alpha-bar-id-prefix}s.htm">S</a> <a href="{$alpha-bar-id-prefix}t.htm">T</a> <a href="{$alpha-bar-id-prefix}u.htm">U</a> <a href="{$alpha-bar-id-prefix}v.htm">V</a> <a href="{$alpha-bar-id-prefix}w.htm">W</a> <a href="{$alpha-bar-id-prefix}x.htm">X</a> <a href="{$alpha-bar-id-prefix}y.htm">Y</a> <a href="{$alpha-bar-id-prefix}z.htm">Z</a>]</p> </xsl:template> <xsl:template name="illustration-framed"> <xsl:param name="illustration-alt-text"> diff --git a/en/.publisher/rules/dever b/en/.publisher/rules/dever index ecf4b26..bf2247f 100644 --- a/en/.publisher/rules/dever +++ b/en/.publisher/rules/dever @@ -4,7 +4,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/01fftd/ill/chalk:en/png/lw/skins/dever:en/png/lw/01fftd/ill/alvarez-blake:en/png/lw/01fftd/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -15,7 +15,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/02fotw/ill/chalk:en/png/lw/skins/dever:en/png/lw/02fotw/ill/alvarez-blake:en/png/lw/02fotw/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -26,7 +26,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/03tcok/ill/chalk:en/png/lw/skins/dever:en/png/lw/03tcok/ill/alvarez-blake:en/png/lw/03tcok/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -37,7 +37,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/04tcod/ill/chalk:en/png/lw/skins/dever:en/png/lw/04tcod/ill/alvarez-blake:en/png/lw/04tcod/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -48,7 +48,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/05sots/ill/chalk:en/png/lw/skins/dever:en/png/lw/05sots/ill/alvarez-blake:en/png/lw/05sots/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -59,7 +59,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/06tkot/ill/chalk:en/png/lw/skins/dever:en/png/lw/06tkot/ill/alvarez-blake:en/png/lw/06tkot/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -70,7 +70,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/07cd/ill/chalk:en/png/lw/skins/dever:en/png/lw/07cd/ill/alvarez-blake:en/png/lw/07cd/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -81,7 +81,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Gary Chalk:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/08tjoh/ill/chalk:en/png/lw/skins/dever:en/png/lw/08tjoh/ill/alvarez-blake:en/png/lw/08tjoh/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -92,7 +92,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/09tcof/ill/williams:en/png/lw/skins/dever:en/png/lw/09tcof/ill/alvarez-blake:en/png/lw/09tcof/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -103,7 +103,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/10tdot/ill/williams:en/png/lw/skins/dever:en/png/lw/10tdot/ill/alvarez-blake:en/png/lw/10tdot/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -114,7 +114,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/11tpot/ill/williams:en/png/lw/skins/dever:en/png/lw/11tpot/ill/alvarez-blake:en/png/lw/11tpot/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -125,7 +125,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/12tmod/ill/williams:en/png/lw/skins/dever:en/png/lw/12tmod/ill/alvarez-blake:en/png/lw/12tmod/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -136,7 +136,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/13tplor/ill/williams:en/png/lw/skins/dever:en/png/lw/13tplor/ill/alvarez-blake:en/png/lw/13tplor/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -147,7 +147,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/14tcok/ill/williams:en/png/lw/skins/dever:en/png/lw/14tcok/ill/alvarez-blake:en/png/lw/14tcok/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -158,7 +158,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/15tdc/ill/williams:en/png/lw/skins/dever:en/png/lw/15tdc/ill/alvarez-blake:en/png/lw/15tdc/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -169,7 +169,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/16tlov/ill/williams:en/png/lw/skins/dever:en/png/lw/16tlov/ill/alvarez-blake:en/png/lw/16tlov/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -180,7 +180,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/17tdoi/ill/williams:en/png/lw/skins/dever:en/png/lw/17tdoi/ill/alvarez-blake:en/png/lw/17tdoi/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -191,7 +191,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/18dotd/ill/williams:en/png/lw/skins/dever:en/png/lw/18dotd/ill/alvarez-blake:en/png/lw/18dotd/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -202,7 +202,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/19wb/ill/williams:en/png/lw/skins/dever:en/png/lw/19wb/ill/alvarez-blake:en/png/lw/19wb/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -213,7 +213,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/20tcon/ill/williams:en/png/lw/skins/dever:en/png/lw/20tcon/ill/alvarez-blake:en/png/lw/20tcon/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -224,7 +224,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Trevor Newton:Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/21votm/ill/newton:en/png/lw/21votm/ill/williams:en/png/lw/21votm/ill/alvarez-blake:en/png/lw/21votm/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -235,7 +235,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/22tbos/ill/williams:en/png/lw/22tbos/ill/alvarez-blake:en/png/lw/22tbos/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -246,7 +246,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/23mh/ill/williams:en/png/lw/23mh/ill/alvarez-blake:en/png/lw/23mh/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -257,7 +257,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/24rw/ill/williams:en/png/lw/24rw/ill/alvarez-blake:en/png/lw/24rw/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -268,7 +268,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/25totw/ill/williams:en/png/lw/25totw/ill/alvarez-blake:en/png/lw/25totw/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -279,7 +279,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/26tfobm/ill/williams:en/png/lw/26tfobm/ill/alvarez-blake:en/png/lw/26tfobm/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -290,7 +290,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/27v/ill/williams:en/png/lw/27v/ill/alvarez-blake:en/png/lw/27v/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -301,7 +301,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/28thos/ill/williams:en/png/lw/28thos/ill/alvarez-blake:en/png/lw/28thos/ill/blake; csst: en/.publisher/style/dever/main.csst; @@ -312,7 +312,7 @@ background-color: #ffffe6; text-color: #333; link-color: #c00; - hover-link-background-color: #ffccccc; + hover-link-background-color: #fcc; use-illustrators: :Brian Williams:JC Alvarez / Jonathan Blake:Jonathan Blake:; images: en/png/lw/skins/dever:en/png/lw/29tsoc/ill/williams:en/png/lw/29tsoc/ill/alvarez-blake:en/png/lw/29tsoc/ill/blake; csst: en/.publisher/style/dever/main.csst; diff --git a/en/.publisher/style/dever/main.csst b/en/.publisher/style/dever/main.csst index f9c7232..209cc02 100644 --- a/en/.publisher/style/dever/main.csst +++ b/en/.publisher/style/dever/main.csst @@ -2,36 +2,13 @@ global styles *******************************************************************************/ -a { - background-color: transparent; - color: %%text-color%%; -} - -:link, :visited { - background-color: transparent; - color: %%link-color%%; - text-decoration: none; - font-weight: bold; -} - -:link:hover, :visited:hover { - background-color: %%hover-link-background-color%%; - color: %%link-color%%; - text-decoration: none; - font-weight: bold; -} - -:link:active, :visited:active { - background-color: transparent; - color: %%link-color%%; - text-decoration: none; - font-weight: bold; +html { + font-size: 16pt; + font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } body { background: %%background-color%%; - font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; - font-size: 16pt; color: %%text-color%%; } @@ -70,36 +47,60 @@ body { article { margin: 0; - padding-top: 2ex; - padding-left: 1em; - padding-right: 1em; - padding-bottom: 2ex; + padding-top: 1rem; + padding-left: 1rem; + padding-right: 1rem; + padding-bottom: 1.5rem; background: white; text-align: justify; font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif; - font-size: 15pt; + font-size: 1rem; } -article h3 { +article > div:last-child { + margin-bottom: -1rem; +} + +article h3, article h4, article h5, article h6 { margin-top: 0; - padding-top: 0.5ex; + padding-top: 0.5rem; + font-weight: bold; +} + +article h3 { text-align: center; + font-size: 1.5rem; +} + +article h4 { + font-size: 1.25rem; +} + +article h5 { + font-size: 1rem; + font-style: italic; +} + +article h6 { + font-size: 1rem; + font-weight: normal; + font-style: italic; } figure { max-width: 386px; margin-left: auto; margin-right: auto; - margin-top: 2ex; - margin-bottom: 2ex; + margin-top: 1rem; + margin-bottom: 1rem; } figcaption { max-width: 480px; - margin-top: 1ex; + margin-top: 0.5rem; margin-left: auto; margin-right: auto; - margin-bottom: 2ex; + margin-bottom: 1rem; font-size: smaller; font-style: italic; } @@ -107,52 +108,87 @@ figcaption { article table { margin-left: auto; margin-right: auto; - margin-bottom: 2ex; + margin-bottom: 1rem; +} + +a { + background-color: transparent; + color: %%text-color%%; +} + +:link, :visited { + background-color: transparent; + color: %%link-color%%; + text-decoration: none; + font-weight: bold; +} + +:link:hover, :visited:hover { + background-color: %%hover-link-background-color%%; + color: %%link-color%%; + text-decoration: none; + font-weight: bold; +} + +:link:active, :visited:active { + background-color: transparent; + color: %%link-color%%; + text-decoration: none; + font-weight: bold; +} + +article p { + margin-bottom: 1.25rem; } ul.unbulleted { list-style-type: none; } -.navigation, div.signpost, .illustraion, .caption, .center { +#page-navigation, div.signpost { text-align: center; } div.signpost { - padding-top: 0.5em; - padding-bottom: 0.5em; - line-height: 1.5em; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + line-height: 1.5rem; } span.signpost, .smallcaps { font-size: smaller; } -.author { - text-align: center; - font-weight: bold; +.smallcaps { + font-variant: small-caps; } .dedication { text-align: center; font-style: italic; font-weight: bold; - margin-top: 15ex; - margin-bottom: 15ex; + margin-top: 8rem; + margin-bottom: 8rem; +} + +.choice, .puzzle, .deadend, .combat { + text-align: left; + margin-left: 1rem; } -.combat { - margin-left: 1em; +dd { + margin-left: 1rem; + margin-bottom: 0.5rem; } ul figure { - margin-left: -2.5em; + margin-left: -2.5rem; } #footnotes { - margin-top: 4ex; + margin-top: 2rem; border-top: solid thin #ccc; - padding-top: 1ex; + padding-top: 0.5rem; font-size: smaller; font-style: italic; } @@ -161,15 +197,6 @@ ul figure { display: none; } -footer { - font-size: smaller; -} - -footer .btn { - background-color: black; - color: white; -} - .navbar-dever { margin-bottom: 0; -moz-border-radius: 0; @@ -179,6 +206,7 @@ footer .btn { } .navbar-dever li > :link , .navbar-dever li > :visited { + background-color: black; color: white; } @@ -196,15 +224,13 @@ footer .btn { } #license { - margin-top: 1ex; + margin-top: 0.5rem; color: #666; - text-align: center; font-style: italic; - font-size: smaller; } #license p { - margin-bottom: 0.25ex; + margin-bottom: 0.25rem; } /******************************************************************************/ @@ -214,7 +240,7 @@ footer .btn { /******************************************************************************/ @media only screen and (min-width: 768px) { body { - padding-bottom: 2ex; + padding-bottom: 1rem; } .container { @@ -264,11 +290,7 @@ footer .btn { border-right: solid thin #ccc; } - article h3 { - padding-top: 1ex; - } - - #license { - font-size: inherit; + article h3, article h4, article h5, article h6 { + padding-top: 0.5rem; } }