Clean up CSS and XSLT for the new layout
authorJonathan Blake <jonathan.blake@projectaon.org>
Mon, 2 Dec 2019 21:08:05 +0000 (13:08 -0800)
committerJonathan Blake <jonathan.blake@projectaon.org>
Mon, 2 Dec 2019 21:08:05 +0000 (13:08 -0800)
common/xsl/xhtml-dever.xsl
en/.publisher/rules/dever
en/.publisher/style/dever/main.csst

index e3733fd..b31726b 100644 (file)
@@ -373,11 +373,14 @@ Todo:
             <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>
@@ -428,7 +431,7 @@ Todo:
     </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"/>
@@ -1584,6 +1587,7 @@ Todo:
       </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>
@@ -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']">
-          &lt;
+          <xsl:text>&lt; </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>
-          &middot;
+          <xsl:text> &middot; </xsl:text>
         </xsl:when>
         <xsl:otherwise></xsl:otherwise>
       </xsl:choose>
@@ -2393,7 +2380,7 @@ Todo:
               </xsl:otherwise>
             </xsl:choose>
           </a>
-          &gt;
+          <xsl:text> &gt;</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>&nbsp;<a href="{$alpha-bar-id-prefix}b.htm">B</a>&nbsp;<a href="{$alpha-bar-id-prefix}c.htm">C</a>&nbsp;<a href="{$alpha-bar-id-prefix}d.htm">D</a>&nbsp;<a href="{$alpha-bar-id-prefix}e.htm">E</a>&nbsp;<a href="{$alpha-bar-id-prefix}f.htm">F</a>&nbsp;<a href="{$alpha-bar-id-prefix}g.htm">G</a>&nbsp;<a href="{$alpha-bar-id-prefix}h.htm">H</a>&nbsp;<a href="{$alpha-bar-id-prefix}i.htm">I</a>&nbsp;<a href="{$alpha-bar-id-prefix}j.htm">J</a>&nbsp;<a href="{$alpha-bar-id-prefix}k.htm">K</a>&nbsp;<a href="{$alpha-bar-id-prefix}l.htm">L</a>&nbsp;<a href="{$alpha-bar-id-prefix}m.htm">M</a>&nbsp;<a href="{$alpha-bar-id-prefix}n.htm">N</a>&nbsp;<a href="{$alpha-bar-id-prefix}o.htm">O</a>&nbsp;<a href="{$alpha-bar-id-prefix}p.htm">P</a>&nbsp;<a href="{$alpha-bar-id-prefix}q.htm">Q</a>&nbsp;<a href="{$alpha-bar-id-prefix}r.htm">R</a>&nbsp;<a href="{$alpha-bar-id-prefix}s.htm">S</a>&nbsp;<a href="{$alpha-bar-id-prefix}t.htm">T</a>&nbsp;<a href="{$alpha-bar-id-prefix}u.htm">U</a>&nbsp;<a href="{$alpha-bar-id-prefix}v.htm">V</a>&nbsp;<a href="{$alpha-bar-id-prefix}w.htm">W</a>&nbsp;<a href="{$alpha-bar-id-prefix}x.htm">X</a>&nbsp;<a href="{$alpha-bar-id-prefix}y.htm">Y</a>&nbsp;<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>&nbsp;<a href="{$alpha-bar-id-prefix}b.htm">B</a>&nbsp;<a href="{$alpha-bar-id-prefix}c.htm">C</a>&nbsp;<a href="{$alpha-bar-id-prefix}d.htm">D</a>&nbsp;<a href="{$alpha-bar-id-prefix}e.htm">E</a>&nbsp;<a href="{$alpha-bar-id-prefix}f.htm">F</a>&nbsp;<a href="{$alpha-bar-id-prefix}g.htm">G</a>&nbsp;<a href="{$alpha-bar-id-prefix}h.htm">H</a>&nbsp;<a href="{$alpha-bar-id-prefix}i.htm">I</a>&nbsp;<a href="{$alpha-bar-id-prefix}j.htm">J</a>&nbsp;<a href="{$alpha-bar-id-prefix}k.htm">K</a>&nbsp;<a href="{$alpha-bar-id-prefix}l.htm">L</a>&nbsp;<a href="{$alpha-bar-id-prefix}m.htm">M</a>&nbsp;<a href="{$alpha-bar-id-prefix}n.htm">N</a>&nbsp;<a href="{$alpha-bar-id-prefix}o.htm">O</a>&nbsp;<a href="{$alpha-bar-id-prefix}p.htm">P</a>&nbsp;<a href="{$alpha-bar-id-prefix}q.htm">Q</a>&nbsp;<a href="{$alpha-bar-id-prefix}r.htm">R</a>&nbsp;<a href="{$alpha-bar-id-prefix}s.htm">S</a>&nbsp;<a href="{$alpha-bar-id-prefix}t.htm">T</a>&nbsp;<a href="{$alpha-bar-id-prefix}u.htm">U</a>&nbsp;<a href="{$alpha-bar-id-prefix}v.htm">V</a>&nbsp;<a href="{$alpha-bar-id-prefix}w.htm">W</a>&nbsp;<a href="{$alpha-bar-id-prefix}x.htm">X</a>&nbsp;<a href="{$alpha-bar-id-prefix}y.htm">Y</a>&nbsp;<a href="{$alpha-bar-id-prefix}z.htm">Z</a>]</p>
   </xsl:template>
   <xsl:template name="illustration-framed">
     <xsl:param name="illustration-alt-text">
index ecf4b26..bf2247f 100644 (file)
@@ -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;
     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;
index f9c7232..209cc02 100644 (file)
@@ -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;
   }
 }