<xsl:apply-templates select="."/>
</xsl:for-each>
</xsl:if>
+ </xsl:when><xsl:when test="self::text() and normalize-space(.)=''">
+ <!-- strip whitespace here -->
</xsl:when>
<xsl:otherwise>
<xsl:text>[error: paragraphed list template]</xsl:text>
<xsl:message>
<xsl:text>error: paragraphed list template</xsl:text>
+ <xsl:value-of select="normalize-space(.)"/>
</xsl:message>
</xsl:otherwise>
</xsl:choose>
</li>
</xsl:template>
<xsl:template match="table">
- <table>
+ <table class="table table-condensed">
<xsl:if test="@summary">
<xsl:attribute name="summary">
<xsl:value-of select="@summary"/>
</xsl:fallback>
<html xml:lang="en-UK" lang="en-UK">
<head>
+ <!-- <meta charset...> generated automatically by HTML5 output -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~ 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/>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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'">
<!-- ~~~~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~ 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>
-->
<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>
<!-- ~~~~~~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~~~~~ 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"/>
<!-- ~~~~~~~~~~~~~~~~~ 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>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~ 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>
<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"/>
<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>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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>
<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"/>
<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>
</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>
</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"/>
</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>
</xsl:otherwise>
</xsl:choose>
</a>
- >
+ <xsl:text> ></xsl:text>
</xsl:when>
<xsl:otherwise></xsl:otherwise>
</xsl:choose>
</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">
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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%%;
}
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;
}
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;
}
display: none;
}
-footer {
- font-size: smaller;
-}
-
-footer .btn {
- background-color: black;
- color: white;
-}
-
.navbar-dever {
margin-bottom: 0;
-moz-border-radius: 0;
}
.navbar-dever li > :link , .navbar-dever li > :visited {
+ background-color: black;
color: white;
}
}
#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;
}
/******************************************************************************/
/******************************************************************************/
@media only screen and (min-width: 768px) {
body {
- padding-bottom: 2ex;
+ padding-bottom: 1rem;
}
.container {
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;
}
}