You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@forrest.apache.org by ni...@apache.org on 2003/10/13 10:45:55 UTC
cvs commit: xml-forrest/src/resources/skins/krysalis-site/images spacer.gif
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  <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">
-  
- <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:
-  <input type="button" onclick="ndeSetTextSize('decr'); return false;" title="Shrink text" class="smallerfont" value="-a"/>
-  <input type="button" onclick="ndeSetTextSize('incr'); return false;" title="Enlarge text" class="biggerfont" value="+a"/>
-  <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"/>
+  
+ <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  <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}"> </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 ©
- <xsl:value-of select="$config/year"/> <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}"> </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"> </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">
+  <script type="text/javascript" language="JavaScript" src="{$root}skin/breadcrumbs.js"></script> 
+ </td>
+ <!-- ============ Page font settings =========== -->
+ <td class="subborder trail" align="right" nowrap="true">
+ Font size:
+  <input type="button" onclick="ndeSetTextSize('decr'); return false;" title="Shrink text" class="smallerfont" value="-a"/>
+  <input type="button" onclick="ndeSetTextSize('incr'); return false;" title="Enlarge text" class="biggerfont" value="+a"/>
+  <input type="button" onclick="ndeSetTextSize('reset'); return false;" title="Reset text" class="resetfont" value="Reset"/>
+ </td>
+ <td class="subborder"> </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 ©
+ <xsl:value-of select="$config/year"/> <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 }
+}