Tidy up I2PTunnels default.css, more Konqueror compliant now. Also ensure

we're using Bitstream Vera family where possible.

installer/resources/themes/console/dark/default.css

@@ -5,7 +5,7 @@ body {
      font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
      background-color: #001;
      color: #000000;
-     font-size: 11pt;
+     font-size: 9pt;
 /* we've avoided Tantek Hacks so far,
     ** but we can't avoid using the non-w3c method of 
     ** box rendering. (and therefore one of mozilla's
@@ -40,9 +40,7 @@ h4 {
      width: 100%;
      border: 1px solid #99f;
      margin: 5px 0 15px 0;
-     background: url(images/tabletitledark.png);
+     background: #004 url(images/tabletitledark.png) repeat-x;
-     background-repeat: x;
-     background-color: #002;
      text-transform: uppercase;
      text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
      letter-spacing: 0.08em;
@@ -64,7 +62,7 @@ textarea, input, select, button, a {
      font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
-     font-size: 1.0em;
+     font-size: 9pt;
      float: left;
 }
 
@@ -79,28 +77,6 @@ textarea {
 br {
      clear: left;
 }
-/*
-div.statusNotRunning {
-    float : left;
-    width : 82px;
-    height : 24px;
-    color : #dd0000;
-        font-weight: bold;
-}
-div.statusRunning {
-    float : left;
-    width : 82px;
-    height : 24px;
-      color : #00dd00;
-        font-weight: bold;  
-}
-div.statusStarting {
-    float : left;
-    width : 82px;
-    height : 24px;
-      color : #339933;
-}
-*/
 
 div.statusNotRunning {
      float: left;
@@ -153,23 +129,23 @@ hr {
 
 .freetext {
      width: 150px;
-/*    height : 22px; */
+     height : 22px; 
      border: 1px solid #9999ff;
      padding: 2px;
      margin: 4px 0 2px 4px;
      background-color: #002;
-     font-family: "Lucida Console", Courier, mono;
+     font: bold 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
-     font-weight: bold;
 }
 
 .control {
-     margin: 0 2px 0 2px;
+     margin: 2px 2px;
-     padding: 0 0 2px 0;
+     padding: 2px 0;
      overflow: hidden;
-     height: 20px;
      min-width: 60px;
+     height: 22px;
+     font-size: 9pt;
      font-weight: bold;
-     background-color: #bbbbff;
+     background-color: #b4c8ff;
      color: black;
      border: 1px outset #ddddc0;
      text-align: center;
@@ -178,8 +154,8 @@ hr {
      -khtml-border-radius: 4px;
      border-radius: 4px;
      margin-top: 8px;
-     background: url(images/tabletitlelight.png);
+     background: url(images/tabletitlelight.png) repeat: x;
-     background-repeat: x;
+     vertical-align: middle;
 }
 
 .control:link {
@@ -206,7 +182,7 @@ hr {
      margin: 16px auto 16px auto;
      overflow: hidden;
      text-align: left;
-     font-size: 0.8em;
+     font-size: 9pt;
      color: white;
      background-color: #002;
      background: url(images/darkbluebg.png);
@@ -290,7 +266,9 @@ input {
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      font-weight: bold;
      border: 1px solid #99f;
+/*
      padding: 0px 2px 1px 2px;
+*/
      text-decoration: none;
 }
 
@@ -301,16 +279,18 @@ input hover {
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      font-weight: bold;
      border: 1px solid #99f;
-     padding: 0px 2px 1px 2px;
+     padding: 2px;
      text-decoration: none;
 }
 
 select {
      background-color: #001;
      color: #eef;
-     margin: 8px 2px 0 2px;
+     margin: 6px 2px 0 2px;
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      border: 1px solid #99f;
+     padding: 2px 2px 2px 4px;
+     height: 24px;
 }
 
 form {}

installer/resources/themes/console/light/default.css

@@ -5,7 +5,7 @@ body {
      font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
      background-color: #eeeeff;
      color: #000000;
-     font-size: 11pt;
+     font-size: 9pt;
 /* we've avoided Tantek Hacks so far,
     ** but we can't avoid using the non-w3c method of 
     ** box rendering. (and therefore one of mozilla's
@@ -41,15 +41,14 @@ h4 {
      width: 100%;
      border: 1px solid #225;
      margin: 5px 0 15px 0;
-     background: url(images/tabletitlelight.png);
+     background: #b4c8ff url(images/tabletitlelight.png) repeat-x;
-     background-color: #002;
      text-transform: uppercase;
      text-shadow: 0px 0px 2px rgba(64, 64, 255, 0.9);
      letter-spacing: 0.08em;
      -moz-box-shadow: inset 0px 0px 4px 0px #bbf;
-     border-radius: 4px;
      -moz-border-radius: 4px;
-     -webkit-border-radius: 4px;
+     -khtml-border-radius: 4px;
+     border-radius: 4px;
 }
 
 a {
@@ -61,10 +60,9 @@ form {
 }
 
 textarea, input, select, button, a {
-     font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
-     font-size: 1.0em;
+     font-size: 9pt;
      float: left;
 }
 
@@ -135,6 +133,7 @@ hr {
      border: 1px solid #003;
      padding: 2px;
      margin: 4px 0 2px 4px;
+     font: bold 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
 }
 
 .control {
@@ -156,11 +155,6 @@ hr {
 }
 
 .control:hover {
-/*
-        color: #fff;
-    background-color : #3333ff;
-        border 0px none #000022;
-*/
      border: 1px solid #eeeeff;
      background-color: #003;
      color: #ff6600;
@@ -175,7 +169,7 @@ hr {
      margin: 16px auto 16px auto;
      overflow: hidden;
      text-align: left;
-     font-size: 0.8em;
+     font-size: 9pt;
      background-color: #fff;
      background: url(images/lightbluetile.png);
      -moz-border-radius: 4px;