Add some tinsel to the css.

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

@@ -6,7 +6,6 @@ body {
      background-color: #001;
      color: #000000;
      font-size: 11pt;
-    
 /* 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
@@ -33,7 +32,6 @@ h4, label {
      font-size: 1.0em;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
-		padding: 5px 0 !important;
 }
 
 h4 {
@@ -80,7 +78,6 @@ textarea {
 br {
      clear: left;
 }
-
 /*
 div.statusNotRunning {
     float : left;
@@ -114,6 +111,7 @@ div.statusNotRunning {
      margin-top: 6px;
      background: url('images/console_status_stopped.png') 0 0 no-repeat;
 }
+
 div.statusRunning {
      float: left;
      width: 78px;
@@ -124,6 +122,7 @@ div.statusRunning {
      margin-top: 6px;
      background: url('images/console_status_running.png') 0 0 no-repeat;
 }
+
 div.statusStarting {
      float: left;
      width: 78px;
@@ -175,8 +174,6 @@ hr {
      text-align: center;
      white-space: nowrap;
      -moz-border-radius: 4px;
-		border 1px solid #000022;
-		font-weight: bold;
      margin-top: 8px;
 }
 
@@ -185,10 +182,9 @@ hr {
 }
 
 .control:hover {
-
      border: 1px solid #eeeeff;
      background-color: #003;
-color:#ff6600
+     color: #ff6600;
 }
 
 .control:active {
@@ -258,13 +254,24 @@ color:#ff6600
 
 .header {
      -moz-border-radius: 4px 4px 4px 4px;
-		border 1px solid #ff0000;
+     border: 1px solid #ff0000;
 }
 
-a:link{color:#99f}
+a:link{
-a:visited{color:#7bb}
+     color: #99f;
-a:hover{color:#ff6600}
+}
-a:active{color:#900}
+
+a:visited{
+     color: #7bb;
+}
+
+a:hover{
+     color: #ff6600;
+}
+
+a:active{
+     color: #900;
+}
 
 input {
      background-color: #002;
@@ -274,7 +281,6 @@ font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      font-weight: bold;
      border: 1px solid #99f;
      padding: 0px 2px 1px 2px;
-background-color: #001;
      text-decoration: none;
 }
 
@@ -286,7 +292,6 @@ font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      font-weight: bold;
      border: 1px solid #99f;
      padding: 0px 2px 1px 2px;
-background-color: #001;
      text-decoration: none;
 }
 
@@ -298,5 +303,4 @@ margin: 8px 2px 0 2px;
      border: 1px solid #99f;
 }
 
-form {
+form {}
-}

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

@@ -1,6 +1,5 @@
 /* I2P Tunnel Edit Page
 */
-
 #tunnelEditPage input {
      width: 458px;
 }
@@ -13,64 +12,39 @@
      color: green;
 }
 
-#tunnelEditPage #targetField,
+#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
-#tunnelEditPage #accessField,
-#tunnelEditPage #optionsField {
      height: 48px;
      width: 150px;
 }
+
 #tunnelEditPage #tunnelOptionsField {
      height: 96px;
      width: 150px;
 }
 
-#tunnelEditPage #targetField label,
+#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{
-#tunnelEditPage #accessField label,
-#tunnelEditPage #tunnelOptionsField label,
-#tunnelEditPage #optionsField label{
      height: 48px;
      width: 150px;
 }
 
-#tunnelEditPage #reachField,
+#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
-#tunnelEditPage #hostField,
-#tunnelEditPage #depthField,
-#tunnelEditPage #countField,
-#tunnelEditPage #optionsHostField {
      width: 304px;
      margin-right: 4px;
 }
 
-#tunnelEditPage #portField, 
+#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
-#tunnelEditPage #optionsPortField, 
-#tunnelEditPage #backupField,
-#tunnelEditPage #varianceField {
      width: 150px;
-
 }
 
-#tunnelEditPage #reachField label,
+#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label {
-#tunnelEditPage #hostField label,
-#tunnelEditPage #portField label,
-#tunnelEditPage #optionsHostField label, 
-#tunnelEditPage #optionsPortField label, 
-#tunnelEditPage #depthField label,
-#tunnelEditPage #countField label,
-#tunnelEditPage #backupField label,
-#tunnelEditPage #varianceField label {
      text-align: left;
-    
 }
 
 #tunnelEditPage #otherField label {
      width: 300px;
 }
 
-#tunnelEditPage #reachableByOther,
+#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
-#tunnelEditPage #tunnelDepth, 
-#tunnelEditPage #tunnelQuantity,
-#tunnelEditPage #targetHost, 
-#tunnelEditPage #clientHost {
      width: 306px;
 }
 
@@ -78,16 +52,11 @@
      width: 80px;
 }
 
-#tunnelEditPage #targetPort,
+#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
-#tunnelEditPage #clientPort,
-#tunnelEditPage #tunnelBackupQuantity,
-#tunnelEditPage #tunnelVariance {
      width: 150px;
 }
 
-#tunnelEditPage #shared,
+#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad {
-#tunnelEditPage #connectDelay,
-#tunnelEditPage #startOnLoad {
      width: 16px;
 }
 
@@ -97,7 +66,6 @@
      text-align: right;
      float: left;
 }
-
 /* I2P Tunnel List Page
 */
 
@@ -132,7 +100,6 @@
      margin-top: 6px;
      margin-right: 5px;
 }
-
 /* Use Leary and Langridge content replacement methods (LIR)
 ** to embed accessibility information into the document.
 ** Should allow the lists to be rendered nicely by
@@ -145,38 +112,26 @@
      overflow: hidden;
 }
 
-#tunnelListPage .nameHeaderField label,
+#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label {
-#tunnelListPage .portHeaderField label,
-#tunnelListPage .typeHeaderField label,
-#tunnelListPage .interfaceHeaderField label,
-#tunnelListPage .targetHeaderField label,
-#tunnelListPage .previewHeaderField label,
-#tunnelListPage .statusHeaderField label {
      text-align: left;
      width: 150px;
      height: 28px;
      float: left;
 }
 
-#tunnelListPage .targetField,
+#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
-#tunnelListPage .targetField .text,
-#tunnelListPage .targetHeaderField,
-#tunnelListPage .targetHeaderField label {
      width: 300px;
 }
 
-#tunnelListPage .descriptionField,
+#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
-#tunnelListPage .destinationField {
      width: 750px;
 }
 
-#tunnelListPage .descriptionField .text,
+#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
-#tunnelListPage .destinationField input {
      width: 590px;
 }
 
-#tunnelListPage .descriptionField label,
+#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
-#tunnelListPage .destinationField label {
      text-align: right;
      width: 150px;
      height: 24px;

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

@@ -6,7 +6,6 @@ body {
      background-color: #eeeeff;
      color: #000000;
      font-size: 11pt;
-    
 /* 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
@@ -33,7 +32,6 @@ h4, label {
      font-size: 1.0em;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
-		padding: 5px 0 !important;
 }
 
 h4 {
@@ -82,29 +80,6 @@ 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;
      width: 78px;
@@ -115,6 +90,7 @@ div.statusNotRunning {
      padding-top: 24px;
      margin-top: 8px;
 }
+
 div.statusRunning {
      float: left;
      width: 78px;
@@ -173,9 +149,7 @@ hr {
      border: 1px outset #ddddc0;
      text-align: center;
      white-space: nowrap;
-    -moz-border-radius: 4px 4px 4px 4px;
+     -moz-border-radius: 4px;
-		border 1px solid #000022;
-		font-weight: bold;
      margin-top: 8px;
 }
 
@@ -187,7 +161,7 @@ hr {
 */
      border: 1px solid #eeeeff;
      background-color: #003;
-color:#ff6600
+     color: #ff6600;
 }
 
 .control:active {
@@ -250,6 +224,6 @@ color:#ff6600
 }
 
 .header {
-	  -moz-border-radius: 4px 4px 4px 4px;
+     -moz-border-radius: 4px;
-		border 1px solid #ff0000;
+     border: 1px solid #ff0000;
 }

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

@@ -13,64 +13,39 @@
      color: green;
 }
 
-#tunnelEditPage #targetField,
+#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
-#tunnelEditPage #accessField,
-#tunnelEditPage #optionsField {
      height: 48px;
      width: 150px;
 }
+
 #tunnelEditPage #tunnelOptionsField {
      height: 96px;
      width: 150px;
 }
 
-#tunnelEditPage #targetField label,
+#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{
-#tunnelEditPage #accessField label,
-#tunnelEditPage #tunnelOptionsField label,
-#tunnelEditPage #optionsField label{
      height: 48px;
      width: 150px;
 }
 
-#tunnelEditPage #reachField,
+#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
-#tunnelEditPage #hostField,
-#tunnelEditPage #depthField,
-#tunnelEditPage #countField,
-#tunnelEditPage #optionsHostField {
      width: 304px;
      margin-right: 4px;
 }
 
-#tunnelEditPage #portField, 
+#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
-#tunnelEditPage #optionsPortField, 
-#tunnelEditPage #backupField,
-#tunnelEditPage #varianceField {
      width: 150px;
-
 }
 
-#tunnelEditPage #reachField label,
+#tunnelEditPage #reachField label, #tunnelEditPage #hostField label, #tunnelEditPage #portField label, #tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsPortField label, #tunnelEditPage #depthField label, #tunnelEditPage #countField label, #tunnelEditPage #backupField label, #tunnelEditPage #varianceField label {
-#tunnelEditPage #hostField label,
-#tunnelEditPage #portField label,
-#tunnelEditPage #optionsHostField label, 
-#tunnelEditPage #optionsPortField label, 
-#tunnelEditPage #depthField label,
-#tunnelEditPage #countField label,
-#tunnelEditPage #backupField label,
-#tunnelEditPage #varianceField label {
      text-align: left;
-    
 }
 
 #tunnelEditPage #otherField label {
      width: 300px;
 }
 
-#tunnelEditPage #reachableByOther,
+#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
-#tunnelEditPage #tunnelDepth, 
-#tunnelEditPage #tunnelQuantity,
-#tunnelEditPage #targetHost, 
-#tunnelEditPage #clientHost {
      width: 306px;
 }
 
@@ -78,16 +53,11 @@
      width: 80px;
 }
 
-#tunnelEditPage #targetPort,
+#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
-#tunnelEditPage #clientPort,
-#tunnelEditPage #tunnelBackupQuantity,
-#tunnelEditPage #tunnelVariance {
      width: 150px;
 }
 
-#tunnelEditPage #shared,
+#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad {
-#tunnelEditPage #connectDelay,
-#tunnelEditPage #startOnLoad {
      width: 16px;
 }
 
@@ -97,7 +67,6 @@
      text-align: right;
      float: left;
 }
-
 /* I2P Tunnel List Page
 */
 
@@ -133,7 +102,6 @@
      margin-top: 6px;
      margin-right: 5px;
 }
-
 /* Use Leary and Langridge content replacement methods (LIR)
 ** to embed accessibility information into the document.
 ** Should allow the lists to be rendered nicely by
@@ -146,13 +114,7 @@
      overflow: hidden;
 }
 
-#tunnelListPage .nameHeaderField label,
+#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label {
-#tunnelListPage .portHeaderField label,
-#tunnelListPage .typeHeaderField label,
-#tunnelListPage .interfaceHeaderField label,
-#tunnelListPage .targetHeaderField label,
-#tunnelListPage .previewHeaderField label,
-#tunnelListPage .statusHeaderField label {
      text-align: left;
      width: 150px;
      height: 28px;
@@ -160,25 +122,19 @@
      padding-top: 4px;
 }
 
-#tunnelListPage .targetField,
+#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
-#tunnelListPage .targetField .text,
-#tunnelListPage .targetHeaderField,
-#tunnelListPage .targetHeaderField label {
      width: 300px;
 }
 
-#tunnelListPage .descriptionField,
+#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
-#tunnelListPage .destinationField {
      width: 750px;
 }
 
-#tunnelListPage .descriptionField .text,
+#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
-#tunnelListPage .destinationField input {
      width: 590px;
 }
 
-#tunnelListPage .descriptionField label,
+#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
-#tunnelListPage .destinationField label {
      text-align: right;
      width: 150px;
      height: 28px;