From 5a1e74513ddfd87c82ebee2a26ea514caa9db18e Mon Sep 17 00:00:00 2001
From: Jan Michel <j.michel@gsi.de>
Date: Sun, 4 Aug 2013 16:14:32 +0200
Subject: [PATCH] alternate stylesheet for jtageditor

---
 layout/jtageditor_blue.css | 219 +++++++++++++++++++++++++++++++++++++
 layout/styles.css          |   2 +-
 tools/jtageditor.pl        |   1 +
 tools/xmlOperation.pl      |   2 +-
 4 files changed, 222 insertions(+), 2 deletions(-)
 create mode 100644 layout/jtageditor_blue.css

diff --git a/layout/jtageditor_blue.css b/layout/jtageditor_blue.css
new file mode 100644
index 0000000..7b6e503
--- /dev/null
+++ b/layout/jtageditor_blue.css
@@ -0,0 +1,219 @@
+body {
+    background:#efeff5;
+    color:#445;
+}
+
+#debug {
+   position:absolute;
+   top:100px;
+   left:800px;
+   width:220px;
+   padding:10px;
+   background:#eef;
+   border-radius:5px;
+   box-shadow:0 0 10px 5px #fff, 0 0 4px 1px #78b inset;
+   margin:0px;
+}
+
+
+#fileSelection {
+   float:left;
+   position:relative;
+   width:700px;
+   min-height:50px;
+   padding:10px;
+   margin:50px 0 0 20px;
+   border-radius:5px;
+   background:#eef;
+   box-shadow: 0 0 10px 5px #fff,  0 0 4px 1px #78b inset;
+}
+
+#roterBereich {
+   clear:both;
+   float:left;
+   position:relative;
+   width:320px;
+   padding:10px;
+   margin:50px 10px 0 20px ;
+   border-radius:5px;
+   background:#eef;
+   box-shadow: 0 0 10px 5px #fff,  0 0 4px 1px #78b inset;
+}
+
+#blauerBereich {
+   float:left;
+   position:relative;
+   width:320px;
+   padding:10px;
+   margin:50px 10px 0 30px;
+   border-radius:5px;
+   background:#eef;
+   box-shadow: 0 0 10px 5px #fff,  0 0 4px 1px #78b inset;
+   }
+
+input[type="text"]
+{
+    background-color:#dde;
+    color:#444;
+    font-size:10px;
+	height:20px;
+	width:90px;
+	text-align:right;
+	padding-right:5px;
+    border:1px solid #78b;
+    transition:background .4s;
+}
+
+select {
+    background:#dde;
+    color:#444;
+    border:1px solid #78b;
+    transition:background .4s;
+}
+
+input:hover, input:active, input:focus, select:hover, select:active {
+background:#eed;
+}
+
+.stdbutton
+{
+    width:100px;
+    height:25px;
+    background:#dde;
+    color:#444;
+    border:1px solid #78b;
+    margin:0 5px;
+    padding:0 0 3px 0;
+    transition: background .4s;
+}
+
+.stdbutton:hover {
+    background:#eed;
+    }
+
+
+table.registers {
+  border-collapse:collapse;
+  border:0px solid #eef;
+  color:#336;
+  cursor:default; 
+}
+
+
+table.registers td {
+  border: 2px solid #eef;
+  height:25px;
+}
+
+table.fields {
+  background:#dea;
+  border-collapse:collapse;
+  border:hidden;
+  cursor:default;
+
+}
+
+table.fields td {
+  border:solid #eef;
+  border-width:2px 0;
+  border-collapse:collapse;
+  height:25px;
+}
+
+table.registers>tbody>tr>td:nth-child(2) {
+  background:#dde;
+  }
+
+
+.fileLevel tr{
+    vertical-align:center;
+
+}
+
+.fieldError {background:red;}
+
+.fileLevel  {background:#dde;}
+.fileLevel1 {background:#ded;}
+.fileLevel2 {background:#ede;}
+.fileLevel3 {background:#fdf;}
+.fileLevel4 {background:#fdd;}
+.fileLevel5 {background:#ffd;}
+.fileLevel6 {background:#fff;}
+
+table.fields td.button_move, table.registers td.button_move, .button_move {
+  background:#dde;
+  cursor:pointer;
+  text-align:center;
+  color:#228;
+  width:25px;
+  border:2px solid #eef;
+  transition:background .4s;
+}
+
+
+table.fields td.button_move_deac {
+  background:#eef;
+  cursor:normal;
+  text-align:center;
+  color:transparent;
+  width:25px;
+  border:2px solid #eef;
+}
+
+.regheader {
+  background:lightgrey;
+  font-variant:small-caps;
+}
+
+.bitfield {
+  background:#dea;
+  visibility:collapse;
+}
+
+table.registers td.fieldcontainer {
+    margin:0;
+    padding:0;
+    border:0;
+}
+
+table.registers tr td:first-child {
+    cursor:pointer;
+    background:#dde;
+    transition: background .4s;
+    }
+
+table.registers tr td:first-child:hover {
+    background:#eed;
+} 
+
+table.fields tr td:nth-child(3){
+    font-family:monospace;
+    padding-right:10px;
+    color:#228;
+}
+
+tr.bitfield{
+    background:transparent;
+    cursor:auto;
+}
+
+table.registers tr.bitfield td:first-child{
+    background:transparent;
+    cursor:default;
+}
+
+table.fields td.button_move:hover, table.registers td.button_move:hover{
+    background:#eed;
+}
+
+
+div.header {
+    font-size:13pt;
+    position:absolute;
+    font-weight:bold;
+    top:-20px;
+    color:#88a;
+    z-index:-1;
+
+   }
+
diff --git a/layout/styles.css b/layout/styles.css
index cce6b84..91be0df 100644
--- a/layout/styles.css
+++ b/layout/styles.css
@@ -24,7 +24,7 @@ h2 {
 /*   float:left; */
   background:#f9f9f9;
   border-bottom:1px solid #ccc;
-  padding:10px 10px 5px 10px;
+  padding:10px 15px 5px 10px;
   margin: 0px 0 10px  -25px;
 }
 
diff --git a/tools/jtageditor.pl b/tools/jtageditor.pl
index 9aabdaf..3da8ece 100755
--- a/tools/jtageditor.pl
+++ b/tools/jtageditor.pl
@@ -496,6 +496,7 @@ sub initPage {
 <title>JTAG Editor</title>
 <link href="../layout/styles.css" rel="stylesheet" type="text/css"/>
 <link href="../layout/jtageditor.css" rel="stylesheet" type="text/css"/>
+<link href="../layout/jtageditor_blue.css" rel="alternate stylesheet" title="Light Blue" type="text/css"/>
 EOF
   printJavaScripts();
   print <<EOF;
diff --git a/tools/xmlOperation.pl b/tools/xmlOperation.pl
index dc2c4f8..2562370 100755
--- a/tools/xmlOperation.pl
+++ b/tools/xmlOperation.pl
@@ -28,7 +28,7 @@ print start_html(
 -style=>{'src'=>'../layout/styles.css'}
 );
 
-print h2("debug output");
+print div({-class="header"},"debug output");
 
 
 unless ($q->param()){
-- 
2.43.0