diff --git a/installer/resources/themes/console/light/default.css b/installer/resources/themes/console/light/default.css index 52028c058748bb787b5700353f2d900635039400..2411bdca7b41483a5ec5a1307dbdd38974f63b03 100644 --- a/installer/resources/themes/console/light/default.css +++ b/installer/resources/themes/console/light/default.css @@ -11,9 +11,9 @@ body { ** 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; + box-sizing: border-box; } div { @@ -22,20 +22,18 @@ div { } label { - margin: 0px; - padding: 8px 5px 2px 0px; + margin: 0px 4px; + padding: 1px 10px 2px 0px; float: left; width: 120px; height: 28px; font-weight: normal; text-align: right; - font-size: 9pt; + font-size: 7pt; font-style: italic; -moz-box-sizing: border-box; box-sizing: border-box; -/* - border: 1px solid #001; -*/ + line-height: 120%; } h4 { @@ -69,6 +67,7 @@ textarea, input, select, button, a { box-sizing: border-box; font-size: 9pt; float: left; + vertical-align: middle; } button { @@ -85,35 +84,35 @@ br { div.statusNotRunning { float: left; - width: 78px; + width: 72px; height: 24px; overflow: hidden; - color: #dd0000; + color: #d00; background: url('images/console_status_stopped.png') 0 0 no-repeat; padding-top: 24px; - margin-top: 8px; + margin-top: 4px; } div.statusRunning { - float: left; - width: 78px; + float: left; + width: 72px; height: 24px; overflow: hidden; - color: #00dd00; + color: #0b0; background: url('images/console_status_running.png') 0 0 no-repeat; padding-top: 24px; - margin-top: 8px; + margin-top: 4px; } div.statusStarting { float: left; - width: 78px; + width: 72px; height: 24px; overflow: hidden; color: #339933; background: url('images/console_status_starting.png') 0 0 no-repeat; padding-top: 24px; - margin-top: 8px; + margin-top: 4px; } hr { @@ -137,7 +136,7 @@ hr { height: 24px; border: 1px solid #eef; padding: 2px; - margin: 4px 0 2px 4px; + margin: 4px 0 2px 0px; font: 10pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; font-weight: bold; background: #001; @@ -151,10 +150,12 @@ hr { } .control { - margin: 10px 0 0 4px !important; + margin: 4px 0 0 0 !important; padding: 2px; overflow: hidden; +/* height: 22px; +*/ min-width: 60px; font-weight: bold; background-color: #bbbbff; @@ -169,14 +170,14 @@ hr { background: url(images/tabletitlelight.png) 0 0 repeat: x !important; } -.control:hover { - border: 1px solid #eeeeff; +.control:active { + border: 2px inset; background-color: #003; color: #ff6600; } -.control:active { - border: 2px inset; +.control:hover { + border: 1px solid #eeeeff; background-color: #f60; color: #fff !important; } @@ -185,8 +186,8 @@ hr { width: 800px; margin: 16px auto 16px auto; overflow: hidden; - text-align: left; - font-size: 9pt; + text-align: left !important; + font-size: 7pt; background-color: #fff; background: url(images/lightbluetile.png); -moz-border-radius: 4px; @@ -212,13 +213,16 @@ hr { } .comment { - font-style: italic; + font-weight: bold; + display: block; + padding: 2px 10px 0 20px; + text-align: left; } .text { height: 24px; width: 150px; - padding: 8px 0 0 2px; + padding: 0 0 0 2px; float: left; margin: 0; font-size: 9pt !important; @@ -233,11 +237,11 @@ hr { background-color: #ddddff; border: 1px solid #f22; -moz-box-shadow: inset 0px 0px 4px 0px #f00; - padding: 5px 20px 11px 10px !important; + padding: 5px 20px 11px 10px; } #globalOperationsPanel .control { - width: 100px; + min-width: 120px; } .header { @@ -254,5 +258,7 @@ select { font-weight: bold; border: 1px solid #99f; padding: 2px; - height: 26px; + min-width: 270px; + font-size: 8pt; + max-height: 24px; } \ 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 2df1755defefe31ed7fb5e3b446f61b38fe1781a..5df715e016571e4538e67f92acbfbea75f754070 100644 --- a/installer/resources/themes/console/light/i2ptunnel.css +++ b/installer/resources/themes/console/light/i2ptunnel.css @@ -2,11 +2,11 @@ */ #tunnelEditPage input { - width: 458px; + width: 560px; } #tunnelEditPage select { - width: 308px; + width: 300px; } #tunnelEditPage option [ selected ] { @@ -46,7 +46,7 @@ } #tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost { - width: 306px; + width: 300px; } #tunnelEditPage #port { @@ -75,8 +75,7 @@ } #tunnelListPage select { - width: 150px; - margin: 9px 0 0 4px; + min-width: 120px; } #tunnelListPage textarea { @@ -127,11 +126,11 @@ } #tunnelListPage .descriptionField, #tunnelListPage .destinationField { - width: 750px; + width: 800px; } #tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input { - width: 590px; + width: 580px; } #tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {