Changes to dark theme

- improve /home.jsp
- general theme tweaks and fixes

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

@@ -38,6 +38,16 @@ b, a, a:link, a:hover, a:visited {
      font-weight: normal;
 }
 
+h2 {
+     font-size: 15pt;
+     text-shadow: none;
+     font-weight: normal;
+}
+
+p {
+     font-size: 9.5pt;
+}
+
 button, button:visited {
     font: normal 10pt Verdana,"Bitstream Vera Sans",Tahoma,Helvetica,sans-serif !important;
 }
@@ -54,4 +64,8 @@ code, pre, tt {
 
 table {
      font: 8.5pt/130% Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
-}
+}
+
+div.applabel {
+     font-size: 8.5pt;
+}

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

@@ -4,12 +4,12 @@ body {
      margin: 0px;
      padding: 0px;
      text-align: center;
-     font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
+     font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
      background: #010 url('images/camotile.png') center bottom;
      color: #000000;
-     font-size: 9pt;
-/* we've avoided Tantek Hacks so far,
-    ** but we can't avoid using the non-w3c method of
+     font-size: 8.5pt;
+    /* 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
     ** proprietry -moz properties (which hopefully they'll
     ** drop soon).
@@ -40,7 +40,7 @@ label {
 h4 {
      font-size: 14px;
      font-weight: bold !important;
-     text-align: center;
+     text-align: left;
      border: 1px solid #494;
      margin: 5px 0 15px 0;
      padding: 5px 10px;
@@ -63,11 +63,14 @@ form {
 }
 
 textarea, input, select, button, a {
-     font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
+     font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
-     font-size: 9pt;
+     font-size: 8.5pt;
      float: left;
+     background: #020;
+     border-radius: 4px;
+     color: #EEEE99;
 }
 
 button {
@@ -76,10 +79,6 @@ button {
 
 textarea {
      border: 1px solid #494;
-     color: #fff;
-     background: #020;
-     margin-left: 4px;
-     margin-right: 5px !important;
 }
 
 br {
@@ -137,12 +136,12 @@ hr {
 
 .freetext {
      width: 150px;
-     height: 22px;
+     height : 22px; 
      border: 1px solid #494;
      padding: 2px;
      margin: 4px 0 2px 4px;
      background-color: #020;
-     font: bold 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
+     font-size: 8.5pt;
 }
 
 .control {
@@ -151,7 +150,7 @@ hr {
      overflow: hidden;
      min-width: 60px;
      max-height: 24px;
-     font-size: 9pt;
+     font-size: 8pt;
      font-weight: bold;
      background-color: #000;
      color: #9f9 !important;
@@ -203,8 +202,8 @@ hr {
      margin: 16px auto 16px auto;
      overflow: hidden;
      text-align: left;
-     font-size: 9pt;
-     color: white;
+     font-size: 8.5pt;
+     color: #EEEE99;
      background-color: #020;
      background: #000; /*url(images/camotile2.png);*/
      -moz-border-radius: 4px;
@@ -239,7 +238,7 @@ hr {
      padding: 4px 0 0 2px;
      float: left;
      margin: 0;
-     font-size: 9pt !important;
+     font-size: 8pt !important;
      font-weight: bold;
 }
 
@@ -266,32 +265,35 @@ hr {
      border: 0;
 }
 
-a:link {
+a:link{
      color: #494;
      text-decoration: none;
+     background: #000;
 }
 
-a:visited {
+a:visited{
      color: #7b7;
      text-decoration: none;
+     background: #000;
 }
 
-a:hover {
+a:hover{
      color: #ff6600;
      text-decoration: underline;
+     background: #000;
 }
 
-a:active {
+a:active{
      color: #900;
      text-decoration: underline;
+     background: #000;
 }
 
 input {
      background-color: #020;
-     color: #eef;
+     color: #EEEE99;
      margin: 0 2px 0 2px;
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
-     font-weight: bold;
      border: 1px solid #494;
 /*
      padding: 0px 2px 1px 2px;
@@ -301,7 +303,7 @@ input {
 
 input hover {
      background-color: #f00;
-     color: #eef;
+     color: #EEEE99;
      margin: 0 2px 0 2px;
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      font-weight: bold;
@@ -312,12 +314,14 @@ input hover {
 
 select {
      background-color: #020;
-     color: #eef;
+     color: #EEEE99;
      margin: 6px 2px 0 2px;
      font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
      border: 1px solid #494;
      padding: 2px 2px 2px 4px;
      max-height: 24px;
+     background: #000;
+     border-radius: 4px;
 }
 
 form {}

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

@@ -23,7 +23,7 @@
      width: 150px;
 }
 
-#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label {
+#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{
      height: 48px;
      width: 150px;
 }
@@ -129,7 +129,7 @@
      width: 750px;
 }
 
-#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField .text {
+#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
      width: 590px;
 }
 
@@ -138,4 +138,4 @@
      width: 150px;
      height: 24px;
      float: left;
-}
+}