Add some tinsel to the css.

2009-07-12 21:25:55 +00:00
parent a4adb4709b
commit 711c2b7dfd
4 changed files with 452 additions and 563 deletions
--- a/installer/resources/themes/console/dark/default.css
+++ b/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:visited{color:#7bb}
-a:hover{color:#ff6600}
-a:active{color:#900}
+a:link{
+     color: #99f;
+}
+
+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 {}
--- a/installer/resources/themes/console/dark/i2ptunnel.css
+++ b/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 #accessField,
-#tunnelEditPage #optionsField {
+#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
     height: 48px;
     width: 150px;
 }
+
 #tunnelEditPage #tunnelOptionsField {
     height: 96px;
     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;
 }

-#tunnelEditPage #reachField,
-#tunnelEditPage #hostField,
-#tunnelEditPage #depthField,
-#tunnelEditPage #countField,
-#tunnelEditPage #optionsHostField {
+#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
     width: 304px;
     margin-right: 4px;
 }

-#tunnelEditPage #portField, 
-#tunnelEditPage #optionsPortField, 
-#tunnelEditPage #backupField,
-#tunnelEditPage #varianceField {
+#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
     width: 150px;
-
 }

-#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 #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 {
     text-align: left;
-    
 }

 #tunnelEditPage #otherField label {
     width: 300px;
 }

-#tunnelEditPage #reachableByOther,
-#tunnelEditPage #tunnelDepth, 
-#tunnelEditPage #tunnelQuantity,
-#tunnelEditPage #targetHost, 
-#tunnelEditPage #clientHost {
+#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
     width: 306px;
 }

@ -78,16 +52,11 @@
     width: 80px;
 }

-#tunnelEditPage #targetPort,
-#tunnelEditPage #clientPort,
-#tunnelEditPage #tunnelBackupQuantity,
-#tunnelEditPage #tunnelVariance {
+#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
     width: 150px;
 }

-#tunnelEditPage #shared,
-#tunnelEditPage #connectDelay,
-#tunnelEditPage #startOnLoad {
+#tunnelEditPage #shared, #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 .portHeaderField label,
-#tunnelListPage .typeHeaderField label,
-#tunnelListPage .interfaceHeaderField label,
-#tunnelListPage .targetHeaderField label,
-#tunnelListPage .previewHeaderField label,
-#tunnelListPage .statusHeaderField label {
+#tunnelListPage .nameHeaderField 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 .text,
-#tunnelListPage .targetHeaderField,
-#tunnelListPage .targetHeaderField label {
+#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
     width: 300px;
 }

-#tunnelListPage .descriptionField,
-#tunnelListPage .destinationField {
+#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
     width: 750px;
 }

-#tunnelListPage .descriptionField .text,
-#tunnelListPage .destinationField input {
+#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
     width: 590px;
 }

-#tunnelListPage .descriptionField label,
-#tunnelListPage .destinationField label {
+#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
     text-align: right;
     width: 150px;
     height: 24px;
--- a/installer/resources/themes/console/light/default.css
+++ b/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;
-		border 1px solid #000022;
-		font-weight: bold;
+     -moz-border-radius: 4px;
     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;
-		border 1px solid #ff0000;
+     -moz-border-radius: 4px;
+     border: 1px solid #ff0000;
 }
--- a/installer/resources/themes/console/light/i2ptunnel.css
+++ b/installer/resources/themes/console/light/i2ptunnel.css
@ -13,64 +13,39 @@
     color: green;
 }

-#tunnelEditPage #targetField,
-#tunnelEditPage #accessField,
-#tunnelEditPage #optionsField {
+#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
     height: 48px;
     width: 150px;
 }
+
 #tunnelEditPage #tunnelOptionsField {
     height: 96px;
     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;
 }

-#tunnelEditPage #reachField,
-#tunnelEditPage #hostField,
-#tunnelEditPage #depthField,
-#tunnelEditPage #countField,
-#tunnelEditPage #optionsHostField {
+#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
     width: 304px;
     margin-right: 4px;
 }

-#tunnelEditPage #portField, 
-#tunnelEditPage #optionsPortField, 
-#tunnelEditPage #backupField,
-#tunnelEditPage #varianceField {
+#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
     width: 150px;
-
 }

-#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 #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 {
     text-align: left;
-    
 }

 #tunnelEditPage #otherField label {
     width: 300px;
 }

-#tunnelEditPage #reachableByOther,
-#tunnelEditPage #tunnelDepth, 
-#tunnelEditPage #tunnelQuantity,
-#tunnelEditPage #targetHost, 
-#tunnelEditPage #clientHost {
+#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
     width: 306px;
 }

@ -78,16 +53,11 @@
     width: 80px;
 }

-#tunnelEditPage #targetPort,
-#tunnelEditPage #clientPort,
-#tunnelEditPage #tunnelBackupQuantity,
-#tunnelEditPage #tunnelVariance {
+#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
     width: 150px;
 }

-#tunnelEditPage #shared,
-#tunnelEditPage #connectDelay,
-#tunnelEditPage #startOnLoad {
+#tunnelEditPage #shared, #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 .portHeaderField label,
-#tunnelListPage .typeHeaderField label,
-#tunnelListPage .interfaceHeaderField label,
-#tunnelListPage .targetHeaderField label,
-#tunnelListPage .previewHeaderField label,
-#tunnelListPage .statusHeaderField label {
+#tunnelListPage .nameHeaderField 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 .text,
-#tunnelListPage .targetHeaderField,
-#tunnelListPage .targetHeaderField label {
+#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
     width: 300px;
 }

-#tunnelListPage .descriptionField,
-#tunnelListPage .destinationField {
+#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
     width: 750px;
 }

-#tunnelListPage .descriptionField .text,
-#tunnelListPage .destinationField input {
+#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
     width: 590px;
 }

-#tunnelListPage .descriptionField label,
-#tunnelListPage .destinationField label {
+#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
     text-align: right;
     width: 150px;
     height: 28px;