You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@cocoon.apache.org by st...@locus.apache.org on 2000/01/24 22:40:29 UTC
cvs commit: xml-cocoon/skins/xml.apache.org/stylesheets document2html.xsl
stefano 00/01/24 13:40:28
Modified: skins/xml.apache.org/resources note.gif
skins/xml.apache.org/stylesheets document2html.xsl
Added: skins/xml.apache.org/resources bar-border-bottom.gif
bar-border-left.gif bar-border-right.gif
bar-border-top.gif bar-bottom-left.gif
bar-bottom-right.gif bar-top-left.gif
bar-top-right.gif
Log:
updated the xml.apache.org skin
- removed fixed tables, now it follows your page size
- cleaned up some IE/Netscape incompatibilies
- new page layout for sections
- bigger font for source code
[NOTE: this still uses the site DTD so it can be safely used
by other xml.apache.org projects, even if this is targetted
on the Cocoon docs only]
I plan to make another skin for our own DTDs tomorrow.
Revision Changes Path
1.2 +1 -6 xml-cocoon/skins/xml.apache.org/resources/note.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-border-bottom.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-border-left.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-border-right.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-border-top.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-bottom-left.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-bottom-right.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-top-left.gif
<<Binary file>>
1.1 xml-cocoon/skins/xml.apache.org/resources/bar-top-right.gif
<<Binary file>>
1.2 +98 -115 xml-cocoon/skins/xml.apache.org/stylesheets/document2html.xsl
Index: document2html.xsl
===================================================================
RCS file: /home/cvs/xml-cocoon/skins/xml.apache.org/stylesheets/document2html.xsl,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -r1.1 -r1.2
--- document2html.xsl 2000/01/23 23:09:25 1.1
+++ document2html.xsl 2000/01/24 21:40:28 1.2
@@ -90,7 +90,7 @@
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#0086b2"><img src="images/dot.gif" width="1" height="1"/></td></tr>
<tr>
- <td align="center"><font size="-1" color="#0086b2"><i>
+ <td align="center"><font face="arial,helvetica,sanserif" size="-1" color="#0086b2"><i>
Copyright © <xsl:value-of select="$copyright"/>.
All Rights Reserved.
</i></font></td>
@@ -138,137 +138,119 @@
<!-- document -->
<xsl:template match="s2">
- <table cellspacing="0" cellpadding="0" border="0">
+ <div align="right">
+ <table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
- <td bgcolor="666699" colspan="2">
- <table cellspacing="0" cellpadding="0" border="1">
- <tr>
- <td bgcolor="#039acc" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#039acc" width="100%" height="1"><img src="resources/void.gif" width="100%" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#039acc" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="100%">
- <font size="+1" face="arial,helvetica,sanserif" color="#ffffff">
- <img src="resources/void.gif" width="2" height="2" vspace="0" hspace="0" border="0"/>
- <b><xsl:value-of select="@title"/></b>
- </font>
- </td>
- <td bgcolor="#017299" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="100%" height="1"><img src="resources/void.gif" width="100%" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td width="10"> </td>
- <td>
- <font face="arial,helvetica,sanserif" color="#000000">
- <xsl:apply-templates/>
- </font>
- </td>
- </tr>
+ <td width="9" height="7" valign="bottom" align="right"><img src="resources/bar-top-left.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-top.gif"><img src="resources/void.gif" width="1" height="5" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="7" valign="bottom" align="left"><img src="resources/bar-top-right.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" background="resources/bar-border-left.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ <td width="100%" bgcolor="#0086b2">
+ <font size="+1" face="arial,helvetica,sanserif" color="#ffffff">
+ <img src="resources/void.gif" width="5" height="5" vspace="0" hspace="0" border="0"/><b><xsl:value-of select="@title"/></b></font>
+ </td>
+ <td width="9" background="resources/bar-border-right.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" height="12" valign="top" align="right"><img src="resources/bar-bottom-left.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-bottom.gif"><img src="resources/void.gif" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="12" valign="top" align="left"><img src="resources/bar-bottom-right.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ </table>
+ <table border="0" width="100%" cellspacing="0" cellpadding="0">
+ <tr>
+ <td>
+ <font face="arial,helvetica,sanserif" color="#000000"><xsl:apply-templates/></font>
+ </td>
+ </tr>
</table>
- <br/>
+ </div>
+ <br/>
</xsl:template>
<xsl:template match="s3">
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="666699" colspan="2">
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="#039acc" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#039acc" width="482" height="1"><img src="resources/void.gif" width="482" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#039acc" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="482">
- <font face="arial,helvetica,sanserif" color="#ffffff">
- <img src="resources/void.gif" width="2" height="2" vspace="0" hspace="0" border="0"/>
- <b><xsl:value-of select="@title"/></b>
- </font>
- </td>
- <td bgcolor="#017299" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="482" height="1"><img src="resources/void.gif" width="482" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td width="10"> </td>
- <td>
- <font size="-1" face="arial,helvetica,sanserif" color="#000000">
- <xsl:apply-templates/>
- </font>
- </td>
- </tr>
+ <br/>
+ <div align="right">
+ <table border="0" width="95%" cellspacing="0" cellpadding="0">
+ <tr>
+ <td width="9" height="7" valign="bottom" align="right"><img src="resources/bar-top-left.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-top.gif"><img src="resources/void.gif" width="1" height="5" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="7" valign="bottom" align="left"><img src="resources/bar-top-right.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" background="resources/bar-border-left.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ <td width="100%" bgcolor="#0086b2">
+ <font face="arial,helvetica,sanserif" color="#ffffff">
+ <img src="resources/void.gif" width="5" height="5" vspace="0" hspace="0" border="0"/><b><xsl:value-of select="@title"/></b></font>
+ </td>
+ <td width="9" background="resources/bar-border-right.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" height="12" valign="top" align="right"><img src="resources/bar-bottom-left.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-bottom.gif"><img src="resources/void.gif" width="1" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="12" valign="top" align="left"><img src="resources/bar-bottom-right.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ </table>
+ <table border="0" width="95%" cellspacing="0" cellpadding="0">
+ <tr>
+ <td>
+ <font size="-1" face="arial,helvetica,sanserif" color="#000000"><xsl:apply-templates/></font>
+ </td>
+ </tr>
</table>
- <br/>
+ </div>
+ <br/>
</xsl:template>
<xsl:template match="s4">
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="666699" colspan="2">
- <table cellspacing="0" cellpadding="0" border="0">
- <tr>
- <td bgcolor="#039acc" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#039acc" width="472" height="1"><img src="resources/void.gif" width="472" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#039acc" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="472">
- <font size="-1" face="arial,helvetica,sanserif" color="#ffffff">
- <img src="resources/void.gif" width="2" height="2" vspace="0" hspace="0" border="0"/>
- <b><xsl:value-of select="@title"/></b>
- </font>
- </td>
- <td bgcolor="#017299" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- <tr>
- <td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="472" height="1"><img src="resources/void.gif" width="472" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#017299" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td width="10"> </td>
- <td>
- <font size="-1" face="arial,helvetica,sanserif" color="#000000">
- <xsl:apply-templates/>
- </font>
- </td>
- </tr>
+ <br/>
+ <div align="right">
+ <table border="0" width="90%" cellspacing="0" cellpadding="0">
+ <tr>
+ <td width="9" height="7" valign="bottom" align="right"><img src="resources/bar-top-left.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-top.gif"><img src="resources/void.gif" width="1" height="5" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="7" valign="bottom" align="left"><img src="resources/bar-top-right.gif" width="9" height="7" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" background="resources/bar-border-left.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ <td width="100%" bgcolor="#0086b2">
+ <font size="-1" face="arial,helvetica,sanserif" color="#ffffff">
+ <img src="resources/void.gif" width="5" height="5" vspace="0" hspace="0" border="0"/><b><xsl:value-of select="@title"/></b></font>
+ </td>
+ <td width="9" background="resources/bar-border-right.gif"><img src="resources/void.gif" width="9" height="1" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ <tr>
+ <td width="9" height="12" valign="top" align="right"><img src="resources/bar-bottom-left.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td background="resources/bar-border-bottom.gif"><img src="resources/void.gif" width="1" height="12" vspace="0" hspace="0" border="0"/></td>
+ <td width="9" height="12" valign="top" align="left"><img src="resources/bar-bottom-right.gif" width="9" height="12" vspace="0" hspace="0" border="0"/></td>
+ </tr>
+ </table>
+ <table border="0" width="90%" cellspacing="0" cellpadding="0">
+ <tr>
+ <td>
+ <font size="-2" face="arial,helvetica,sanserif" color="#000000"><xsl:apply-templates/></font>
+ </td>
+ </tr>
</table>
- <br/>
+ </div>
+ <br/>
</xsl:template>
<!-- ###################################################################### -->
<!-- blocks -->
<xsl:template match="p">
- <p><xsl:apply-templates/></p>
+ <p align="justify"><xsl:apply-templates/></p>
</xsl:template>
<xsl:template match="note">
+ <p>
<table width="100%" cellspacing="3" cellpadding="0" border="0">
<tr>
- <td width="20" valign="top">
- <img src="resources/note.gif" width="20" height="24" vspace="0" hspace="0" border="0" alt="Note"/>
+ <td width="28" valign="top">
+ <img src="resources/note.gif" width="28" height="29" vspace="0" hspace="0" border="0" alt="Note"/>
</td>
<td valign="top">
<font size="-1" face="arial,helvetica,sanserif" color="#000000">
@@ -279,6 +261,7 @@
</td>
</tr>
</table>
+ </p>
</xsl:template>
<xsl:template match="ul">
@@ -294,21 +277,21 @@
</xsl:template>
<xsl:template match="source">
- <div align="right">
+ <div align="center">
<table cellspacing="4" cellpadding="0" border="0">
<tr>
<td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="100%" height="1"><img src="resources/void.gif" width="100%" height="1" vspace="0" hspace="0" border="0"/></td>
+ <td bgcolor="#0086b2" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
<td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
</tr>
<tr>
<td bgcolor="#0086b2" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#ffffff" width="100%"><font size="-1"><pre><xsl:apply-templates/></pre></font></td>
+ <td bgcolor="#ffffff"><pre><xsl:apply-templates/></pre></td>
<td bgcolor="#0086b2" width="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
</tr>
<tr>
<td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
- <td bgcolor="#0086b2" width="100%" height="1"><img src="resources/void.gif" width="100%" height="1" vspace="0" hspace="0" border="0"/></td>
+ <td bgcolor="#0086b2" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
<td bgcolor="#0086b2" width="1" height="1"><img src="resources/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td>
</tr>
</table>