optimized CSS

diff --git a/layout/styles.css b/layout/styles.css
index e738a0ec63ac5d83524401140d546b66e3e6eeed..8df33e10b6db845e68e98484b71a504cfbdc5bb1 100644 (file)
--- a/layout/styles.css
+++ b/layout/styles.css
@@ -6,6 +6,11 @@ body {
 
 }
 
+table {
+  font-size: 10pt;
+  
+}
+
 body.index {
       background:#f5f5f5 url("/layout/background.png") fixed no-repeat;
 }
@@ -18,8 +23,8 @@ h2 {
 /*   float:left; */
   background:#f9f9f9;
   border-bottom:1px solid #ccc;
-  padding:0px 10px 5px 10px;
-  margin: 10px 0 10px  -25px;
+  padding:10px 10px 5px 10px;
+  margin: 0px 0 10px  -25px;
 }
 
 h3 {

diff --git a/xml_spielwiese/cgitest.pl b/xml_spielwiese/cgitest.pl
index b461a18a843087e5e3e216da98f464582071445e..cbeafc8504f7702d994685b73f7eda4047a4e220 100755 (executable)
--- a/xml_spielwiese/cgitest.pl
+++ b/xml_spielwiese/cgitest.pl
@@ -248,7 +248,7 @@ for my $register (@registers ){
        print "<tr>";
 
        print <<EOF;
-<td onClick='toggleVis("$flistid")' class='regheader'>&nbsp;+&nbsp;</td>
+<td onClick='toggleVis("$flistid",this)' class='regheader'>&nbsp;+&nbsp;</td>
 EOF
        print "<td title=\"$registerDescr\">$registerName</td>";        
        #print "<td>$registerId</td>";
@@ -427,14 +427,16 @@ function writeToElementId(input,destId){
 }
 
 
-function toggleVis(elementId) {
+function toggleVis(elementId,t) {
 if(document.getElementById(elementId)){
 if( document.getElementById(elementId).style.visibility == "visible") {
        document.getElementById(elementId).style.visibility = "collapse";
        visHash[elementId]=false;
+       t.innerHTML = "&nbsp;+&nbsp;";
 } else {
        document.getElementById(elementId).style.visibility = "visible" ;
        visHash[elementId]=true;
+  t.innerHTML = "&nbsp;-&nbsp;";
 }
 }
 }

diff --git a/xml_spielwiese/styles.css b/xml_spielwiese/styles.css
index d22ae9345d69255444a10eb33ae69dc61c015ea6..413906d5736c38a773107a390d96364d4052ea1f 100644 (file)
--- a/xml_spielwiese/styles.css
+++ b/xml_spielwiese/styles.css
@@ -1,21 +1,11 @@
 
-body {
-  color: black; background-color: white;
-  font-family: Helvetica,Arial,sans-serif;
-       font-size: 12;
-  margin: 0; padding: 1em;
-}
-
-table {
-       font-size: 12;
-}
-
 #debug {
    position:absolute;
-   top:10px;
+   top:100px;
    left:800px;
    width:220px;
    padding:10px;
+   background:#fee;
    margin:0px;
 }
 
@@ -24,10 +14,12 @@ table {
    float:left;
    position:relative;
    width:700px;
+   min-height:50px;
    padding:10px;
    margin:50px 0 0 20px;
    border:2px solid #EEAA00;
    border-radius:20px;
+   background:white;
    box-shadow: 0 0 5px 5px #aaa,  0 0 4px 1px #ea0 inset;
 }
 
@@ -40,6 +32,7 @@ table {
    margin:50px 10px 0 20px ;
    border:2px solid #EE0000;
    border-radius:20px;
+   background:white;
    box-shadow: 0 0 5px 5px #aaa,  0 0 4px 1px red inset;
 }
 
@@ -51,6 +44,7 @@ table {
    margin:50px 10px 0 20px;
    border:2px solid #0000EE;
    border-radius:20px;
+   background:white;
    box-shadow: 0 0 5px 5px #aaa,  0 0 4px 1px blue inset;
    }
 
@@ -164,9 +158,11 @@ table.fields td.button_move:hover, table.registers td.button_move:hover {
 }
 
 div.header {
-    font-size:14pt;
+    font-size:13pt;
     position:absolute;
-    top:-20px;
-    color:#666;
-}
+    top:-22px;
+    color:#444;
+    z-index:-1;
+
+   }