From a12af09dbb597b93fb617d50240c57775d4bb599 Mon Sep 17 00:00:00 2001 From: Jan Michel Date: Mon, 24 Jun 2013 19:22:57 +0200 Subject: [PATCH] optimized CSS --- layout/styles.css | 9 +++++++-- xml_spielwiese/cgitest.pl | 6 ++++-- xml_spielwiese/styles.css | 28 ++++++++++++---------------- 3 files changed, 23 insertions(+), 20 deletions(-) diff --git a/layout/styles.css b/layout/styles.css index e738a0e..8df33e1 100644 --- 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 b461a18..cbeafc8 100755 --- a/xml_spielwiese/cgitest.pl +++ b/xml_spielwiese/cgitest.pl @@ -248,7 +248,7 @@ for my $register (@registers ){ print ""; print < +  + +  EOF print "$registerName"; #print "$registerId"; @@ -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 = " + "; } else { document.getElementById(elementId).style.visibility = "visible" ; visHash[elementId]=true; + t.innerHTML = " - "; } } } diff --git a/xml_spielwiese/styles.css b/xml_spielwiese/styles.css index d22ae93..413906d 100644 --- 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; + + } -- 2.43.0