You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@forrest.apache.org by st...@apache.org on 2002/05/31 15:19:05 UTC
cvs commit: xml-forrest/src/resources/skins/bert/xslt/html book2menu.xsl document2html.xsl site2xhtml.xsl
stevenn 2002/05/31 06:19:05
Added: src/resources/skins/bert/css page.css
src/resources/skins/bert/images ApacheXML.gif Cocoon.gif
built-with-cocoon.gif centipede-logo-small.gif
chapter.gif chapter_open.gif current.gif
favicon.ico forrest.gif menu-left.gif
menu-right.gif page.gif printer.gif search-left.gif
search-right.gif singlepage.gif spacer.gif
tab-left.gif tab-right.gif tabSel-left.gif
tabSel-right.gif
src/resources/skins/bert/xslt/html book2menu.xsl
document2html.xsl site2xhtml.xsl
Log:
added the bert skin
Revision Changes Path
1.1 xml-forrest/src/resources/skins/bert/css/page.css
Index: page.css
===================================================================
body { background-color: #FFFFFF; margin: 0px 0px 0px 0px; font-size: 1em; font-family: Arial, Helvetica, sans-serif}
a:link { color: #0F3660 }
a:visited { color: #880000 }
a:active { font-weight: bold }
a:hover { color: #880000; }
.menu { background-color: #4C6C8F; margin: 0px; padding: 3px 8px 5px 3px; font-size: 1em}
.menu a:link { color: #FFFFFF }
.menu a:visited { color: #FFFFFF }
.menu a:active { font-weight: bold }
.menu a:hover { color: #880000; }
.menu ul { margin: 0px 0px 0px 20px; padding: 0px; }
.menu li { list-style-image: url('images/chapter.gif'); }
.menu ul ul li { list-style-image: url('images/page.gif'); }
.content { padding: 5px 5px 5px 10px; }
.content table { width: 100%; font-size: 1em; background-color: #7099C5; color: #ffffff; }
.content table .caption { text-align: left; color: black; }
.content table .th { text-align: center; }
.content td { background-color: #f0f0ff; color: black; }
.frame { width: 100%; margin: 5px 20px 5px 20px; font-size: 1em; }
.frame .content { margin: 0px; }
.note { border: solid 1px #7099C5; background-color: #f0f0ff; }
.note .label { background-color: #7099C5; color: #ffffff; }
.warning { border: solid 1px #D00000; background-color: #fff0f0; }
.warning .label { background-color: #D00000; color: #ffffff; }
.fixme { border: solid 1px #C6C600; background-color: #FAF9C3; }
.fixme .label { background-color: #C6C600; color: #ffffff; }
.code { border-color: #CFDCED; border-style: solid; border-width: 1px; font-size: 0.75em;}
.dida { font-size: 1em; }
.highlight { background-color: yellow; }
.minitoc {font-size: 1em; margin: 5px 5px 5px 40px;}
1.1 xml-forrest/src/resources/skins/bert/images/ApacheXML.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/Cocoon.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/built-with-cocoon.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/centipede-logo-small.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/chapter.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/chapter_open.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/current.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/favicon.ico
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/forrest.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/menu-left.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/menu-right.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/page.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/printer.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/search-left.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/search-right.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/singlepage.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/spacer.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/tab-left.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/tab-right.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/tabSel-left.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/images/tabSel-right.gif
<<Binary file>>
1.1 xml-forrest/src/resources/skins/bert/xslt/html/book2menu.xsl
Index: book2menu.xsl
===================================================================
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="book">
<div class="menu">
<ul>
<xsl:apply-templates select="menu"/>
</ul>
</div>
</xsl:template>
<xsl:template match="menu">
<li>
<font color="white"><xsl:value-of select="@label"/></font>
<xsl:choose>
<xsl:when test="menu-item">
<ul>
<xsl:apply-templates select="menu-item"/>
</ul>
</xsl:when>
<xsl:otherwise>
<ul>
<xsl:apply-templates select="external"/>
</ul>
</xsl:otherwise>
</xsl:choose>
</li>
</xsl:template>
<xsl:template match="menu-item">
<li>
<a href="{@href}"><xsl:value-of select="@label"/></a>
</li>
</xsl:template>
<xsl:template match="external">
<li>
<a href="{@href}" target="_blank"><xsl:value-of select="@label"/></a>
</li>
</xsl:template>
<xsl:template match="menu-item[@type='hidden']"/>
<xsl:template match="external[@type='hidden']"/>
</xsl:stylesheet>
1.1 xml-forrest/src/resources/skins/bert/xslt/html/document2html.xsl
Index: document2html.xsl
===================================================================
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="isfaq"/>
<xsl:template match="document">
<div class="content">
<xsl:if test="normalize-space(header/title)!=''">
<h2>
<xsl:value-of select="header/title"/>
</h2>
</xsl:if>
<xsl:if test="normalize-space(header/subtitle)!=''">
<h3>
<xsl:value-of select="header/subtitle"/>
</h3>
</xsl:if>
<xsl:if test="header/authors">
<p>
<font size="-2">
<xsl:for-each select="header/authors/person">
<xsl:choose>
<xsl:when test="position()=1">by </xsl:when>
<xsl:otherwise>, </xsl:otherwise>
</xsl:choose>
<xsl:value-of select="@name"/>
</xsl:for-each>
</font>
</p>
</xsl:if>
<xsl:apply-templates select="body"/>
</div>
</xsl:template>
<xsl:template match="body">
<xsl:if test="section and not($isfaq='true')">
<ul class="minitoc">
<xsl:for-each select="section">
<li>
<a href="#{generate-id()}">
<xsl:value-of select="@title"/>
</a>
<xsl:if test="section">
<ul class="minitoc">
<xsl:for-each select="section">
<li>
<a href="#{generate-id()}">
<xsl:value-of select="@title"/>
</a>
</li>
</xsl:for-each>
</ul>
</xsl:if>
</li>
</xsl:for-each>
</ul>
</xsl:if>
<xsl:apply-templates/>
</xsl:template>
<!-- section handling
- <a name/> anchors are added if the id attribute is specified
- generated anchors are still included for the TOC - what should we do about this?
- FIXME: provide a generic facility to process section irrelevant to their
nesting depth
-->
<xsl:template match="section">
<a name="{generate-id()}"/>
<xsl:if test="normalize-space(@id)!=''">
<a name="{@id}"/>
</xsl:if>
<h3>
<xsl:value-of select="@title"/>
</h3>
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="section/section">
<a name="{generate-id()}"/>
<xsl:if test="normalize-space(@id)!=''">
<a name="{@id}"/>
</xsl:if>
<h4>
<xsl:value-of select="@title"/>
</h4>
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="note | warning | fixme">
<div class="frame {local-name()}">
<div class="label">
<xsl:choose>
<xsl:when test="local-name() = 'note'">Note</xsl:when>
<xsl:when test="local-name() = 'warning'">Warning</xsl:when>
<xsl:otherwise>Fixme (
<xsl:value-of select="@author"/>
)</xsl:otherwise>
</xsl:choose>
</div>
<div class="content">
<xsl:apply-templates/>
</div>
</div>
</xsl:template>
<!--
<xsl:template match="link | jump | fork">
-->
<xsl:template match="link | fork">
<a href="{@href}">
<xsl:apply-templates/>
</a>
</xsl:template>
<xsl:template match="jump">
<a href="#{@href}">
<xsl:apply-templates/>
</a>
</xsl:template>
<xsl:template match="source">
<pre class="code">
<xsl:apply-templates/>
</pre>
</xsl:template>
<xsl:template match="anchor">
<a name="{@id}"/>
</xsl:template>
<xsl:template match="icon">
<img src="{@src}" alt="{@alt}">
<xsl:if test="@height">
<xsl:attribute name="height"><xsl:value-of select="@height"/></xsl:attribute>
</xsl:if>
<xsl:if test="@width">
<xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute>
</xsl:if>
</img>
</xsl:template>
<xsl:template match="figure">
<div align="center">
<img src="{@src}" alt="{@alt}" class="figure">
<xsl:if test="@height">
<xsl:attribute name="height"><xsl:value-of select="@height"/></xsl:attribute>
</xsl:if>
<xsl:if test="@width">
<xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute>
</xsl:if>
</img>
</div>
</xsl:template>
<xsl:template match="table">
<table class="table" cellpadding="4" cellspacing="1">
<xsl:apply-templates/>
</table>
</xsl:template>
<xsl:template match="node()|@*" priority="-1">
<xsl:copy>
<xsl:apply-templates select="@*"/>
<xsl:apply-templates/>
</xsl:copy>
</xsl:template>
</xsl:stylesheet>
1.1 xml-forrest/src/resources/skins/bert/xslt/html/site2xhtml.xsl
Index: site2xhtml.xsl
===================================================================
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<xsl:template match="site">
<xsl:text disable-output-escaping="yes"><![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">]]></xsl:text>
<html>
<head>
<title><xsl:value-of select="td[@class='content']/h2"/></title>
<link rel="stylesheet" href="skin/page.css" type="text/css"/>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- =========================== top line with navigation path ========================== -->
<table cellspacing="0" cellpadding="0" border="0" width="100%" summary="navigation path">
<tr>
<td height="20" bgcolor="#CFDCED" valign="middle" nowrap="nowrap">
<img src="skin/images/spacer.gif" border="0" alt="" width="5" height="1" />
<font face="Arial, Helvetica, Sans-serif" size="2"><a href="@link1.href@">@link1@</a> : <a href="@link2.href@">@link2@</a> : <a href="@link3.href@">@link3@</a></font>
</td>
</tr>
<tr>
<td height="2" bgcolor="#4C6C8F"><img src="skin/images/spacer.gif" border="0" alt="" width="2" height="2" /></td>
</tr>
</table>
<!-- ================================= top bar with logo's and search box =================================== -->
<table cellspacing="0" cellpadding="0" border="0" width="100%" summary="header with logos">
<tr>
<td bgcolor="#294563"><a href="@group-logo.href@"><img src="@group-logo.src@" alt="Apache XML" width="145" height="50" border="0"/></a></td>
<td bgcolor="#294563" align="center" width="100%"><a href="@project-logo.href@"><img src="@project-logo.src@" border="0" width="220" height="65" alt="Forrest logo" /></a></td>
<td bgcolor="#294563" rowspan="2" valign="top">
<form method="get" action="http://www.google.com/search" onsubmit="q.value = query.value + ' site:xml.apache.org'" target="_blank">
<table bgcolor="#4C6C8F" cellpadding="0" cellspacing="0" border="0" summary="search">
<tr>
<td colspan="3"><img src="skin/images/spacer.gif" alt="" width="1" height="10" /></td>
</tr>
<tr>
<td><img src="skin/images/spacer.gif" alt="" width="1" height="1" /></td>
<td nowrap="nowrap">
<input type="hidden" name="q"/>
<input type="text" id="query" size="15"/><img src="skin/images/spacer.gif" alt="" width="5" height="1" /><input type="submit" value="Search" name="Search"/>
<br />
<font color="white" size="2" face="Arial, Helvetica, Sans-serif">
the xml.apache.org sites
<!-- 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
-->
</font>
</td>
<td><img src="skin/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td><img src="skin/images/search-left.gif" width="9" height="10" border="0" alt="" /></td>
<td><img src="skin/images/spacer.gif" alt="" width="1" height="1" /></td>
<td><img src="skin/images/search-right.gif" width="9" height="10" border="0" alt="" /></td>
</tr>
</table>
</form>
</td>
<td bgcolor="#294563"><img src="skin/images/spacer.gif" alt="" width="10" height="10" /></td>
</tr>
<tr>
<td colspan="2" bgcolor="#294563" valign="bottom">
<table cellspacing="0" cellpadding="0" border="0" summary="tab bar">
<tr>
<td width="8"><img src="skin/images/spacer.gif" width="8" height="8" alt="" /></td>
<td valign="bottom">
<!--
selected tab code
<table cellspacing="0" cellpadding="0" border="0" height="30" summary="selected tab">
<tr>
<td bgcolor="#4C6C8F" width="5" valign="top"><img src="skin/images/tabSel-left.gif" alt="" width="5" height="5" /></td>
<td bgcolor="#4C6C8F" valign="middle">
<a href="/xml-forrest/"><font face="Arial, Helvetica, Sans-serif" size="2" color="#ffffff">Home</font></a>
</td>
<td bgcolor="#4C6C8F" width="5" valign="top"><img src="skin/images/tabSel-right.gif" alt="" width="5" height="5" /></td>
</tr>
</table>
unselected tab code
<table cellspacing="0" cellpadding="0" border="0" height="25" summary="non selected tab">
<tr>
<td bgcolor="#B2C4E0" width="5" valign="top"><img src="skin/images/tab-left.gif" alt="" width="5" height="5" /></td>
<td bgcolor="#B2C4E0" valign="middle">
<font face="Arial, Helvetica, Sans-serif" size="2">Area 4</font>
</td>
<td bgcolor="#B2C4E0" width="5" valign="top"><img src="skin/images/tab-right.gif" alt="" width="5" height="5" />
</td>
</tr>
</table>
-->
<!-- ================================== Home TAB ================================= -->
<table cellspacing="0" cellpadding="0" border="0" height="30" summary="selected tab">
<tr>
<td bgcolor="#4C6C8F" width="5" valign="top"><img src="skin/images/tabSel-left.gif" alt="" width="5" height="5" /></td>
<td bgcolor="#4C6C8F" valign="middle">
<a href="#N-A"><font face="Arial, Helvetica, Sans-serif" size="2" color="#ffffff">Home</font></a>
</td>
<td bgcolor="#4C6C8F" width="5" valign="top"><img src="skin/images/tabSel-right.gif" alt="" width="5" height="5" /></td>
</tr>
</table>
<!-- ================================ End of home TAB =============================== -->
</td>
<td width="8"><img src="skin/images/spacer.gif" width="8" height="8" alt="" /></td>
<td valign="bottom">
<!-- ================================== Howto TAB ================================= -->
<table cellspacing="0" cellpadding="0" border="0" height="25" summary="non selected tab">
<tr>
<td bgcolor="#B2C4E0" width="5" valign="top"><img src="skin/images/tab-left.gif" alt="" width="5" height="5" /></td>
<td bgcolor="#B2C4E0" valign="middle">
<a href="#N-A"><font face="Arial, Helvetica, Sans-serif" size="2" color="#ffffff">How-Tos</font></a>
</td>
<td bgcolor="#B2C4E0" width="5" valign="top"><img src="skin/images/tab-right.gif" alt="" width="5" height="5" />
</td>
</tr>
</table>
<!-- ================================ End of howto TAB =============================== -->
</td>
</tr>
</table>
</td>
<td bgcolor="#294563"><img src="skin/images/spacer.gif" height="1" width="1" alt="" /></td>
</tr>
<tr>
<td colspan="4" bgcolor="#4C6C8F"><img src="skin/images/spacer.gif" alt="" height="10" width="1" /></td>
</tr>
</table>
<!-- ====================================== Tabs and fContent table ====================================== -->
<table cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#ffffff" summary="page content">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0" summary="menu">
<tr>
<td valign="top" rowspan="3">
<table cellspacing="0" cellpadding="0" border="0" summary="blue line">
<tr><td bgcolor="#294563"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td></tr>
<tr><td bgcolor="#CFDCED"><font face="Arial, Helvetica, Sans-serif" size="4" color="#4C6C8F"> </font></td></tr>
<tr><td bgcolor="#294563"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td></tr>
</table>
</td>
<td bgcolor="#294563"><img src="skin/images/spacer.gif" alt="" height="1" width="1" /></td>
<td bgcolor="#4C6C8F" valign="bottom"><img src="skin/images/spacer.gif" alt="" height="10" width="10" /></td>
<td bgcolor="#4C6C8F" valign="top" nowrap="nowrap">
<xsl:apply-templates select="div[@class='menu']"/>
</td>
<td bgcolor="#4C6C8F" valign="bottom"><img src="skin/images/spacer.gif" alt="" height="10" width="10" /></td>
<td bgcolor="#294563"><img src="skin/images/spacer.gif" alt="" height="1" width="1" /></td>
</tr>
<tr>
<td bgcolor="#4C6C8F" rowspan="2" colspan="2" align="left" valign="bottom"><img src="skin/images/menu-left.gif" alt="" border="0" width="10" height="10" /></td>
<td bgcolor="#4C6C8F"><img src="skin/images/spacer.gif" alt="" border="0" width="10" height="10" /></td>
<td bgcolor="#4C6C8F" rowspan="2" colspan="2" align="right" valign="bottom"><img src="skin/images/menu-right.gif" alt="" border="0" width="10" height="10" /></td>
</tr>
<tr>
<td bgcolor="#294563" height="1"><img src="skin/images/spacer.gif" alt="" height="1" width="1" /></td>
</tr>
</table>
</td>
<td width="100%" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" summary="content">
<tr><td bgcolor="#294563" colspan="4"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td></tr>
<tr>
<td bgcolor="#CFDCED" width="10" align="left"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td>
<td bgcolor="#CFDCED" width="50%" align="left">
<!-- ========================================= Page number ===================================== -->
<font face="Arial, Helvetica, Sans-serif" size="3" color="#4C6C8F">
 
<!--
<b>Page 1 of 5</b>
-->
</font>
<img src="skin/images/spacer.gif" alt="" height="8" width="10" />
</td>
<td bgcolor="#CFDCED" width="50%" align="right">
<!-- ====================================== page navigation ===================================== -->
<font face="Arial, Helvetica, Sans-serif" size="3" color="#4C6C8F">
 
<!--
<b>« prev  <font size="4">[3]</font>  next »</b>
-->
</font>
<img src="skin/images/spacer.gif" alt="" height="8" width="10" />
</td>
<td bgcolor="#CFDCED" width="10"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td>
</tr>
<tr><td bgcolor="#294563" colspan="4"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td></tr>
<tr>
<td width="10" align="left"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td>
<td width="100%" align="left">
<xsl:apply-templates select="div[@class='content']"/>
</td>
<td width="10"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- footer -->
<table border="0" height="20" width="100%" cellpadding="0" cellspacing="0" summary="footer">
<tr>
<td align="right" width="100%">
<a href="http://xml.apache.org/cocoon/"><img align="right" src="skin/images/built-with-cocoon.gif" alt="Cocoon Logo" border="0"/></a>
<a href="http://www.krysalis.org/centipede/"><img align="right" src="skin/images/centipede-logo-small.gif" alt="Krysalis Centipede Logo" border="0"/></a>
</td>
<td width="10"><img src="skin/images/spacer.gif" alt="" height="1" width="10" /></td>
</tr>
<tr><td bgcolor="#4C6C8F" height="1" colspan="2"><img src="skin/images/spacer.gif" alt="" width="1" height="1" /><a href="skin/images/page.gif"><img src="skin/images/spacer.gif" alt="" width="1" height="1" border="0"/></a><a href="skin/images/chapter.gif"><img src="skin/images/spacer.gif" alt="" width="1" height="1" border="0"/></a><a href="skin/images/chapter_open.gif"><img src="skin/images/spacer.gif" alt="" width="1" height="1" border="0"/></a><a href="skin/images/current.gif"><img src="skin/images/spacer.gif" alt="" width="1" height="1" border="0"/></a></td></tr>
<tr>
<td align="center" class="copyright" bgcolor="#CFDCED" colspan="2">
<font face="Arial, Helvetica, Sans-Serif" size="2">Copyright © 2002 Apache Sofware Foundation. All Rights Reserved<script language="JavaScript" type="text/javascript"><![CDATA[<!--
document.write(". - "+"Last Published: " + document.lastModified);
// -->]]></script></font>
</td>
</tr>
</table>
</body>
</html></xsl:template>
<xsl:template match="node()|@*" priority="-1">
<xsl:copy>
<xsl:apply-templates select="@*"/>
<xsl:apply-templates/>
</xsl:copy>
</xsl:template>
</xsl:stylesheet>