diff options
-rw-r--r-- | web/tabla_elem.xsl | 50 |
1 files changed, 32 insertions, 18 deletions
diff --git a/web/tabla_elem.xsl b/web/tabla_elem.xsl index 67baefb..d95be35 100644 --- a/web/tabla_elem.xsl +++ b/web/tabla_elem.xsl @@ -32,7 +32,7 @@ h1 { width:100%; text-align:center; - font-size:30px; + font-size:24px; color:white; } @@ -44,13 +44,18 @@ } - td { + .elemento { + text-decoration:none; padding-top:5px; border: 2px; -moz-border-radius:5px; font-size:10px; } + .elemento:hover { + background-color:white; + } + #pop { z-index:2; position:absolute; @@ -75,15 +80,15 @@ border: 2px solid black; text-align:center; background:#bbbbbb; - left:200px; - top:190px; + left:50px; + top:80px; -moz-border-radius:5px; color:black; } #wikiBody { - width:900px; - height:560px; + width:700px; + height:460px; background:white; margin:10px; } @@ -94,16 +99,16 @@ border: 2px solid black; text-align:left; background:#bbbbbb; - left:200px; - top:190px; + left:50px; + top:80px; -moz-border-radius:5px; color:black; } #textMisNotas { - width:900px; - height:560px; + width:700px; + height:460px; background:white; margin:10px; } @@ -123,17 +128,29 @@ font-size:11px; } + #botonMisNotas:hover { + border: 2px solid black; + background:black; + color:white; + } #cerrar { + padding:2px; + border: 1px solid black; float:right; - margin-right:5px; - cursor:pointer; + background:white; + margin:5px; + cursor:pointer; + generic-family:sans-serif; font-size:12px; font-weight:bold; width:12px; position:relative; - margin-top:-1px; + top:2px; + right:2px; text-align:center; + -moz-border-radius:10px; + color:black; } @@ -241,7 +258,7 @@ <xsl:template match="/PERIODIC_TABLE/ATOM"> <xsl:variable name="settings" select="document('../../datos/settings.xml')/settings"/> - <td bordercolor="black"> + <td bordercolor="black" class="elemento"> <xsl:choose> <xsl:when test="COLOR=0"> <xsl:attribute name="bgcolor">#cccccc</xsl:attribute> @@ -271,12 +288,9 @@ </xsl:choose> + <xsl:attribute name="onclick">javascript:mostrar('<xsl:value-of select="SYMBOL"/>','<xsl:value-of select="NOMBRE"/>','<xsl:value-of select="NAME"/>','<xsl:value-of select="ATOMIC_WEIGHT"/>','<xsl:value-of select="ATOMIC_NUMBER"/>','<xsl:value-of select="WIKIPEDIA"/>')</xsl:attribute> <div align="center"> - <a> - <xsl:attribute name="href">javascript:mostrar('<xsl:value-of select="SYMBOL"/>','<xsl:value-of select="NOMBRE"/>','<xsl:value-of select="NAME"/>','<xsl:value-of select="ATOMIC_WEIGHT"/>','<xsl:value-of select="ATOMIC_NUMBER"/>','<xsl:value-of select="WIKIPEDIA"/>')</xsl:attribute> - <xsl:attribute name="title"><xsl:value-of select="NOMBRE"/></xsl:attribute> <xsl:value-of select="SYMBOL"/> - </a> </div> <br/> <font size="1"> |