mejoro la presentacion cambiando el css

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">