##
##  ossp_canvas.wml -- The Page Canvas
##  Copyright (c) 2000-2001 Ralf S. Engelschall <rse@engelschall.com> 
##

..PAGE_CSS>>
BODY { 
    background-color: #f5f5f0;
    background-image: url($(IMG)/ossp-bg-light.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    color: <lfg>;
}
<<..

..PAGE_BODY_ATTR>>
marginheight=0 leftmargin=0 rightmargin=0 topmargin=0
<<..

#   outer canvas
<table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
  <tr height=1%>
     <td colspan=3>{#PAGE_CANVAS_HEAD#}</td>
  </tr>
  <tr height=1%>
     <td><imgdot width=20></td>
     <td>{#PAGE_CANVAS_TOP#}</td>
     <td><imgdot width=20></td>
  </tr>
  <tr height=20>
     <td colspan=3><imgdot height=20></td>
  </tr>
  <tr height=100%>
     <td><imgdot width=20></td>
     <td>{#PAGE_CANVAS_MAIN#}</td>
     <td><imgdot width=20></td>
  </tr>
  <tr height=20>
     <td colspan=3><imgdot height=20></td>
  </tr>
</table>

#   canvas header
..PAGE_CSS>>
/* linkage header colors */
.headn   { color: #999999; font-weight: normal; }
.headn A { color: #999999; font-weight: normal; }
.heads   { color: #333333; font-weight: bold; }
.heads A { color: #333333; font-weight: bold; }
<<..
..PAGE_CANVAS_HEAD>>
<table bgcolor="#d5d5d0" border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td width=20><imgdot width=10></td>
    <td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    <td bgcolor="#f5f5f0">&nbsp;<span class=heads><a href="http://www.ossp.org/">OSSP</a>&nbsp;</span></td>
    <td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    <td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://www.openpkg.org/">OpenPKG</a>&nbsp;</span></td>
    <td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    <td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://www.netsw.org/">net.sw</a>&nbsp;</span></td>
    <td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    <td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://www.epaperwork.org/">ePaperwork</a>&nbsp;</span></td>
    <td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    #<td width=10 bgcolor="#d5d5d0"><imgdot width=10></td>
    #<td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    #<td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://www.engelschall.com/">EN</a>&nbsp;</span></td>
    #<td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    #<td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://dev.de.cw.net/">DevTeam</a>&nbsp;</span></td>
    #<td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    #<td bgcolor="#e5e5e0"><span class=headn>&nbsp;<a href="http://www.cw.com/de">C&amp;W&nbsp</a>&nbsp;</span></td>
    #<td width=1 bgcolor="#c5c5c0"><imgdot width=1></td>
    <td width=100%>&nbsp;</td>
    <td width=400 background="$(IMG)/ossp-bg-dark.jpg"><imgdot width=400></td>
  </tr>
</table>
<<..

#   canvas top
..PAGE_CSS>>
.title { 
    color: <lfg>;
    font-weight: bold;
    font-size: 300%;
    font-family: tahoma,helvetica,lucida,arial,sans-serif; 
}
<<..
..PAGE_CANVAS_TOP>>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td align=left valign=bottom width=100%>
        <span class="title">{#PAGE_TITLE#}</span>
    </td>
    <td align=right valign=bottom>
       <a href="http://www.ossp.org/"\
	   ><img src="$(IMG)/ossp-logo.png" alt="OSSP - Unix Software Technologies" border=0></a>
    </td>
  </tr>
</table>
<<..

#   canvas body
..PAGE_CANVAS_MAIN>>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td valign=top align=left>
      {#PAGE_CANVAS_NB1#}
      <br>
      <imgdot width=120>
    </td>
    <td width=20><imgdot width=20></td>
    <td width=1 background="$(IMG)/ossp-dashes.png"><imgdot width=1 height=500></td>
    <td width=20><imgdot width=20></td>
    <td valign=top align=left width=100% height=100%>
      {#PAGE_CANVAS_BODY#}
    </td>
    <td width=20><imgdot width=20></td>
    <td width=1 background="$(IMG)/ossp-dashes.png"><imgdot width=1 height=500></td>
    <td width=20><imgdot width=20></td>
    <td valign=top align=left>
      {#PAGE_CANVAS_NB2#}
	  <p>
      <a href="http://www.cw.com/"><img src="$(IMG)/cw.png" alt="Cable & Wireless" border=0></a><br>
	  <font size=-1>[ <a href="$(ROOT)/com/sponsors.html">gold sponsor</a> ]</font>
	  <p>
	  <table width=100% cellspacing=0 cellpadding=0 border=0>
	  <tr><td>Home:</td><td align=right><span class=nb1n><a href="http://www.ossp.org/">www.ossp.org</a></span></td></tr>
	  <tr><td>Repo:</td><td align=right><span class=nb1n><a href="http://cvs.ossp.org/">cvs.ossp.org</a></span></td></tr>
	  <tr><td>Dist:</td><td align=right><span class=nb1n><a href="ftp://ftp.ossp.org/">ftp.ossp.org</a></span></td></tr>
	  </table>
	  </span>
      <br>
      <imgdot width=120>
    </td>
  </tr>
  <tr>
    <td colspan=9>{#PAGE_CANVAS_ARENA#}</td>
  </tr>
</table>
<<..

#   canvas footer
# ..PAGE_CANVAS_FOOT>>
# <table bgcolor="#d5d5d0" border=0 cellpadding=0 cellspacing=0 width=100%>
#   <tr>
#     <td>
#       <center>
#         <font size=-1 color="#999999">
#           Copyright &copy; 2000-2003 Cable &amp; Wireless, The OpenPKG Project, Ralf S. Engelschall
#         </font>
#       </center>
#     </td>
#   </tr>
# </table>
# <<..

#   divert everything following into the canvas body..
..PAGE_CANVAS_BODY>>