forrest-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From nicola...@apache.org
Subject cvs commit: xml-forrest/src/resources/skins/krysalis-site/images spacer.gif
Date Mon, 13 Oct 2003 08:45:55 GMT
nicolaken    2003/10/13 01:45:55

  Modified:    src/resources/skins/krysalis-site/xslt/html book2menu.xsl
                        document2html.xsl site2xhtml.xsl tab2menu.xsl
               src/resources/skins/krysalis-site/css page.css
  Removed:     src/resources/skins/krysalis-site/images spacer.gif
  Log:
        <action dev="NKB" type="update" context="skins" >
            Major update to inner working of the krysalis-site skin:
            - removed all use of the spacer.gif image
            - replaced all visual enhancement icons with css icons
            - fixed CSS and html validation
            - reduced final output size,
            - removed all font tag usage in favor of css
            - added aural (speech) style in css
            - reduced usage of nested tables
            - refactored main xhtml stylesheet to be more clear and maintainable
            - refactored css to have a single small place where to define the skin colors.
        </action>
  
  Revision  Changes    Path
  1.3       +3 -7      xml-forrest/src/resources/skins/krysalis-site/xslt/html/book2menu.xsl
  
  Index: book2menu.xsl
  ===================================================================
  RCS file: /home/cvs/xml-forrest/src/resources/skins/krysalis-site/xslt/html/book2menu.xsl,v
  retrieving revision 1.2
  retrieving revision 1.3
  diff -u -r1.2 -r1.3
  --- book2menu.xsl	10 Sep 2003 08:12:52 -0000	1.2
  +++ book2menu.xsl	13 Oct 2003 08:45:54 -0000	1.3
  @@ -9,7 +9,7 @@
   <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   
     <xsl:import href="../../../common/xslt/html/book2menu.xsl"/>
  -
  +  
     <xsl:template match="book">
       <div class="menu">
         <ul>
  @@ -20,7 +20,7 @@
   
     <xsl:template match="menu">
       <li>
  -      <font color="#000000"><xsl:value-of select="@label"/></font>
  +      <span class="manutitle"><xsl:value-of select="@label"/></span>
         <ul>
           <xsl:apply-templates/>
         </ul>
  @@ -37,16 +37,12 @@
     
     <xsl:template name="selected">
       <span class="sel">
  -      <font color="#ffcc00">
           <xsl:value-of select="@label"/>
  -      </font>
       </span>
     </xsl:template>
   
     <xsl:template name="print-external">
  -    <font color="#ffcc00">
         <xsl:apply-imports/>
  -    </font>
     </xsl:template>
     
   </xsl:stylesheet>
  
  
  
  1.12      +4 -4      xml-forrest/src/resources/skins/krysalis-site/xslt/html/document2html.xsl
  
  Index: document2html.xsl
  ===================================================================
  RCS file: /home/cvs/xml-forrest/src/resources/skins/krysalis-site/xslt/html/document2html.xsl,v
  retrieving revision 1.11
  retrieving revision 1.12
  diff -u -r1.11 -r1.12
  --- document2html.xsl	22 May 2003 00:12:38 -0000	1.11
  +++ document2html.xsl	13 Oct 2003 08:45:54 -0000	1.12
  @@ -15,7 +15,7 @@
   <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   
     <xsl:import href="../../../common/xslt/html/document2html.xsl"/>
  -
  +  
     <xsl:template match="document">
   
       <div class="content">
  @@ -126,7 +126,7 @@
               </tr>
               <tr>
                 <td class="bottom-left-thick"></td>
  -              <td bgcolor="#a5b6c6"></td>
  +              <td class="border"></td>
                 <td class="bottom-right-thick"></td>
               </tr>
   
  @@ -147,7 +147,7 @@
               </tr>
               <tr>
                 <td class="bottom-left"></td>
  -              <td bgcolor="#a5b6c6"></td>
  +              <td class="border"></td>
                 <td class="bottom-right"></td>
               </tr>
   
  
  
  
  1.20      +301 -299  xml-forrest/src/resources/skins/krysalis-site/xslt/html/site2xhtml.xsl
  
  Index: site2xhtml.xsl
  ===================================================================
  RCS file: /home/cvs/xml-forrest/src/resources/skins/krysalis-site/xslt/html/site2xhtml.xsl,v
  retrieving revision 1.19
  retrieving revision 1.20
  diff -u -r1.19 -r1.20
  --- site2xhtml.xsl	29 Sep 2003 07:39:28 -0000	1.19
  +++ site2xhtml.xsl	13 Oct 2003 08:45:54 -0000	1.20
  @@ -5,15 +5,15 @@
   footer, searchbar, css etc.  As input, it takes XML of the form:
   
   <site>
  -  <div class="menu">
  +  <? class="menu">
       ...
  -  </div>
  -  <div class="tab">
  +  </?>
  +  <? class="tab">
       ...
  -  </div>
  -  <div class="content">
  +  </?>
  +  <? class="content">
       ...
  -  </div>
  +  </?>
   </site>
   
   $Id$
  @@ -22,13 +22,7 @@
   <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   
     <xsl:import href="../../../common/xslt/html/site2xhtml.xsl"/>
  -
  -  <xsl:variable name="header-color" select="'#FFFFFF'"/>
  -  <xsl:variable name="header-color2" select="'#a5b6c6'"/>
  -  <xsl:variable name="menu-border" select="'#F7F7F7'"/>
  -  <xsl:variable name="background-bars" select="'#CFDCED'"/>
  -
  -
  +  
     <xsl:template match="site">
       <html>
         <head>
  @@ -37,268 +31,178 @@
           <script type="text/javascript" language="javascript" src="{$root}skin/fontsize.js"></script>
           <script type="text/javascript" language="javascript" src="{$root}skin/menu.js"></script>
         </head>
  -      <body bgcolor="#FFFFFF" text="#000000" onload="init()">
  +      <body onload="init()" >
           <script type="text/javascript">ndeSetTextSize();</script>
  -        <!-- ================================= top bar with logo's and search box ===================================  -->
   
  -        <xsl:comment>================= start Banner ==================</xsl:comment>
  +        <!--
  +          +=========================+
  +          |       topstrip          |
  +          +=========================+
  +          |                         |
  +          |       centerstrip       |
  +          |                         |
  +          |                         |
  +          +=========================+
  +          |       bottomstrip       |
  +          +=========================+
  +        -->
  +        
  +        <xsl:call-template name = "topstrip" />
   
  -        <table cellspacing="0" cellpadding="0" border="0" width="100%" summary="header with logos">
  -          <tr>
  -
  -            <xsl:comment>================= start Group Logo ==================</xsl:comment>
  -            <td bgcolor="{$header-color}">
  -              <xsl:if test="$config/group-url">
  -                <div class="headerlogo">
  -                <xsl:call-template name="renderlogo">
  -                  <xsl:with-param name="name" select="$config/group-name"/>
  -                  <xsl:with-param name="url" select="$config/group-url"/>
  -                  <xsl:with-param name="logo" select="$config/group-logo"/>
  -                  <xsl:with-param name="root" select="$root"/>
  -                </xsl:call-template>
  -                </div>
  -                <span class="textheader"><xsl:value-of select="$config/group-name"/></span>
  -              </xsl:if>
  -            </td>
  -            <xsl:comment>================= end Group Logo ==================</xsl:comment>
  -            <xsl:comment>================= start Project Logo ==================</xsl:comment>
  -            <td bgcolor="{$header-color}" align="center" >
  -             <div class="headerlogo">
  -              <xsl:call-template name="renderlogo">
  -                <xsl:with-param name="name" select="$config/project-name"/>
  -                <xsl:with-param name="url" select="$config/project-url"/>
  -                <xsl:with-param name="logo" select="$config/project-logo"/>
  -                <xsl:with-param name="root" select="$root"/>
  -              </xsl:call-template>
  -              </div>
  -            </td>
  -            <xsl:comment>================= end Project Logo ==================</xsl:comment>
  +        <xsl:call-template name="centerstrip"/>
   
  -            <xsl:comment>================= start Search ==================</xsl:comment>
  -            <td class="search" align="right" bgcolor="{$header-color}" rowspan="2" valign="top">
  -              <xsl:if test="not($config/disable-search) or
  -                $config/disable-search='false' and $config/searchsite-domain and
  -                $config/searchsite-name">
  -                <form method="get" action="http://www.google.com/search" target="_blank">
  -                  <table bgcolor="{$menu-border}" cellpadding="0" cellspacing="0" border="0" summary="search">
  -                    <tr>
  -                      <td colspan="3" bgcolor="#a5b6c6"><img class="spacer" src="{$spacer}" alt="" width="1" height="10" /></td>
  -                    </tr>
  -                    <tr>
  -                      <td colspan="3"><img class="spacer" src="{$spacer}" alt="" width="1" height="8" /></td>
  -                    </tr>
  -                    <tr>
  -                      <td><img class="spacer" src="{$spacer}" alt="" width="1" height="1" /></td>
  -                      <td nowrap="nowrap">
  -                        <input type="hidden" name="sitesearch" value="{$config/searchsite-domain}"/>
  -                        <input type="text" id="query" name="q" size="15"/>
  -                        <img class="spacer" src="{$spacer}" alt="" width="5" height="1" />
  -                        <input type="submit" value="Search" name="Search"/>
  -                        <br />
  -                          the <xsl:value-of select="$config/searchsite-name"/> site
  -                          <!-- setting search options off for the moment -->
  -                          <!--
  -                          <input type="radio" name="web" value="web"/>web site&#160;&#160;<input type="radio" name="mail" value="mail"/>mail lists
  -                          -->
  -                      </td>
  -                      <td><img class="spacer" src="{$spacer}" alt="" width="1" height="1" /></td>
  -                    </tr>
  -
  -                    <tr>
  -                      <td colspan="3"><img class="spacer" src="{$spacer}" alt="" width="1" height="7" /></td>
  -                    </tr>
  -
  -                    <tr>
  -                      <td class="bottom-left-thick"></td>
  -                      <td bgcolor="#a5b6c6"><img class="spacer" src="{$spacer}" alt="" width="1" height="1" /></td>
  -                      <td class="bottom-right-thick"></td>
  -                    </tr>
  -                  </table>
  -                </form>
  -              </xsl:if>
  -            </td>
  -            <xsl:comment>================= end Search ==================</xsl:comment>
  -
  -            <td align="right" bgcolor="{$header-color}"><img class="spacer" src="{$spacer}" alt="" width="10" height="10" />
  -              <span class="textheader"><xsl:value-of select="$config/project-name"/></span>
  -            </td>
  -          </tr>
  -          <tr>
  -            <td colspan="2" bgcolor="{$header-color}" valign="bottom">
  -              <xsl:comment>================= start Tabs ==================</xsl:comment>
  -              <xsl:apply-templates select="div[@class='tab']"/>
  -              <xsl:comment>================= end Tabs ==================</xsl:comment>
  -            </td>
  -            <td bgcolor="{$header-color}"><img class="spacer" src="{$spacer}" height="1" width="1" alt="" /></td>
  -          </tr>
  -          <tr>
  -            <td colspan="4" bgcolor="{$header-color2}" align="right">
  -               <img src="{$spacer}" alt="" height="10" width="1" />
  -               <span class="datenote"><script language="JavaScript" type="text/javascript"><![CDATA[<!--
  -                  document.write("Published: " + document.lastModified);
  -                  //  -->]]></script></span>
  -            </td>
  -          </tr>
  -        </table>
  -        <xsl:comment>================= end Banner ==================</xsl:comment>
  -
  -
  -        <xsl:comment>================= start Menu, NavBar, Content ==================</xsl:comment>
  -        <table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#ffffff" summary="page content">
  -          <tr>
  -            <td valign="top">
  -              <!-- If we have any menu items, draw a menu -->
  -              <xsl:if test="div[@class='menu']/ul/li">
  -                <xsl:call-template name="menu"/>
  -              </xsl:if>
  -            </td>
  -
  -            <td width="100%" valign="top">
  -              <table cellspacing="0" cellpadding="0" border="0" width="100%" summary="content">
  +        <xsl:call-template name="bottomstrip"/>
  +        
  +      </body>
  +    </html>
  +  </xsl:template>
   
  -                <xsl:comment>================= start middle NavBar ==================</xsl:comment>
  -                <tr><td bgcolor="{$header-color2}" colspan="3"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td></tr>
  +  <xsl:template name="topstrip">
  +    <!--   
  +        +======================================================+
  +        |+============+    +==============+    | search box |  |
  +        || group logo |    | project logo |    +============+  |
  +        |+============+    +==============+                    |
  +        +======================================================+
  +        ||tab|tab|tab|                           publish date  |
  +        +======================================================+
  +    -->
  +    <table class="header" cellspacing="0" cellpadding="0" border="0" width="100%">
  +      <tr>
  +        <!-- ( ================= Group Logo ================== ) -->
  +        <td >
  +          <xsl:if test="$config/group-url">
  +            <div class="headerlogo">
  +            <xsl:call-template name="renderlogo">
  +              <xsl:with-param name="name" select="$config/group-name"/>
  +              <xsl:with-param name="url" select="$config/group-url"/>
  +              <xsl:with-param name="logo" select="$config/group-logo"/>
  +              <xsl:with-param name="root" select="$root"/>
  +            </xsl:call-template>
  +            </div>
  +            <span class="textheader"><xsl:value-of select="$config/group-name"/></span>
  +          </xsl:if>
  +        </td>
  +        <!-- ( ================= Project Logo ================== ) -->
  +        <td align="center" >
  +         <div class="headerlogo">
  +          <xsl:call-template name="renderlogo">
  +            <xsl:with-param name="name" select="$config/project-name"/>
  +            <xsl:with-param name="url" select="$config/project-url"/>
  +            <xsl:with-param name="logo" select="$config/project-logo"/>
  +            <xsl:with-param name="root" select="$root"/>
  +          </xsl:call-template>
  +          </div>
  +        </td>
  +        <!-- ( =================  Search ================== ) -->
  +        <td class="search" align="right" rowspan="2" valign="top">
  +          <xsl:if test="not($config/disable-search) or
  +            $config/disable-search='false' and $config/searchsite-domain and
  +            $config/searchsite-name">
  +            <form method="get" action="http://www.google.com/search" target="_blank">
  +              <table class="dialog" cellspacing="0" cellpadding="0" border="0">
                   <tr>
  -                  <td bgcolor="{$background-bars}" width="10" align="left"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td>
  -                  <td width="100%" bgcolor="{$background-bars}">
  -                  <table cellspacing="0" cellpadding="0" border="0" width="100%" >
  -                  <tr>
  -                  <td bgcolor="{$background-bars}" width="50%" align="left">
  -                    <!-- ============ Page number =========== -->
  -                    <span class="trail">
  -                      &#160;
  -                      <script type="text/javascript" language="JavaScript" src="{$root}skin/breadcrumbs.js"></script>
  -                      <!-- <b>Page 1 of 5</b> -->
  -                    </span>
  -                    <img class="spacer" src="{$spacer}" alt="" height="8" width="10" />
  -                  </td>
  -                  <td bgcolor="{$background-bars}" width="50%" align="right">
  -                    <!-- ============ Page navigation =========== -->
  -                      <span class="trail">Font size: 
  -                        &#160;<input type="button" onclick="ndeSetTextSize('decr'); return false;" title="Shrink text" class="smallerfont" value="-a"/>
  -                        &#160;<input type="button" onclick="ndeSetTextSize('incr'); return false;" title="Enlarge text" class="biggerfont" value="+a"/>
  -                        &#160;<input type="button" onclick="ndeSetTextSize('reset'); return false;" title="Reset text" class="resetfont" value="Reset"/>           
  -                    </span>
  -                    <img class="spacer" src="{$spacer}" alt="" height="8" width="10" />
  -                  </td>
  -                  </tr>
  -                  </table>
  +                  <td colspan="3" class="border" height="10"></td>
  +                </tr>
  +                <tr>
  +                  <td colspan="3" height="8"></td>
  +                </tr>
  +                <tr>
  +                  <td></td>
  +                  <td nowrap="nowrap">
  +                    <input type="hidden" name="sitesearch" value="{$config/searchsite-domain}"/>
  +                    <input type="text" id="query" name="q" size="15"/>
  +                    &#160;
  +                    <input type="submit" value="Search" name="Search"/>
  +                    <br />
  +                      the <xsl:value-of select="$config/searchsite-name"/> site
  +                      <!-- setting search options off for the moment -->
  +                      <!--
  +                      <input type="radio" name="web" value="web"/>web site&#160;&#160;<input type="radio" name="mail" value="mail"/>mail lists
  +                      -->
                     </td>
  -                  <td bgcolor="#CFDCED" width="10">
  -                    <font face="Arial, Helvetica, Sans-serif" size="4" color="{$menu-border}">&#160;</font>
  -                    <img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td>
  +                  <td></td>
                   </tr>
  -                <tr><td bgcolor="{$header-color2}" colspan="4"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td></tr>
  -                <xsl:comment>================= end middle NavBar ==================</xsl:comment>
   
  -                <xsl:comment>================= start Content==================</xsl:comment>
                   <tr>
  -                  <td width="10" align="left"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td>
  -                  <td width="100%" align="left">
  -                    <xsl:apply-templates select="div[@class='content']"/>
  -                  </td>
  -                  <td width="10"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td>
  +                  <td colspan="3" height="7"></td>
                   </tr>
  -                <xsl:comment>================= end Content==================</xsl:comment>
   
  +                <tr>
  +                  <td class="border bottom-left-thick"></td>
  +                  <td class="border"></td>
  +                  <td class="border bottom-right-thick"></td>
  +                </tr>
                 </table>
  -            </td>
  -          </tr>
  -          <tr>
  -           <td><!-- using breaks so it scales with font size -->
  -             <br/><br/>
  -           </td>
  -          </tr>
  -        </table>
  -        <xsl:comment>================= end Menu, NavBar, Content ==================</xsl:comment>
  -
  -        <xsl:comment>================= start Footer ==================</xsl:comment>
  -        <table border="0" width="100%" cellpadding="0" cellspacing="0" summary="footer">
  -          <tr>
  -            <td bgcolor="{$menu-border}" height="1" colspan="2">
  -              <img class="spacer" src="{$spacer}" alt="" width="1" height="1" />
  -              <a href="{$skin-img-dir}/label.gif"/>
  -              <a href="{$skin-img-dir}/page.gif"/>
  -              <a href="{$skin-img-dir}/chapter.gif"/>
  -              <a href="{$skin-img-dir}/chapter_open.gif"/>
  -              <a href="{$skin-img-dir}/current.gif"/>
  -              <a href="/favicon.ico"/>
  -            </td>
  -          </tr>
  -          <tr>
  -            <xsl:if test="$config/host-logo and not($config/host-logo = '')">
  -              <div class="host">
  -                <img class="spacer" src="{$spacer}" width="10" height="1" alt=""/>
  -                <xsl:call-template name="renderlogo">
  -                  <xsl:with-param name="name" select="$config/host-name"/>
  -                  <xsl:with-param name="url" select="$config/host-url"/>
  -                  <xsl:with-param name="logo" select="$config/host-logo"/>
  -                  <xsl:with-param name="root" select="$root"/>
  -                </xsl:call-template>
  -              </div>
  -            </xsl:if>
  -            <td width="90%" align="center" class="copyright" bgcolor="{$header-color2}" colspan="2">
  -              <span class="footnote">Copyright &#169;
  -                <xsl:value-of select="$config/year"/>&#160;<xsl:value-of
  -                  select="$config/vendor"/> All rights reserved.
  -                <br/><script language="JavaScript" type="text/javascript"><![CDATA[<!--
  -                  document.write(" - "+"Last Published: " + document.lastModified);
  -                  //  -->]]></script></span>
  -            </td>
  -            <td class="logos" bgcolor="{$header-color2}" align="right" nowrap="nowrap">
  -
  -              <xsl:call-template name="compliancy-logos"/>
  -              <!-- old place where to put credits icons-->
  -              <!--
  -              <xsl:if test="$filename = 'index.html' and $config/credits">
  -                <xsl:for-each select="$config/credits/credit[not(@role='pdf')]">
  -                  <xsl:variable name="name" select="name"/>
  -                  <xsl:variable name="url" select="url"/>
  -                  <xsl:variable name="image" select="image"/>
  -                  <xsl:variable name="width" select="width"/>
  -                  <xsl:variable name="height" select="height"/>
  -                  <a href="{$url}">
  -                    <img alt="{$name} logo" border="0">
  -                      <xsl:attribute name="src">
  -                        <xsl:if test="not(starts-with($image, 'http://'))"><xsl:value-of select="$root"/></xsl:if>
  -                        <xsl:value-of select="$image"/>
  -                      </xsl:attribute>
  -                      <xsl:if test="$width"><xsl:attribute name="width"><xsl:value-of select="$width"/></xsl:attribute></xsl:if>
  -                      <xsl:if test="$height"><xsl:attribute name="height"><xsl:value-of select="$height"/></xsl:attribute></xsl:if>
  -                    </img>
  -                    <img class="spacer" src="{$spacer}" border="0" alt="" width="5" height="1" />
  -                  </a>
  -                </xsl:for-each>
  -              </xsl:if>
  -              -->
  -            </td>
  -          </tr>
  -        </table>
  -        <xsl:comment>================= end Footer ==================</xsl:comment>
  -      </body>
  -    </html>
  -  </xsl:template>
  +            </form>
  +          </xsl:if>
  +        </td>
   
  +        <td align="right" width="10" height="10">
  +          <span class="textheader"><xsl:value-of select="$config/project-name"/></span>
  +        </td>
  +      </tr>
  +      <!-- ( ================= Tabs ================== ) -->
  +      <tr>
  +        <td colspan="3">
  +          <xsl:apply-templates select="table[@class='tab']"/>
  +        </td>
  +      </tr>
  +      <tr>
  +        <td colspan="4" class="datenote border">
  +           <script language="JavaScript" type="text/javascript"><![CDATA[<!--
  +              document.write("Published: " + document.lastModified);
  +              //  -->]]></script>
  +        </td>
  +      </tr>
  +    </table>
  +  </xsl:template>
  +  
  +  <xsl:template name="centerstrip" >
  +   <!--
  +     +=========+======================+
  +     |         |                      |
  +     |         |                      |
  +     |         |                      |
  +     |         |                      |
  +     |  menu   |   mainarea           |
  +     |         |                      |
  +     |         |                      |
  +     |         |                      |
  +     |         |                      |
  +     +=========+======================+
  +    -->
  +    <table cellspacing="0" cellpadding="0" border="0" width="100%">
  +      <tr>
  +        <!-- ( =================  Menu  ================== ) -->
  +        <td valign="top">
  +          <!-- If we have any menu items, draw a menu -->
  +          <xsl:if test="div[@class='menu']/ul/li">
  +            <xsl:call-template name="menu"/>
  +          </xsl:if>
  +        </td>
  +        <!-- ( =================  Main Area  ================== ) -->
  +        <td valign="top" width="100%">
  +           <xsl:call-template name="mainarea"/>
  +        </td>
  +      </tr>
  +    </table>
  +  </xsl:template>
   
     <xsl:template name="menu">
  -    <table cellpadding="0" cellspacing="0" border="0" summary="menu">
  +    <table cellpadding="0" cellspacing="0">
         <tr>
  -        <xsl:comment>================= start left top NavBar ==================</xsl:comment>
  -        <td valign="top" rowspan="3">
  -          <table cellspacing="0" cellpadding="0" border="0" summary="blue line">
  -            <tr><td bgcolor="{$header-color2}"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td></tr>
  -            <tr><td bgcolor="{$background-bars}"><font face="Arial, Helvetica, Sans-serif" size="4" color="{$menu-border}">&#160;</font></td></tr>
  -            <tr><td bgcolor="{$header-color}"><img class="spacer" src="{$spacer}" alt="" height="1" width="10" /></td></tr>
  +        <!-- ( ================= start left top NavBar ================== ) -->
  +        <td valign = "top">
  +          <table class="leftpagemargin" cellspacing="0" cellpadding="0" border="0">
  +            <tr><td class="subborder">&#160;</td></tr>
  +            <tr><td class="border" height="1"></td></tr>
             </table>
           </td>
  -        <xsl:comment>================= end left top NavBar ==================</xsl:comment>
  -
  -        <td bgcolor="{$header-color2}"><img class="spacer" src="{$spacer}" alt="" height="1" width="1" /></td>
  -        <td bgcolor="{$menu-border}" valign="bottom"><img class="spacer" src="{$spacer}" alt="" height="10" width="10" /></td>
  -        <td bgcolor="{$menu-border}" valign="top" nowrap="nowrap">
  -
  -          <xsl:comment>================= start Menu items ==================</xsl:comment>
  +        <!-- ( ================= end left top NavBar ================== ) -->
   
  +        <td class="dialog">
  +          <!-- ( ================= start Menu items ================== ) -->
             <div class="menu">
               <xsl:for-each select = "div[@class='menu']/ul/li">
                 <xsl:call-template name = "innermenuli" >
  @@ -307,53 +211,57 @@
               </xsl:for-each>
             </div>
   
  -          <xsl:comment>================= end Menu items ==================</xsl:comment>
  +          <!-- ( ================= end Menu items ================== ) -->
           </td>
  -        <td bgcolor="{$menu-border}" valign="bottom"><img class="spacer" src="{$spacer}" alt="" height="10" width="10" /></td>
  -        <td bgcolor="{$header-color2}"><img class="spacer" src="{$spacer}" alt="" height="1" width="1" /></td>
         </tr>
   
         <tr>
  -        <td class="bottom-left-thick" rowspan="2" colspan="2"></td>
  -        <td bgcolor="{$header-color2}"><img class="spacer" src="{$spacer}" alt="" border="0" width="10" height="10" /></td>
  -        <td class="bottom-right-thick" rowspan="2" colspan="2"></td>
  -      </tr>
  -      <tr>
  -        <td bgcolor="{$header-color2}" height="1"><img class="spacer" src="{$spacer}" alt="" height="1" width="1" /></td>
  +        <td></td>
  +        <td>
  +          <table cellspacing="0" cellpadding="0" border="0" width="100%">
  +            <tr>
  +              <td class="border bottom-left-thick"></td>
  +              <td class="border"></td>
  +              <td class="border bottom-right-thick" ></td>
  +            </tr>
  +          </table>
  +        </td>      
         </tr>
  +
         <tr>
  -        <td height="5"><img class="spacer" src="{$spacer}" alt="" height="5" width="1" /></td>
  +        <td height="5" colspan="2"></td>
         </tr>                
   
  -
  -      <xsl:if test="$filename = 'index.html' and $config/credits">
  -        <xsl:for-each select="$config/credits/credit[not(@role='pdf')]">
  -          <xsl:variable name="name" select="name"/>
  -          <xsl:variable name="url" select="url"/>
  -          <xsl:variable name="image" select="image"/>
  -          <xsl:variable name="width" select="width"/>
  -          <xsl:variable name="height" select="height"/>
  -          <tr>
  -            <td height="5"><img class="spacer" src="{$spacer}" alt="" height="5" width="1" /></td>
  -          </tr> 
  -          <tr> 
  -            <td><img class="spacer" src="{$spacer}" alt="" height="1" width="1" /></td>
  -            <td colspan="4" height="5" class="logos">
  -              <a href="{$url}">
  -                <img alt="{$name} logo" border="0">
  -                  <xsl:attribute name="src">
  -                    <xsl:if test="not(starts-with($image, 'http://'))"><xsl:value-of select="$root"/></xsl:if>
  -                    <xsl:value-of select="$image"/>
  -                  </xsl:attribute>
  -                  <xsl:if test="$width"><xsl:attribute name="width"><xsl:value-of select="$width"/></xsl:attribute></xsl:if>
  -                  <xsl:if test="$height"><xsl:attribute name="height"><xsl:value-of select="$height"/></xsl:attribute></xsl:if>
  -                </img>
  -                <img class="spacer" src="{$spacer}" border="0" alt="" width="5" height="1" />
  -              </a>
  -            </td>
  -          </tr> 
  -        </xsl:for-each>
  -      </xsl:if>
  + 	  <xsl:if test="$filename = 'index.html' and $config/credits">
  + 	     <tr>
  + 	       <td colspan="2">
  +             <table>
  +		        <xsl:for-each select="$config/credits/credit[not(@role='pdf')]">
  +		          <xsl:variable name="name" select="name"/>
  +		          <xsl:variable name="url" select="url"/>
  +		          <xsl:variable name="image" select="image"/>
  +		          <xsl:variable name="width" select="width"/>
  +		          <xsl:variable name="height" select="height"/>
  +		          <tr> 
  +		            <td></td>
  +		            <td colspan="4" height="5" class="logos">
  +		              <a href="{$url}">
  +		                <img alt="{$name} logo" border="0">
  +		                  <xsl:attribute name="src">
  +		                    <xsl:if test="not(starts-with($image, 'http://'))"><xsl:value-of select="$root"/></xsl:if>
  +		                    <xsl:value-of select="$image"/>
  +		                  </xsl:attribute>
  +		                  <xsl:if test="$width"><xsl:attribute name="width"><xsl:value-of select="$width"/></xsl:attribute></xsl:if>
  +		                  <xsl:if test="$height"><xsl:attribute name="height"><xsl:value-of select="$height"/></xsl:attribute></xsl:if>
  +		                </img>
  +		              </a>
  +		            </td>
  +		          </tr> 
  +		        </xsl:for-each>
  +            </table> 
  +          </td>
  +        </tr> 
  +      </xsl:if>      
   
       </table>
     </xsl:template>
  @@ -363,8 +271,8 @@
       <xsl:param name="id"/>
       <xsl:variable name="tagid">
         <xsl:choose>
  -        <xsl:when test="descendant-or-self::node()/li/span/@class='sel'"><xsl:value-of select="concat('_selected_',$id)"/></xsl:when>
  -        <xsl:otherwise><xsl:value-of select="concat(font,$id)"/></xsl:otherwise>
  +        <xsl:when test="descendant-or-self::node()/li/span/@class='sel'"><xsl:value-of select="concat('menu_selected_',$id)"/></xsl:when>
  +        <xsl:otherwise><xsl:value-of select="concat('menu_',concat(font,$id))"/></xsl:otherwise>
         </xsl:choose>
       </xsl:variable>
       <xsl:variable name="whichGroup">
  @@ -375,7 +283,7 @@
       </xsl:variable>
       
       
  -    <div class="menutitle" id="{$tagid}Title" onclick="SwitchMenu('{$tagid}')"><xsl:value-of select="font"/></div>
  +    <div class="menutitle" id="{$tagid}Title" onclick="SwitchMenu('{$tagid}')"><xsl:value-of select="span"/></div>
         <div class="{$whichGroup}" id="{$tagid}">
           <xsl:for-each select= "ul/li">
   
  @@ -435,11 +343,105 @@
         </div>
     </xsl:template>
   
  -
     <xsl:template match="toc|toc2|tocc|toca">
     </xsl:template>
  +  
  +  <xsl:template name="mainarea">
  +	  <table cellspacing="0" cellpadding="0" border="0" width="100%">
  +	    <!-- ( ================= middle NavBar ================== ) -->
  +	    <tr>
  +	      <td></td>
  +	      <!-- ============ Breadcrumbs =========== -->
  +          <td class="subborder trail">
  +	         &#160;<script type="text/javascript" language="JavaScript" src="{$root}skin/breadcrumbs.js"></script>&#160;
  +	      </td>
  +	      <!-- ============ Page font settings =========== -->
  +	      <td class="subborder trail" align="right" nowrap="true">
  +	        Font size: 
  +	          &#160;<input type="button" onclick="ndeSetTextSize('decr'); return false;" title="Shrink text" class="smallerfont" value="-a"/>
  +	          &#160;<input type="button" onclick="ndeSetTextSize('incr'); return false;" title="Enlarge text" class="biggerfont" value="+a"/>
  +	          &#160;<input type="button" onclick="ndeSetTextSize('reset'); return false;" title="Reset text" class="resetfont" value="Reset"/>           
  +          </td>
  +	      <td class="subborder">&#160;</td>
  +	    </tr>
  +	    <tr><td class="border" height="1" colspan="4"></td></tr>
  +
  +	    <!-- ( ================= Content================== ) -->
  +	    <tr >
  +	      <td width="10" align="left"></td>
  +	      <td width="100%" align="left" colspan="2">
  +	        <xsl:apply-templates select="div[@class='content']"/>
  +	      </td>
  +	      <td width="10"></td>
  +	    </tr>
  +	  </table>
  +  </xsl:template>
  +  
  +  <xsl:template name="bottomstrip">
  +    <!-- ( ================= start Footer ================== ) -->
  +    <table>
  +      <tr>
  +       <td><!-- using breaks so it scales with font size -->
  +         <br/><br/>
  +       </td>
  +      </tr>
  +    </table>
  +    <table class="footer">
  +      <tr>
  +        <xsl:if test="$config/host-logo and not($config/host-logo = '')">
  +          <div class="host">
  +            <xsl:call-template name="renderlogo">
  +              <xsl:with-param name="name" select="$config/host-name"/>
  +              <xsl:with-param name="url" select="$config/host-url"/>
  +              <xsl:with-param name="logo" select="$config/host-logo"/>
  +              <xsl:with-param name="root" select="$root"/>
  +            </xsl:call-template>
  +          </div>
  +        </xsl:if>
  +        <td width="90%" align="center" colspan="2">
  +          <span class="footnote">Copyright &#169;
  +            <xsl:value-of select="$config/year"/>&#160;<xsl:value-of
  +              select="$config/vendor"/> All rights reserved.
  +            <br/><script language="JavaScript" type="text/javascript"><![CDATA[<!--
  +              document.write(" - "+"Last Published: " + document.lastModified);
  +              //  -->]]></script></span>
  +        </td>
  +        <td class="logos" align="right" nowrap="nowrap">
   
  +          <xsl:call-template name="compliancy-logos"/>
  +          <xsl:call-template name="bottom-credit-icons"/>              
   
  +        </td>
  +      </tr>
  +    </table>
  +    <!-- ( ================= end Footer ================== ) -->
  +  </xsl:template>
  +    
  +  <xsl:template name="bottom-credit-icons">
  +      <!-- old place where to put credits icons-->
  +      <!--
  +      <xsl:if test="$filename = 'index.html' and $config/credits">
  +        <xsl:for-each select="$config/credits/credit[not(@role='pdf')]">
  +          <xsl:variable name="name" select="name"/>
  +          <xsl:variable name="url" select="url"/>
  +          <xsl:variable name="image" select="image"/>
  +          <xsl:variable name="width" select="width"/>
  +          <xsl:variable name="height" select="height"/>
  +          <a href="{$url}">
  +            <img alt="{$name} logo" border="0">
  +              <xsl:attribute name="src">
  +                <xsl:if test="not(starts-with($image, 'http://'))"><xsl:value-of select="$root"/></xsl:if>
  +                <xsl:value-of select="$image"/>
  +              </xsl:attribute>
  +              <xsl:if test="$width"><xsl:attribute name="width"><xsl:value-of select="$width"/></xsl:attribute></xsl:if>
  +              <xsl:if test="$height"><xsl:attribute name="height"><xsl:value-of select="$height"/></xsl:attribute></xsl:if>
  +            </img>
  +          </a>
  +        </xsl:for-each>
  +      </xsl:if>
  +      -->
  +  </xsl:template>
  +  
     <xsl:template match="node()|@*" priority="-1">
       <xsl:copy>
         <xsl:apply-templates select="@*"/>
  
  
  
  1.5       +19 -35    xml-forrest/src/resources/skins/krysalis-site/xslt/html/tab2menu.xsl
  
  Index: tab2menu.xsl
  ===================================================================
  RCS file: /home/cvs/xml-forrest/src/resources/skins/krysalis-site/xslt/html/tab2menu.xsl,v
  retrieving revision 1.4
  retrieving revision 1.5
  diff -u -r1.4 -r1.5
  --- tab2menu.xsl	24 Mar 2003 17:58:56 -0000	1.4
  +++ tab2menu.xsl	13 Oct 2003 08:45:54 -0000	1.5
  @@ -25,64 +25,48 @@
   <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   
     <xsl:import href="../../../common/xslt/html/tab2menu.xsl"/>
  -
  +  
     <xsl:template match="tabs">
  -    <div class="tab">
  -      <table cellspacing="0" cellpadding="0" border="0" summary="tab bar">
  +      <table class="tab" cellspacing="0" cellpadding="0" border="0"> 
           <tr>
             <xsl:call-template name="base-tabs"/>
           </tr>
         </table>
  -    </div>
     </xsl:template>
   
     <xsl:template name="pre-separator">
  -    <xsl:call-template name="separator"/>
  +     <td class="tab pre-separator"></td>
     </xsl:template>
   
     <xsl:template name="post-separator">
  +  
     </xsl:template>
   
     <xsl:template name="separator">
  -    <td width="8">
  -      <img src="{$root}skin/images/spacer.gif" width="8" height="8" alt=""/>
  -    </td>
  +     <td class="tab separator"></td>
     </xsl:template>
   
     <xsl:template name="selected">
  -    <td valign="bottom">
  -      <table cellspacing="0" cellpadding="0" border="0" summary="selected tab">
  -        <tr>
  -          <td class="top-left" height="22"></td>
  -          <td bgcolor="#a5b6c6" valign="middle" height="22">
  -            <span class="tab">
  -              <b>
  -                <xsl:call-template name="base-selected"/>
  -              </b>
  -            </span>
  +          <td class="tab selected top-left"></td>
  +          <td class="tab selected">
  +             <xsl:call-template name="base-selected"/>
             </td>
  -          <td class="top-right" height="22"></td>
  -        </tr>
  -      </table>
  -    </td>
  +          <td class="tab selected top-right"></td>
     </xsl:template>
   
     <xsl:template name="not-selected">
  -    <td valign="bottom">
  -      <table cellspacing="0" cellpadding="0" border="0" summary="non selected tab">
  +    <td>
  +      <table cellspacing="0" cellpadding="0" border="0">
           <tr>
  -          <td class="top-left-tab" height="18"></td>
  -          <td bgcolor="#cedfef" valign="middle" height="18">
  -            <span class="tab">
  -              <xsl:call-template name="base-not-selected"/>
  -            </span>              
  +         <td class="tab unselected top-left"></td>
  +          <td class="tab unselected">
  +             <xsl:call-template name="base-not-selected"/>
             </td>
  -          <td class="top-right-tab" height="18"></td>
  -        </tr>
  +          <td class="tab unselected top-right"></td>
  +        </tr> 
           <tr>
  -          <td height="1" colspan="3">
  -          </td>
  -        </tr>     
  +          <td colspan="3" class="spacer"/>
  +        </tr>
         </table>
       </td>
     </xsl:template>
  
  
  
  1.16      +160 -156  xml-forrest/src/resources/skins/krysalis-site/css/page.css
  
  Index: page.css
  ===================================================================
  RCS file: /home/cvs/xml-forrest/src/resources/skins/krysalis-site/css/page.css,v
  retrieving revision 1.15
  retrieving revision 1.16
  diff -u -r1.15 -r1.16
  --- page.css	23 Jul 2003 13:12:41 -0000	1.15
  +++ page.css	13 Oct 2003 08:45:54 -0000	1.16
  @@ -1,36 +1,59 @@
  +/* ==================== html tags ============================ */
   
  -body {  background-color: #FFFFFF; margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif;  font-size : 100%;  }
  +body {  margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
   
  -p {  margin: 10px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif;  font-size : 100%;  }
  +h1     { font-size : 160%; margin: 0px 0px 0px 0px;  padding: 0px; }
  +h2     { font-size : 140%; margin: 10px 0px 0px 0px; padding: 0px; font-weight : bold;}
  +h3     { font-size : 130%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; }
  +h4     { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  +h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold;   text-align: left; }
  +h5     { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
   
  -.textheader { display: none;  }
  -.headerlogo { padding: 0px 2px 2px 0px;  }
  +input { font-size : 100% }
  +submit { font-size : 100%  }
  +button { font-size : 100%  }
  +textarea { font-size : 100% }
   
  -.spacer { border: 0; margin: 0px; }
  -.skin { border: 0;  margin: 0px;}
  -.figure { border: 0; vertical-align: top ; margin-top: 10px; margin-bottom: 10px; }
  +p   { margin: 10px 0px 0px 0px; }
   img { border: 0; margin-top: 5px; margin-bottom: 5px; }
  -/* Leave out vertical align until I figure out why IE isn't picking up the .skin/.spacer styles (JT) */
  -/*vertical-align: top*/
  +table .title {  width:100%; border: 0px; }
   
  +/* ==================== general class modifiers ============================ */
   
  -a:link { color: #0F3660; }
  -a:visited { color: #000044; }
  -a:active { color: #800000; }
  -a:hover { border: 0px solid #a5b6c6; background: #CFDCED; }
  +.content { padding: 5px 5px 5px 10px; font : small Verdana, Helvetica, sans-serif;  font-size : 80%;  }
  +.content .ForrestTable { width: 100%; font-size : 100%;}
  +.content .ForrestTable caption { text-align: left; font-weight: bold; }
  +.content .ForrestTable th { text-align: center; }
   
  -.menu a:link { color: #000000;  font-weight: normal;}
  -.menu a:visited { color: #000000; font-weight: normal; }
  -.menu a:active { color: #000000; font-weight: normal; }
  -.menu a:hover { color: #000000; font-weight: normal; }
  +.dida       { font-size: 80%; }
  +.pre        { white-space: pre;}
  +.textheader { display: none;  }
  +.headerlogo { padding: 0px 2px 2px 0px;  }
  +.skin       { border: 0;  margin: 0px;}
  +.figure     { border: 0; vertical-align: top ; margin-top: 10px; margin-bottom: 10px; }
  +.codefrag   { font-family: "Courier New", Courier, monospace; font-size : 120%;}
  +.minitoc    { list-style-image: url('images/current.gif'); font-weight : normal;}
  +.search     { font-size : 70%;  }
  +.datenote   { font-size : 60%; text-align: right;  height: 10px;}
  +.dtdTag     { text-transform : uppercase;  font-style : normal;  font-size : 120%;  font-weight : bold; }
  +.code       { border-style: solid;  border-width: 1px;  font-size : 120%; padding: 1em 1.33em 1em 1.33em;}
  +.label      { font-weight: bold; }
  +
  +/* ==================== menu ============================ */
  +
  +.menu a {  font-weight: normal;}
  +.menu a:visited {  font-weight: normal; }
  +.menu a:active {  font-weight: normal; }
  +.menu a:hover {  font-weight: normal; }
   
  -.menu { background-color: #F7F7F7; 
  -        padding: 8px 0px 4px 0px;  
  +.menu { 
  +        padding: 8px 8px 8px 8px;  
           margin: 0px; 
  -        font-size : 70%;
  +        font-size : 70%;        
  +	border-style: solid; 
  +        border-width: 1px;
   }
   
  -
   .menutitle { 
           cursor:pointer;
           padding: 0px 3px 5px 10px;  
  @@ -54,89 +77,65 @@
           background-image: url('images/page.gif');
           background-repeat: no-repeat;
           background-position: center left;
  -        font-weight : normal; 
  -}
  +        font-weight : normal; }
   
   .menu .menupage {         
           padding: 4px 3px 5px 10px;  
           background-image: url('images/current.gif');
           background-repeat: no-repeat;
           background-position: top left;
  -        font-style : normal;
  -
  -        
  -}
  +        font-style : normal;}
   
   .menu .menupagetitle { 
           padding: 0px 0px 0px 6px;     
           font-style : normal;
  -        background-color:#CFDCED; 
  -        border-color: #a5b6c6; 
           border-style: solid; 
  -        border-width: 1px;
  -        
  -}
  +        border-width: 1px;}
   
   .menu .menupageitemgroup { 
           padding: 3px 0px 4px 6px;    
           font-style : normal;
  -        background-color:#ffffff; 
  -        border-color: #a5b6c6; 
           border-style: solid; 
  -        border-width: 1px;
  -        
  -}
  +        border-width: 1px;}
   
   .menu .menupageitem {             
  -  
           font-style : normal;
           font-weight : normal; 
           border-width: 0px;
  -        font-size : 90%;
  -}
  -
  +        font-size : 90%;}
   
  -.smallerfont {             
  -          font-size : 100%;
  -        padding: 0px 0px 0px 0px;   
  -}
  -
  -
  -.biggerfont {             
  -        font-size : 100%;
  -        font-weight : bold;      
  -        padding: 0px 0px 0px 0px;   
  +.tab { font-size : 85%;
  +       border: 0 ;
  +       margin: 0 0 0 0;
  +       padding: 0 0 0 0;
  +       border-spacing: 0 0;
  +       vertical-align: middle;
  +       height:20px;	
   }
   
  -.resetfont {             
  -        font-size : 100%;
  -        font-weight : normal; 
  -          padding: 0px 0px 0px 0px;  
  -}
  +/* ==================== tabs ============================ */
   
  -table .title { background-color: #FFFFFF; width:100%; border: 0px; }
  -.dida { font-size: 80%; }
  +.tab.separator { width:6px; }
  +.tab.pre-separator { width:9px;}
   
  -.pre { white-space: pre;}
  +.tab a:link {  font-weight: normal;}
  +.tab a:visited { font-weight: normal; }
  +.tab a:active { font-weight: normal; }
  +.tab a:hover {  font-weight: normal; }
   
  -h1 { font-size : 160%; margin: 0px 0px 0px 0px; padding: 0px; }
  -h2 { font-size : 140%; margin: 10px 0px 0px 0px; padding: 0px; font-weight : bold;}
  -h3 { font-size : 130%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; }
  -h4 { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  -h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; text-align: left; }
  -h5 { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  +/* ==================== snail trail ============================ */
   
  -.content { padding: 5px 5px 5px 10px; font : small Verdana, Helvetica, sans-serif;  font-size : 80%;  }
  -.content .ForrestTable { width: 100%; background-color: #7099C5; color: #ffffff; font-size : 100%;}
  -.content .ForrestTable caption { text-align: left; color: black; font-weight: bold; }
  -.content .ForrestTable th { text-align: center; }
  -.content .ForrestTable td { background-color: #f0f0ff; color: black; }
  +.trail { font-size: 70%;  }
  +.trail a:link {  font-weight: normal;}
  +.trail a:visited {  font-weight: normal; }
  +.trail a:active {  font-weight: normal; }
  +.trail a:hover {  font-weight: normal; }
   
  +/* ==================== special forrest items ============================ */
   
   .note, .warning, .fixme {
   	border-top: 3px solid #900;
   	border-bottom: 3px solid #900;
  -	background-image: url(images/icon_error_lrg.gif);
   	background-repeat: no-repeat;
   	background-position: 0 1.33em;
   	margin: 1.33em 0;
  @@ -144,64 +143,33 @@
   	min-height: 32px;
   }
   
  +.fixme   { background-image: url(images/icon_warning_lrg.gif);}
  +.note    { background-image: url(images/icon_info_lrg.gif);   }
  +.warning { background-image: url(images/icon_error_lrg.gif);  }
   
  -.fixme {
  -	background-image: url(images/icon_warning_lrg.gif);
  -	border-color: #c60;
  -}
  -
  -.note {
  -	background-image: url(images/icon_info_lrg.gif);
  -	border-color: #069;
  -}
  -
  -.label{
  -	font-weight: bold;
  -}
  -
  -
  -.code { background-color: #F7F7F7;
  -        border-color: #CFDCED;
  -        border-style: solid; 
  -        border-width: 1px; 
  -        font-size : 120%;
  -        padding: 1em 1.33em 1em 1.33em;
  -}
  -
  -.codefrag {	font-family: "Courier New", Courier, monospace; font-size : 120%;}
  -
  -.highlight { background-color: yellow; }
  -
  -.minitoc { list-style-image: url('images/current.gif'); font-weight : normal;}
  -
  -.search { font-size : 70%;  }
  -.footnote { font-size : 70%;  }
  -.datenote { font-size : 60%;  color: #F7F7F7;}
  -
  -input { font-size : 100% }
  -submit { font-size : 100%  }
  -button { font-size : 100%  }
  -textarea { font-size : 100% }
  -
  -.tab { font-size : 85%; border: 0 }
  -
  -.tab a:link {  font-weight: normal;}
  -.tab a:visited { font-weight: normal; }
  -.tab a:active { font-weight: normal; }
  -.tab a:hover {  font-weight: normal; }
  -
  -.trail { font-size: 70%; }
  -
  -.trail a:link {  font-weight: normal;}
  -.trail a:visited {  font-weight: normal; }
  -.trail a:active {  font-weight: normal; }
  -.trail a:hover {  font-weight: normal; }
  +/* ==================== visual class modifiers ============================ */
   
  +.leftpagemargin { width: 8px ; }
  +.spacer         { height:1px;  }  
  +.smallerfont {             
  +          font-size : 100%;
  +        padding: 0px 0px 0px 0px;  }
   
  -.dtdTag {    color: #990000; text-transform : uppercase;  font-style : normal;  font-size : 120%;  font-weight : bold; }
  +.biggerfont {             
  +        font-size : 100%;
  +        font-weight : bold;      
  +        padding: 0px 0px 0px 0px; }
   
  +.resetfont {             
  +        font-size : 100%;
  +        font-weight : normal; 
  +          padding: 0px 0px 0px 0px;  }
  + 
  +.footer  { border:0;
  +           width: 100%;
  +           font-size : 70%;  }
  +	   
   .top-left {
  -	background-color: #a5b6c6;
   	background-image: url(images/top-left.png);
   	background-repeat: no-repeat;
   	background-position: top left;
  @@ -210,25 +178,6 @@
   }
   
   .top-right {
  -	background-color: #a5b6c6;
  -	background-image: url(images/top-right.png);
  -	background-repeat: no-repeat;
  -	background-position: top right;
  -	width : 5px;
  -	height : 5px;
  -}
  -
  -.top-left-tab  {
  -	background-color: #cedfef;
  -	background-image: url(images/top-left.png);
  -	background-repeat: no-repeat;
  -	background-position: top left;
  -	width : 5px;
  -	height : 5px;
  -}
  -
  -.top-right-tab {
  -	background-color: #cedfef;
   	background-image: url(images/top-right.png);
   	background-repeat: no-repeat;
   	background-position: top right;
  @@ -236,9 +185,7 @@
   	height : 5px;
   }
   
  -
   .bottom-left {
  -	background-color: #a5b6c6;
   	background-image: url(images/bottom-left.png);
   	background-repeat: no-repeat;
   	background-position: bottom left;
  @@ -247,7 +194,6 @@
   }
   
   .bottom-right {
  -	background-color: #a5b6c6;
   	background-image: url(images/bottom-right.png);
   	background-repeat: no-repeat;
   	background-position: bottom right;
  @@ -256,7 +202,6 @@
   }
   
   .bottom-left-thick {
  -	background-color: #a5b6c6;
   	background-image: url(images/bottom-left.png);
   	background-repeat: no-repeat;
   	background-position: bottom left;
  @@ -265,7 +210,6 @@
   }
   
   .bottom-right-thick {
  -	background-color: #a5b6c6;
   	background-image: url(images/bottom-right.png);
   	background-repeat: no-repeat;
   	background-position: bottom right;
  @@ -273,8 +217,52 @@
   	height : 9px;
   }
   
  +/* ==================== main colors ============================ */
  +
  + body           { background-color: #FFFFFF;  color:#000000;}   
  +.header         { background-color: #FFFFFF;}   
  +.border         { background-color: #a5b6c6;}   
  +.subborder      { background-color: #CFDCED;}
  +.dialog         { background-color: #F7F7F7;}    
  +.footer         { background-color: #a5b6c6;}   
  +.tab.selected   { background-color: #a5b6c6;}
  +.tab.unselected { background-color: #F7F7F7;}
  +.menu .menupagetitle     { background-color:#CFDCED; border-color: #a5b6c6;}
  +.menu .menupageitemgroup { background-color:#FFFFFF; border-color: #a5b6c6;}
  +.menu                    { border-color: #a5b6c6;}
  +
  +/* ==================== other colors ============================ */
  +
  +.highlight { background-color: yellow;  } 
  +.datenote  { color: #F7F7F7;}
  +a:link { color: #0F3660; }
  +a:visited { color: #000044; }
  +a:active { color: #800000; }
  +a:hover { border: 0px solid #a5b6c6; background: #CFDCED; }
  +.menu a { color: #000000; }
  +.menu a:visited { color: #000000; }
  +.menu a:active { color: #000000;  }
  +.menu a:hover { color: #000000;  }
  +table .title { background-color: #FFFFFF; }
  +.content .ForrestTable {background-color: #7099C5; color: #ffffff; }
  +.content .ForrestTable caption { color: black; }
  +.content .ForrestTable td { background-color: #f0f0ff; color: black; }
  +.fixme {background-image: url(images/icon_warning_lrg.gif);	border-color: #c60;}
  +.note {	background-image: url(images/icon_info_lrg.gif); border-color: #069;}
  +.code { background-color: #F7F7F7; border-color: #CFDCED;}
  +.dtdTag {    color: #990000; }
  +.bottom-left {	background-color: #a5b6c6;}
  +.bottom-right {	background-color: #a5b6c6;}
  +.bottom-left-thick {background-color: #a5b6c6;}
  +.bottom-right-thick {background-color: #a5b6c6;}
  +
  +/* ==================== print ============================ */
   
   @media print {
  +  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
  +  blockquote, pre { page-break-inside: avoid }
  +  ul, ol, dl { page-break-before: avoid }
  +
     .headerlogo { display: none;  }
     .textheader { display: block;  font-size : 70%; }
     .menu { display: none;  }
  @@ -282,11 +270,8 @@
     .minitoc { display: none;  }
     .search { display: none;  }
     .datenote { display: none;  }
  -  /*.footnote { display: none;  }*/
     .tab  { display: none;  }
     .trail  { display: none;  }
  -  .logos  { display: none;  }
  -
     .top-left { display: none;  }
     .top-right { display: none;  }
     .top-left-tab  { display: none;  }
  @@ -295,11 +280,30 @@
     .bottom-right  { display: none;  }
     .bottom-left-thick { display: none;  }
     .bottom-right-thick  { display: none;  }
  -    
   }
   
  +/* ==================== aural ============================ */
   
  -
  -
  -
  -
  +@media aural {
  +  h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90 }
  +  h1 { pitch: x-low; pitch-range: 90 }
  +  h2 { pitch: x-low; pitch-range: 80 }
  +  h3 { pitch: low; pitch-range: 70 }
  +  h4 { pitch: medium; pitch-range: 60 }
  +  h5 { pitch: medium; pitch-range: 50 }
  +  h6 { pitch: medium; pitch-range: 40 }
  +  li, dt, dd { pitch: medium; richness: 60 }
  +  dt { stress: 80 }
  +  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  +  em { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  +  strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  +  dfn { pitch: high; pitch-range: 60; stress: 60 }
  +  s, strike { richness: 0 }
  +  i { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  +  b { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  +  u { richness: 0 }
  +  
  +  :link { voice-family: harry, male }
  +  :visited { voice-family: betty, female }
  +  :active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
  +}
  
  
  

Mime
View raw message