From 711c2b7dfde14d7c68d14ced2e5696022de6820b Mon Sep 17 00:00:00 2001 From: z3d Date: Sun, 12 Jul 2009 21:25:55 +0000 Subject: [PATCH] Add some tinsel to the css. --- .../resources/themes/console/dark/default.css | 352 +++++++++--------- .../themes/console/dark/i2ptunnel.css | 185 ++++----- .../themes/console/light/default.css | 290 +++++++-------- .../themes/console/light/i2ptunnel.css | 188 ++++------ 4 files changed, 452 insertions(+), 563 deletions(-) diff --git a/installer/resources/themes/console/dark/default.css b/installer/resources/themes/console/dark/default.css index e01bff477..b3fd118a3 100644 --- a/installer/resources/themes/console/dark/default.css +++ b/installer/resources/themes/console/dark/default.css @@ -1,302 +1,306 @@ body { - margin : 0px; - padding : 0px; - text-align : center; - font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; - background-color : #001; - color : #000000; - font-size : 11pt; - - /* we've avoided Tantek Hacks so far, + margin: 0px; + padding: 0px; + text-align: center; + font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; + 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 ** proprietry -moz properties (which hopefully they'll ** drop soon). */ - -moz-box-sizing : border-box; - box-sizing : border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } div { - -moz-box-sizing : border-box; - box-sizing : border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } h4, label { - margin : 0; - padding : 4px 2px 2px 0px; - float : left; - width : 150px; + margin: 0; + padding: 4px 2px 2px 0px; + float: left; + width: 150px; /* height : 24px; */ - font-weight : bold; - text-align : right; - font-size : 1.0em; - -moz-box-sizing: border-box; - box-sizing : border-box; - padding: 5px 0 !important; + font-weight: bold; + text-align: right; + font-size: 1.0em; + -moz-box-sizing: border-box; + box-sizing: border-box; } h4 { - font-size : 14px; - text-align : center; - width : 100%; - border: 1px solid #99f; - margin: 5px 0 15px 0; - background: url(images/tabletitledark.png); - background-color: #002; - text-transform: uppercase; - text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9); - letter-spacing: 0.08em; - -moz-box-shadow: inset 0px 0px 4px 0px #009; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; + font-size: 14px; + text-align: center; + width: 100%; + border: 1px solid #99f; + margin: 5px 0 15px 0; + background: url(images/tabletitledark.png); + background-color: #002; + text-transform: uppercase; + text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9); + letter-spacing: 0.08em; + -moz-box-shadow: inset 0px 0px 4px 0px #009; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; } a { - text-decoration : none; + text-decoration: none; } form { - margin : 0px; + margin: 0px; } 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; - float : left; + font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 1.0em; + float: left; } button { - float : none; + float: none; } textarea { - border : 1px solid #9999ff; + border: 1px solid #9999ff; } br { - clear : left; + clear: left; } - /* div.statusNotRunning { float : left; width : 82px; height : 24px; - color : #dd0000; - font-weight: bold; + color : #dd0000; + font-weight: bold; } div.statusRunning { float : left; width : 82px; height : 24px; - color : #00dd00; - font-weight: bold; + color : #00dd00; + font-weight: bold; } div.statusStarting { float : left; width : 82px; height : 24px; - color : #339933; + color : #339933; } */ div.statusNotRunning { - float : left; - width : 78px; - height : 24px; - overflow : hidden; - color : #dd0000; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_stopped.png') 0 0 no-repeat; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #dd0000; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_stopped.png') 0 0 no-repeat; } + div.statusRunning { - float : left; - width : 78px; - height : 24px; - overflow : hidden; - color : #00dd00; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_running.png') 0 0 no-repeat; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #00dd00; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_running.png') 0 0 no-repeat; } + div.statusStarting { - float : left; - width : 78px; - height : 24px; - overflow : hidden; - color : #339933; - padding-top: 24px; - margin-top: 6px; - background: url('images/console_status_starting.png') 0 0 no-repeat; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #339933; + padding-top: 24px; + margin-top: 6px; + background: url('images/console_status_starting.png') 0 0 no-repeat; } hr { - display : none; + display: none; } .separator, .subdivider { - clear : both; - height : 1px; - margin : 3px 0px 3px 0px; - border-bottom : 1px solid #99f; + clear: both; + height: 1px; + margin: 3px 0px 3px 0px; + border-bottom: 1px solid #99f; } .subdivider { - border-bottom : 1px solid #99f; - padding: 5px 0px 0px 0px; + border-bottom: 1px solid #99f; + padding: 5px 0px 0px 0px; } .freetext { - width : 150px; + width: 150px; /* height : 22px; */ - border : 1px solid #9999ff; - padding: 2px; - margin: 4px 0 2px 4px; - background-color: #002; - font-family: "Lucida Console", Courier, mono; - font-weight: bold; + border: 1px solid #9999ff; + padding: 2px; + margin: 4px 0 2px 4px; + background-color: #002; + font-family: "Lucida Console", Courier, mono; + font-weight: bold; } .control { - margin : 0 0 0 4px; - padding : 0 0 2px 0; - overflow : hidden; - height : 20px; - width : 60px; - font-weight : normal; - background-color : #bbbbff; - color : black; - border : 1px outset #ddddc0; - text-align : center; - white-space : nowrap; - -moz-border-radius: 4px; - border 1px solid #000022; - font-weight: bold; - margin-top: 8px; + margin: 0 0 0 4px; + padding: 0 0 2px 0; + overflow: hidden; + height: 20px; + width: 60px; + font-weight: normal; + background-color: #bbbbff; + color: black; + border: 1px outset #ddddc0; + text-align: center; + white-space: nowrap; + -moz-border-radius: 4px; + margin-top: 8px; } .control:link { - color: #001; + color: #001; } .control:hover { - -border: 1px solid #eeeeff; -background-color: #003; -color:#ff6600 + border: 1px solid #eeeeff; + background-color: #003; + color: #ff6600; } .control:active { - border : 2px inset; + border: 2px inset; } .control:visited { - color: #001; + color: #001; } .panel { - width : 800px; - margin : 16px auto 16px auto; - overflow : hidden; - text-align : left; - font-size : 0.8em; - color: white; - background-color : #002; - background: url(images/darkbluebg.png); - -moz-border-radius: 4px 4px 4px 4px; - border: 1px solid #99f; - padding: 10px 20px; + width: 800px; + margin: 16px auto 16px auto; + overflow: hidden; + text-align: left; + font-size: 0.8em; + color: white; + background-color: #002; + background: url(images/darkbluebg.png); + -moz-border-radius: 4px 4px 4px 4px; + border: 1px solid #99f; + padding: 10px 20px; } .panel .footer { - float : right; - padding : 4px; + float: right; + padding: 4px; } .toolbox { - float : right; + float: right; } .rowItem { - width : 750px; - float : left; - margin : 0px; + width: 750px; + float: left; + margin: 0px; } .comment { - font-style : italic; + font-style: italic; } .text { - height : 24px; - width : 150px; - padding : 4px 0 0 2px; - float : left; - margin : 0; + height: 24px; + width: 150px; + padding: 4px 0 0 2px; + float: left; + margin: 0; } .accessKey { - text-decoration : underline; + text-decoration: underline; } #globalOperationsPanel { - background-color : #003; - border : 1px solid #f22; - background: url(images/lightbluetile.png); - -moz-box-shadow: inset 0px 0px 4px 0px #f00; - padding: 5px 20px 11px 10px !important; + background-color: #003; + border: 1px solid #f22; + background: url(images/lightbluetile.png); + -moz-box-shadow: inset 0px 0px 4px 0px #f00; + padding: 5px 20px 11px 10px !important; } #globalOperationsPanel .control { - width : 100px; + width: 100px; } .header { - -moz-border-radius: 4px 4px 4px 4px; - border 1px solid #ff0000; + -moz-border-radius: 4px 4px 4px 4px; + 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; -color: #eef; -margin: 0 2px 0 2px; -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; + background-color: #002; + color: #eef; + margin: 0 2px 0 2px; + 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; } input hover { -background-color: #f00; -color: #eef; -margin: 0 2px 0 2px; -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; + background-color: #f00; + color: #eef; + margin: 0 2px 0 2px; + 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; } select { - background-color: #001; - color: #eef; -margin: 8px 2px 0 2px; - font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; - border: 1px solid #99f; + background-color: #001; + color: #eef; + margin: 8px 2px 0 2px; + font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif; + border: 1px solid #99f; } -form { -} \ No newline at end of file +form {} \ No newline at end of file diff --git a/installer/resources/themes/console/dark/i2ptunnel.css b/installer/resources/themes/console/dark/i2ptunnel.css index 2f41fdc46..2352df97c 100644 --- a/installer/resources/themes/console/dark/i2ptunnel.css +++ b/installer/resources/themes/console/dark/i2ptunnel.css @@ -1,138 +1,105 @@ /* I2P Tunnel Edit Page */ - #tunnelEditPage input { - width : 458px; + width: 458px; } #tunnelEditPage select { - width : 308px; + width: 308px; } -#tunnelEditPage option[selected] { - color: green; +#tunnelEditPage option [ selected ] { + color: green; } -#tunnelEditPage #targetField, -#tunnelEditPage #accessField, -#tunnelEditPage #optionsField { - height : 48px; - width : 150px; +#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { + height: 48px; + width: 150px; } + #tunnelEditPage #tunnelOptionsField { - height : 96px; - width : 150px; + height: 96px; + width: 150px; } -#tunnelEditPage #targetField label, -#tunnelEditPage #accessField label, -#tunnelEditPage #tunnelOptionsField label, -#tunnelEditPage #optionsField label{ - height : 48px; - width : 150px; +#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 { - width : 304px; - margin-right: 4px; +#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; } -#tunnelEditPage #portField, -#tunnelEditPage #optionsPortField, -#tunnelEditPage #backupField, -#tunnelEditPage #varianceField { - width : 150px; - +#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 { - text-align : left; - +#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; + width: 300px; } -#tunnelEditPage #reachableByOther, -#tunnelEditPage #tunnelDepth, -#tunnelEditPage #tunnelQuantity, -#tunnelEditPage #targetHost, -#tunnelEditPage #clientHost { - width : 306px; +#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { + width: 306px; } #tunnelEditPage #port { - width : 80px; + width: 80px; } -#tunnelEditPage #targetPort, -#tunnelEditPage #clientPort, -#tunnelEditPage #tunnelBackupQuantity, -#tunnelEditPage #tunnelVariance { - width : 150px; -} +#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { + width: 150px; +} -#tunnelEditPage #shared, -#tunnelEditPage #connectDelay, -#tunnelEditPage #startOnLoad { - width : 16px; +#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { + width: 16px; } #tunnelEditPage label { - width : 150px; - font-weight : bold; - text-align : right; - float : left; + width: 150px; + font-weight: bold; + text-align: right; + float: left; } - /* I2P Tunnel List Page */ #tunnelListPage .rowItem { - width : 150px; + width: 150px; } #tunnelListPage select { - width : 150px; + width: 150px; } #tunnelListPage textarea { - width : 100%; - height : 100px; - padding : 0 0 0 4px; - margin: 1px 0 4px 0; - background-color: #000088; - color: #fff; - font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono; - border: 1px inset #002; + width: 100%; + height: 100px; + padding: 0 0 0 4px; + margin: 1px 0 4px 0; + background-color: #000088; + color: #fff; + font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono; + border: 1px inset #002; } #tunnelListPage .footer .control { - margin-left: 2px; + margin-left: 2px; } #tunnelListPage .footer label { - text-align : right; - height : 24px; - width : 360px; - float : left; - margin-top: 6px; - margin-right: 5px; + text-align: right; + height: 24px; + width: 360px; + float: left; + 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 @@ -140,45 +107,33 @@ */ #tunnelListPage label { - height : 0; - width : 0; - overflow : hidden; + height: 0; + width: 0; + overflow: hidden; } -#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 .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 { - width : 300px; +#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { + width: 300px; } -#tunnelListPage .descriptionField, -#tunnelListPage .destinationField { - width : 750px; +#tunnelListPage .descriptionField, #tunnelListPage .destinationField { + width: 750px; } -#tunnelListPage .descriptionField .text, -#tunnelListPage .destinationField input { - width : 590px; +#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input { + width: 590px; } -#tunnelListPage .descriptionField label, -#tunnelListPage .destinationField label { - text-align : right; - width : 150px; - height : 24px; - float : left; -} +#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 24px; + float: left; +} \ No newline at end of file diff --git a/installer/resources/themes/console/light/default.css b/installer/resources/themes/console/light/default.css index cb7bf0b6e..8f7eac3a4 100644 --- a/installer/resources/themes/console/light/default.css +++ b/installer/resources/themes/console/light/default.css @@ -1,255 +1,229 @@ body { - margin : 0px; - padding : 0px; - text-align : center; - font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; - background-color : #eeeeff; - color : #000000; - font-size : 11pt; - - /* we've avoided Tantek Hacks so far, + margin: 0px; + padding: 0px; + text-align: center; + font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; + 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 ** proprietry -moz properties (which hopefully they'll ** drop soon). */ - -moz-box-sizing : border-box; - box-sizing : border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } div { - -moz-box-sizing : border-box; - box-sizing : border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } h4, label { - margin : 0px; - padding : 6px 2px 2px 0px; - float : left; - width : 150px; - height : 28px; - font-weight : bold; - text-align : right; - font-size : 1.0em; - -moz-box-sizing: border-box; - box-sizing : border-box; - padding: 5px 0 !important; + margin: 0px; + padding: 6px 2px 2px 0px; + float: left; + width: 150px; + height: 28px; + font-weight: bold; + text-align: right; + font-size: 1.0em; + -moz-box-sizing: border-box; + box-sizing: border-box; } h4 { - font-size : 14px; - color: #001; - text-align : center; - width : 100%; - border: 1px solid #225; - margin: 5px 0 15px 0; - background: url(images/tabletitlelight.png); - 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; + font-size: 14px; + color: #001; + text-align: center; + width: 100%; + border: 1px solid #225; + margin: 5px 0 15px 0; + background: url(images/tabletitlelight.png); + 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; } a { - text-decoration : none; + text-decoration: none; } form { - margin : 0px; + margin: 0px; } 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; - float : left; + font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 1.0em; + float: left; } button { - float : none; + float: none; } textarea { - border : 1px solid #9999ff; + border: 1px solid #9999ff; } br { - clear : left; + clear: left; } -/* div.statusNotRunning { - float : left; - width : 82px; - height : 24px; - color : #dd0000; - font-weight: bold; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #dd0000; + background: url('images/console_status_stopped.png') 0 0 no-repeat; + padding-top: 24px; + margin-top: 8px; } -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; - height : 24px; - overflow : hidden; - color : #dd0000; - background: url('images/console_status_stopped.png') 0 0 no-repeat; - padding-top: 24px; - margin-top: 8px; -} div.statusRunning { - float : left; - width : 78px; - height : 24px; - overflow : hidden; - color : #00dd00; - background: url('images/console_status_running.png') 0 0 no-repeat; - padding-top: 24px; - margin-top: 8px; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #00dd00; + background: url('images/console_status_running.png') 0 0 no-repeat; + padding-top: 24px; + margin-top: 8px; } div.statusStarting { - float : left; - width : 78px; - height : 24px; - overflow : hidden; - color : #339933; - background: url('images/console_status_starting.png') 0 0 no-repeat; - padding-top: 24px; - margin-top: 8px; + float: left; + width: 78px; + height: 24px; + overflow: hidden; + color: #339933; + background: url('images/console_status_starting.png') 0 0 no-repeat; + padding-top: 24px; + margin-top: 8px; } hr { - display : none; + display: none; } .separator, .subdivider { - clear : both; - height : 1px; - margin : 3px 0px 3px 0px; - border-bottom : 1px solid #225; + clear: both; + height: 1px; + margin: 3px 0px 3px 0px; + border-bottom: 1px solid #225; } .subdivider { - border-bottom : 1px solid #225; - padding: 5px 0px 0px 0px; + border-bottom: 1px solid #225; + padding: 5px 0px 0px 0px; } .freetext { - width : 150px; - height : 22px; - border : 1px solid #9999ff; - padding: 2px; - margin: 4px 0 2px 4px; + width: 150px; + height: 22px; + border: 1px solid #9999ff; + padding: 2px; + margin: 4px 0 2px 4px; } .control { - margin : 6px 0 0 4px; - padding : 2px 0 2px 0; - overflow : hidden; - height : 22px; - width : 60px; - font-weight : normal; - background-color : #bbbbff; - color : black; - border : 1px outset #ddddc0; - text-align : center; - white-space : nowrap; - -moz-border-radius: 4px 4px 4px 4px; - border 1px solid #000022; - font-weight: bold; - margin-top: 8px; + margin: 6px 0 0 4px; + padding: 2px 0 2px 0; + overflow: hidden; + height: 22px; + width: 60px; + font-weight: normal; + background-color: #bbbbff; + color: black; + border: 1px outset #ddddc0; + text-align: center; + white-space: nowrap; + -moz-border-radius: 4px; + margin-top: 8px; } .control:hover { /* - color: #fff; + color: #fff; background-color : #3333ff; - border 0px none #000022; + border 0px none #000022; */ -border: 1px solid #eeeeff; -background-color: #003; -color:#ff6600 + border: 1px solid #eeeeff; + background-color: #003; + color: #ff6600; } .control:active { - border : 2px inset; + border: 2px inset; } .panel { - width : 800px; - margin : 16px auto 16px auto; - overflow : hidden; - text-align : left; - font-size : 0.8em; - background-color : #fff; - background: url(images/lightbluetile.png); - -moz-border-radius: 4px 4px 4px 4px; - border: 1px solid #002; - padding: 10px 20px; + width: 800px; + margin: 16px auto 16px auto; + overflow: hidden; + text-align: left; + font-size: 0.8em; + background-color: #fff; + background: url(images/lightbluetile.png); + -moz-border-radius: 4px 4px 4px 4px; + border: 1px solid #002; + padding: 10px 20px; } .panel .footer { - float : right; - padding : 4px; + float: right; + padding: 4px; } .toolbox { - float : right; + float: right; } .rowItem { - width : 750px; - float : left; - margin : 0px; + width: 750px; + float: left; + margin: 0px; } .comment { - font-style : italic; + font-style: italic; } .text { - height : 24px; - width : 150px; - padding : 6px 0 0 2px; - float : left; - margin : 0; + height: 24px; + width: 150px; + padding: 6px 0 0 2px; + float: left; + margin: 0; } .accessKey { - text-decoration : underline; + text-decoration: underline; } #globalOperationsPanel { - background-color : #ddddff; - border : 1px solid #f22; - -moz-box-shadow: inset 0px 0px 4px 0px #f00; - padding: 5px 20px 11px 10px !important; + background-color: #ddddff; + border: 1px solid #f22; + -moz-box-shadow: inset 0px 0px 4px 0px #f00; + padding: 5px 20px 11px 10px !important; } #globalOperationsPanel .control { - width : 100px; + width: 100px; } .header { - -moz-border-radius: 4px 4px 4px 4px; - border 1px solid #ff0000; + -moz-border-radius: 4px; + border: 1px solid #ff0000; } \ No newline at end of file diff --git a/installer/resources/themes/console/light/i2ptunnel.css b/installer/resources/themes/console/light/i2ptunnel.css index 949436c68..2df1755de 100644 --- a/installer/resources/themes/console/light/i2ptunnel.css +++ b/installer/resources/themes/console/light/i2ptunnel.css @@ -2,138 +2,106 @@ */ #tunnelEditPage input { - width : 458px; + width: 458px; } #tunnelEditPage select { - width : 308px; + width: 308px; } -#tunnelEditPage option[selected] { - color: green; +#tunnelEditPage option [ selected ] { + color: green; } -#tunnelEditPage #targetField, -#tunnelEditPage #accessField, -#tunnelEditPage #optionsField { - height : 48px; - width : 150px; +#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField { + height: 48px; + width: 150px; } + #tunnelEditPage #tunnelOptionsField { - height : 96px; - width : 150px; + height: 96px; + width: 150px; } -#tunnelEditPage #targetField label, -#tunnelEditPage #accessField label, -#tunnelEditPage #tunnelOptionsField label, -#tunnelEditPage #optionsField label{ - height : 48px; - width : 150px; +#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 { - width : 304px; - margin-right: 4px; +#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField { + width: 304px; + margin-right: 4px; } -#tunnelEditPage #portField, -#tunnelEditPage #optionsPortField, -#tunnelEditPage #backupField, -#tunnelEditPage #varianceField { - width : 150px; - +#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 { - text-align : left; - +#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; + width: 300px; } -#tunnelEditPage #reachableByOther, -#tunnelEditPage #tunnelDepth, -#tunnelEditPage #tunnelQuantity, -#tunnelEditPage #targetHost, -#tunnelEditPage #clientHost { - width : 306px; +#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { + width: 306px; } #tunnelEditPage #port { - width : 80px; + width: 80px; } -#tunnelEditPage #targetPort, -#tunnelEditPage #clientPort, -#tunnelEditPage #tunnelBackupQuantity, -#tunnelEditPage #tunnelVariance { - width : 150px; -} +#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance { + width: 150px; +} -#tunnelEditPage #shared, -#tunnelEditPage #connectDelay, -#tunnelEditPage #startOnLoad { - width : 16px; +#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad { + width: 16px; } #tunnelEditPage label { - width : 150px; - font-weight : bold; - text-align : right; - float : left; + width: 150px; + font-weight: bold; + text-align: right; + float: left; } - /* I2P Tunnel List Page */ #tunnelListPage .rowItem { - width : 150px; + width: 150px; } #tunnelListPage select { - width : 150px; - margin: 9px 0 0 4px; + width: 150px; + margin: 9px 0 0 4px; } #tunnelListPage textarea { - width : 100%; - height : 100px; - padding : 0 0 0 4px; - margin: 1px 0 4px 0; - background-color: #000088; - color: #fff; - font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono; - border: 1px inset #002; + width: 100%; + height: 100px; + padding: 0 0 0 4px; + margin: 1px 0 4px 0; + background-color: #000088; + color: #fff; + font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono; + border: 1px inset #002; } #tunnelListPage .footer .control { - margin-left: 2px; + margin-left: 2px; } #tunnelListPage .footer label { - text-align : right; - height : 24px; - width : 360px; - float : left; - margin-top: 6px; - margin-right: 5px; + text-align: right; + height: 24px; + width: 360px; + float: left; + 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 @@ -141,46 +109,34 @@ */ #tunnelListPage label { - height : 0; - width : 0; - overflow : hidden; + height: 0; + width: 0; + overflow: hidden; } -#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; - padding-top: 4px; +#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; + padding-top: 4px; } -#tunnelListPage .targetField, -#tunnelListPage .targetField .text, -#tunnelListPage .targetHeaderField, -#tunnelListPage .targetHeaderField label { - width : 300px; +#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label { + width: 300px; } -#tunnelListPage .descriptionField, -#tunnelListPage .destinationField { - width : 750px; +#tunnelListPage .descriptionField, #tunnelListPage .destinationField { + width: 750px; } -#tunnelListPage .descriptionField .text, -#tunnelListPage .destinationField input { - width : 590px; +#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input { + width: 590px; } -#tunnelListPage .descriptionField label, -#tunnelListPage .destinationField label { - text-align : right; - width : 150px; - height : 28px; - float : left; -} +#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label { + text-align: right; + width: 150px; + height: 28px; + float: left; +} \ No newline at end of file