<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
   <xsl:template match="/">
      <HTML>
      <BODY background="images/4.jpg" text="darkblue" link="#330066" vlink="darkblue"> 
     
      <xsl:apply-templates />
      </BODY>
      </HTML>
  </xsl:template>

   <xsl:template match="solar_planet">
      <CENTER>
	<H2 style="color:#990000; font-family:skia,  century gothic,  Ariel, Helvetica, sans-serif ;">
	<xsl:value-of select="web_page_logo/title1"/> <br/><xsl:value-of select="web_page_logo/title2"/>
        <br/> <img src="images/waveline.gif" width="300" height="16"/>
        </H2>

</CENTER>
      <CENTER>

<table><tr><td align="left">
    <TABLE width="815" bgcolor="white" cellspacing="2" border="1" bordercolor="darkblue" rules="rows">
      <xsl:for-each select="/solar_planet/planet">
      <tr>
       <td valign="middle" bgcolor="#adeaea">
	<table width="222">
	 <tr> <td align="center"> <xsl:apply-templates select="picture"/></td></tr>
	 <tr> <td align="center" style="color:#5c4033;"><b> <xsl:value-of select="name"/></b></td></tr>
	 <tr> <td align="center"> <xsl:value-of select="distance"/></td> </tr>
	</table>
       </td>
       <td width="580" height="190" bgcolor="#adeaea">
	<table width="573" valign="middle" align="center" cellspacing="0" cellpadding="3" border="1" bordercolor="#70dbdb">
	 <tr bgcolor="#8fbc8f">
	   <td align="center" style="color:#5c4033;"><b> <xsl:value-of select="physical_data/physical_data_label"/></b></td>
	   <td align="center" style="color:#5c4033;"><b> <xsl:value-of select="orbital_data/orbital_data_label"/></b></td>
	   <td align="center" style="color:#5c4033;"><b> <xsl:value-of select="atmospheric_data/atmospheric_data_label"/></b></td>
	 </tr>

	 <tr>
	   <td> <b style="color:#008080;"><xsl:value-of select="physical_data/rlabel"/></b> <xsl:value-of select="physical_data/radius"/></td>
	   <td> <b style="color:#008080;"><xsl:value-of select="orbital_data/olabel"/></b> <xsl:value-of select="orbital_data/orbit"/></td>
	   <td> <b style="color:#008080;"><xsl:value-of select="atmospheric_data/clabel"/></b> <xsl:value-of select="atmospheric_data/composition"/></td>
	 </tr>
	 <tr>
	   <td> <b style="color:#008080;"><xsl:value-of select="physical_data/mlabel"/></b> <xsl:value-of select="physical_data/mass"/></td>
	   <td> <b style="color:#008080;"><xsl:value-of select="orbital_data/slabel"/></b> <xsl:value-of select="orbital_data/sidereal_period"/></td>
	   <td> <b style="color:#008080;"><xsl:value-of select="atmospheric_data/slabel"/></b> <xsl:value-of select="atmospheric_data/surface"/></td>
	 </tr>
	 <tr>
	   <td> <b style="color:#008080;"><xsl:value-of select="physical_data/dlabel"/></b> <xsl:value-of select="physical_data/density"/></td>
	   <td> &#160;</td>
	   <td> <b style="color:#008080;"><xsl:value-of select="atmospheric_data/slabel"/></b> <xsl:value-of select="atmospheric_data/temperature"/></td>
	 </tr>
	 <tr>
	   <td colspan="3" style="color:darkblue;"> <b style="color:#008080;"><xsl:value-of select="comment_label"/></b><xsl:value-of select="comment_description"/><a href="http://www.geocities.com/chandrani_das/dol.html"> <xsl:value-of select="link"/></a><br/></td>
	 </tr>
	</table>
       </td>
      </tr>
      </xsl:for-each>
   </TABLE></td>



  <td align="center" valign="top" width="85"> 
   <table cellpadding="0" cellspacing="4" border="0">
    <tr><td align="center" valign="top">Planets at a glance:<br/> <br/></td></tr>
    <tr><td align="center">
	 <img src="images/mercury.gif" border="0" height="30" width="30"/><br/>Mercury
    </td></tr>
    <tr><td align="center">
	<img src="images/venus.gif" height="30" width="30"/><br/>Venus
    </td></tr>
    <tr><td align="center">
	<img src="images/earth.gif" height="30" width="30"/><br/>Earth
    </td></tr>
    <tr><td align="center">
	<img src="images/mars.gif" height="30" width="30"/><br/>Mars
    </td></tr>
    <tr><td align="center">
	<img src="images/jupitar.gif" height="30" width="30"/><br/>Jupitar
    </td></tr>
    <tr><td align="center">
	<img src="images/saturn.gif" height="20" width="30"/><br/>Saturn
    </td></tr>
    <tr><td align="center">
	<img src="images/uranus.gif" height="30" width="30"/><br/>Uranus
    </td></tr>
    <tr><td align="center">
	<img src="images/neptune.gif" height="30" width="30"/><br/>Neptune
    </td></tr>
    <tr><td align="center">
	<img src="images/pluto.gif" height="30" width="30"/><br/>Pluto
    </td></tr>
    </table>
</td>
</tr>
</table>
   </CENTER>
   </xsl:template>


<!--       "picture" template         -->

<xsl:template match="picture">
  <img>
    <xsl:attribute name="src">
      <xsl:value-of select="./@filename"/>
    </xsl:attribute>
   
    <xsl:attribute name="width">
      <xsl:value-of select="./@x"/>
    </xsl:attribute>
   
    <xsl:attribute name="height">
      <xsl:value-of select="./@y"/>
    </xsl:attribute>
  </img>
  
</xsl:template>
</xsl:stylesheet>

