From d60da1bf632ca7f26ebfe666dd4c838fe1ac14ac Mon Sep 17 00:00:00 2001 From: z3d Date: Fri, 3 Dec 2010 22:03:41 +0000 Subject: [PATCH 1/6] Light&Dark Opera/Webkit enhancements. --- .../resources/themes/console/dark/console.css | 20 ++++++++++--------- .../themes/console/light/console.css | 12 ++++++++++- 2 files changed, 22 insertions(+), 10 deletions(-) diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index 61eedb5fe..99ba9fad9 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -3,7 +3,7 @@ /* Author: dr|z3d */ body { - margin: 20px 5px 0 15px; + margin: 5px 0px 0 0px; padding: 0; text-align: center; background: #010 url('images/camotile.png') center bottom; @@ -130,6 +130,8 @@ div.routersummary hr { border-bottom: 1px solid #494; margin: 8px -10px 7px -10px; -moz-box-shadow: inset 0px 1px 1px 1px #000; + -khtml-box-shadow: inset 0px 1px 1px 1px #000; + box-shadow: inset 0px 1px 1px 1px #000; } div.routersummary h3 { @@ -270,7 +272,7 @@ div.warning { /* console error messages */ div.sorry { - margin: 15px 15px 10px 220px; + margin: 15px 15px 10px 215px; padding: 20px 20px 20px 75px; background: #020; border: 1px solid #494; @@ -296,16 +298,16 @@ div.sorry hr { } div.main { - margin: 15px 15px 20px 220px; + margin: -3px 5px 5px 205px; padding: 0 15px 15px 15px; text-align: left; color: #EE9; width: auto; /* overflow-x: scroll; */ border: 1px solid #494; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 0 0 4px 4px; + -khtml-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; background: #000;/* url(images/camotile2.png);*/ min-width: 620px; -moz-box-shadow: 0 1px 5px #000; @@ -318,7 +320,7 @@ div.main textarea { } div.news { - margin: 15px 15px 15px 220px; + margin: 5px 5px 1px 205px; padding: 5px 30px 10px 30px; border: 1px solid #494; background: #000; @@ -641,8 +643,8 @@ p { h1 { text-align: left; color: #EE9; - padding: 10px 15px; - margin: 0 15px 10px 220px; + padding: 16px 15px; + margin: 0 5px 0px 205px !important; font-size: 16pt; font-weight: bold; font-style: normal; diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index 9404d83ec..f0547c71c 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -118,6 +118,8 @@ div.routersummary hr { border-bottom: 1px solid #ddf; margin: 8px -7px 8px -7px; -moz-box-shadow: inset 0px 1px 1px 1px #bbf; + -khtml-box-shadow: inset 0px 1px 1px 1px #bbf; + box-shadow: inset 0px 1px 1px 1px #bbf; } div routersummary hr:last-child { @@ -134,6 +136,8 @@ div.routersummary h3 { background: #ddf url('images/header_on.png') center center repeat-x; border: 1px solid #99f !important; -moz-border-radius: 3px; + -khtml-border-radius: 3px; + border-radius: 3px; -moz-box-shadow: 0px 1px 5px #bbf; } @@ -785,7 +789,7 @@ h4 { font-size: 11pt; } -button, button:visited { +button, button:visited{ font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; border: 1px outset #999; padding: 1px 3px; @@ -800,6 +804,8 @@ button, button:visited { text-align: center; min-width: 80px; -moz-box-shadow: inset 0px 2px 8px 0px #fff; + -khtml-box-shadow: inset 0px 2px 8px 0px #fff; + box-shadow: inset 0px 2px 8px 0px #fff; color: #006; } @@ -808,6 +814,8 @@ button:hover{ background: #f60 !important; color: #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; + -khtml-box-shadow: inset 0px 0px 0px 1px #fff; + box-shadow: inset 0px 0px 0px 1px #fff; } button:active{ @@ -815,6 +823,8 @@ button:active{ background: #001 !important; color: #f60; -moz-box-shadow: inset 0px 0px 0px 1px #f60; + box-shadow: inset 0px 0px 0px 1px #f60; + -khtml-box-shadow: inset 0px 0px 0px 1px #f60; } .underline { From 5c3e5cf1e63614569429d8d74969dee992d78ee8 Mon Sep 17 00:00:00 2001 From: z3d Date: Fri, 3 Dec 2010 22:16:53 +0000 Subject: [PATCH 2/6] Dark dealings. --- installer/resources/themes/console/dark/console.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index 99ba9fad9..d697277ac 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -33,7 +33,7 @@ div.logo { padding: 10px; text-align: center; font-color: #EE9; - margin: 0 20px 0 10px; + margin: 0 20px 0 20px; border: 1px solid #494; -moz-border-radius: 4px; -khtml-border-radius: 4px; @@ -250,7 +250,7 @@ div.tunnels tr { } div.warning { - margin: 25px 20px 20px 240px; + margin: 20px 20px 20px 245px; padding: 5px 25px 20px 75px; background: #000; border: 1px solid #494; @@ -324,11 +324,11 @@ div.news { padding: 5px 30px 10px 30px; border: 1px solid #494; background: #000; - background: #000 url("images/bg2.png")no-repeat scroll bottom right; + background: #0d0d09 url("images/bg2.png")no-repeat scroll bottom right; color: #7b7; - border-radius: 4px; - -moz-border-radius: 4px; - -khtml-border-radius: 4px; + border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -khtml-border-radius: 4px 4px 0 0; font-size: 7.5pt; text-align: right; /* -moz-box-shadow: inset 0px 0px 0px 0px #EE9; From 1330930867d0b2029dbf40c19b36879a5ef19f60 Mon Sep 17 00:00:00 2001 From: z3d Date: Fri, 3 Dec 2010 22:24:45 +0000 Subject: [PATCH 3/6] Dark rumblings. --- installer/resources/themes/console/dark/console.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index d697277ac..e6d557df6 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -331,10 +331,9 @@ div.news { -khtml-border-radius: 4px 4px 0 0; font-size: 7.5pt; text-align: right; -/* -moz-box-shadow: inset 0px 0px 0px 0px #EE9; - -khtml-box-shadow: inset 0px 0px 1px 0px #EE9; - box-shadow: inset 0px 0px 1px 0px #EE9;*/ -moz-box-shadow: 0 1px 5px #000; + -khtml-box-shadow: 0 1px 5px #000; + box-shadow: 0 1px 5px #000; min-width: 590px; } @@ -663,6 +662,8 @@ h1 { line-height: 120%; min-width: 620px; -moz-box-shadow: 0 1px 5px #000; + -khtml-box-shadow: 0 1px 5px #000; + box-shadow: 0 1px 5px #000; } h2 { From f23b1880f5890b586937801b452ce3589ff76e52 Mon Sep 17 00:00:00 2001 From: z3d Date: Fri, 3 Dec 2010 22:43:27 +0000 Subject: [PATCH 4/6] Light shift. --- installer/resources/themes/console/light/console.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index f0547c71c..194f13a6a 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -667,14 +667,14 @@ code { } a:link{ - color: #005; + color: #613; text-decoration: none; font-weight: bold; word-wrap: break-word; } a:visited{ - color: #309; + color: #314; text-decoration: none; font-weight: bold; } @@ -806,7 +806,7 @@ button, button:visited{ -moz-box-shadow: inset 0px 2px 8px 0px #fff; -khtml-box-shadow: inset 0px 2px 8px 0px #fff; box-shadow: inset 0px 2px 8px 0px #fff; - color: #006; + color: #413; } button:hover{ @@ -857,7 +857,7 @@ button:active{ input { background: #eef; - color: #001; + color: #413; margin: 5px 10px 5px 10px; padding: 4px 2px; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; @@ -869,7 +869,7 @@ input { input, input:visited { border: 1px outset #999; background: #ddf; - color: #001; + color: #413; margin: 5px; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; padding: 1px 2px; @@ -879,7 +879,7 @@ input, input:visited { -moz-border-radius: 4px; -khtml-border-radius: 4px; -moz-box-shadow: inset 0px 2px 8px 0px #fff; - color: #006; + color: #413 opacity: 0.9; } From 3f3c44d432406be28851832635e0603ee7508154 Mon Sep 17 00:00:00 2001 From: z3d Date: Fri, 3 Dec 2010 23:09:19 +0000 Subject: [PATCH 5/6] More Light meddling. --- installer/resources/themes/console/light/console.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index 194f13a6a..b2fdfa160 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -101,7 +101,7 @@ div.routersummary { -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; - background: #fff url('images/magic.png') center bottom;/* + background: #ffe url('images/magic.png') center bottom;/* float: left; */ -moz-box-shadow: inset 0px 0px 1px 1px #bbf; @@ -319,7 +319,7 @@ div.main { -khtml-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0px 0px 1px 1px #bbf; - background: #fff url('images/magic.png') center bottom;} + background: #ffe url('images/magic.png') center bottom;} div.main hr, hr { color: #447; @@ -351,7 +351,7 @@ div.news { font-size: 7.5pt; line-height: 140%; -moz-box-shadow: inset 0px 0px 1px 0px #410; - background: #fff url('images/magic.png') center bottom; + background: #ffe url('images/magic.png') center bottom; min-width: 480px; } @@ -857,7 +857,7 @@ button:active{ input { background: #eef; - color: #413; + color: #813; margin: 5px 10px 5px 10px; padding: 4px 2px; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; @@ -869,7 +869,7 @@ input { input, input:visited { border: 1px outset #999; background: #ddf; - color: #413; + color: #813; margin: 5px; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; padding: 1px 2px; @@ -879,7 +879,7 @@ input, input:visited { -moz-border-radius: 4px; -khtml-border-radius: 4px; -moz-box-shadow: inset 0px 2px 8px 0px #fff; - color: #413 + color: #813 opacity: 0.9; } From a6946803e45ab07c3f4e3af5fb5a98660aab3eb0 Mon Sep 17 00:00:00 2001 From: z3d Date: Sat, 4 Dec 2010 00:48:02 +0000 Subject: [PATCH 6/6] Light adjustment, please remain seated. Refreshments will be served shortly. --- .../themes/console/light/console.css | 81 ++++++++++--------- .../themes/console/light/default.css | 4 +- 2 files changed, 43 insertions(+), 42 deletions(-) diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index b2fdfa160..127f2f2e0 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -5,10 +5,10 @@ body { margin: 10px 0px -10px 10px; text-align: center; - background: #eef url('images/snowcamo.png'); + background: #ffe url('images/snowcamo.png'); color: #000; font: 10pt/130% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; - background: #99f url('images/itile.png') center bottom; + background: #99f url('images/magic.png') center bottom; } .hide { @@ -38,7 +38,7 @@ div.logo { -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; - background: #eef; /*url('images/lightbluetile.png')*/ + background: #ffe; /*url('images/lightbluetile.png')*/ width: 185px; -moz-box-shadow: inset 0px 0px 1px 1px #bbf; } @@ -47,7 +47,7 @@ div.toolbar { margin: 0; padding: 10px; font-weight: bold; - background: #eef; + background: #ffe; border: 1px solid #447; display: none !important; } @@ -65,11 +65,11 @@ div.toolbar a:link { } div.toolbar a:visited { - background: #ddf; + background: #ffe; } div.toolbar a:hover{ - border: 1px solid #eeeeff; + border: 1px solid #eeffef; background: #003; color: #f60; } @@ -112,10 +112,10 @@ div.routersummary input[type=text] { } div.routersummary hr { - color: #ddf; - background: ddf; + color: #ffe; + background: ffe; height: 1px; - border-bottom: 1px solid #ddf; + border-bottom: 1px solid #ffe; margin: 8px -7px 8px -7px; -moz-box-shadow: inset 0px 1px 1px 1px #bbf; -khtml-box-shadow: inset 0px 1px 1px 1px #bbf; @@ -131,9 +131,9 @@ div.routersummary h3 { letter-spacing: 0.04em; margin: -4px -3px; padding: 2px 0; - background: #c5d5fb; + background: #ffe; text-transform: uppercase; - background: #ddf url('images/header_on.png') center center repeat-x; + background: #ffe url('images/header_on.png') center center repeat-x; border: 1px solid #99f !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; @@ -146,7 +146,7 @@ div.routersummary h3 a { } div.routersummary h3:hover { - background: #ddf url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; text-shadow: 0 0 0; } @@ -157,7 +157,7 @@ div.routersummary h4 { letter-spacing: 0.02em; margin: -5px -7px -5px -7px !important; padding: 3px 3px 5px 3px; - background: #eef url(images/magic.png); + background: #eed url(images/magic.png); text-transform: capitalize; text-decoration: none !important; color: #2b2; @@ -283,7 +283,7 @@ div.warning { div.sorry { margin: 5px 10px 10px 207px; padding: 20px 20px 20px 75px; - background: #eef; + background: #ffe; border: 1px solid #447; -moz-border-radius: 4px; -khtml-border-radius: 4px; @@ -309,7 +309,7 @@ div.sorry hr { div.main { margin: 10px 10px 20px 207px; padding: 0 15px 15px 15px; - background: #eef; + background: #ffe; text-align: left; color: #001; width: auto; @@ -334,7 +334,7 @@ hr:last-child { } div.main textarea { - background: #eef; + background: #ffe; color: #001; font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; } @@ -356,8 +356,9 @@ div.news { } div.news p { - font-size: 8.5pt; + font-size: 9pt; text-align: justify !important; + line-height: 120%; } /* div.news a:link{ @@ -385,7 +386,7 @@ div.news hr{ height: 1px; border: 0px dotted #779; margin: 10px 0 5px; -/* -moz-box-shadow: 0px -1px 1px 1px #ddf;*/ +/* -moz-box-shadow: 0px -1px 1px 1px #ffe;*/ opacity: 0.6; } @@ -423,7 +424,7 @@ div.news h4 { div.confignav { padding: 15px 10px !important; margin: 15px 0 15px 0; - background: #ddf url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; @@ -438,7 +439,7 @@ div.confignav { div.configure { /* padding: 5px 15px 0px 15px !important; margin: 0px 0px 15px 0; - background: #eef; url('images/lightbluetile.png') + background: #ffe; url('images/lightbluetile.png') -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; @@ -456,13 +457,13 @@ div.configure h3, div.graphspanel h3 { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; - background: #eef; + background: #ffe; } div.graphspanel { /* padding: 12px; margin: 10px 0px 25px 0; - background: #ddf url('images/lightbluetile.png'); + background: #ffe url('images/lightbluetile.png'); -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; @@ -499,7 +500,7 @@ div.graphspanel form { div.messages { padding: 10px; margin: 10px 0 15px 0; - background: #ddf; + background: #ffe; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; @@ -550,7 +551,7 @@ table hr { th { padding: 6px 2px; color: #000; - background: #ddf url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; text-align: center; font-size: 9pt; line-height: 110%; @@ -610,7 +611,7 @@ div.main li { } div.main li b { - color: #700 !important; + color: #151!important; letter-spacing: 0.02em; font-size: 9.5pt; line-height: 170%; @@ -727,7 +728,7 @@ h1 { text-shadow: 0px 0px 1px #77f; -moz-box-shadow: inset 0px 0px 1px 1px #bbf; white-space: normal; - background: #eef url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; border: 1px solid #447; border-radius: 4px; -moz-border-radius: 4px; @@ -739,7 +740,7 @@ h2 { font-size: 13pt; color: #000; letter-spacing: 0.05em; - background: #ddf url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; text-shadow: 0px 0px 1px rgba(0, 0, 64, 0.5); padding: 10px 10px; wordwrap: none; @@ -771,7 +772,7 @@ h3 { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; - background: #ddf url('images/header.png') center center repeat-x !important; + background: #ffe url('images/header.png') center center repeat-x !important; text-transform: uppercase; text-shadow: 0px 0px 1px #77f; font-size: 11pt; @@ -793,7 +794,7 @@ button, button:visited{ font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; border: 1px outset #999; padding: 1px 3px; - background: #ddf !important; + background: #ffe !important; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; @@ -856,7 +857,7 @@ button:active{ } input { - background: #eef; + background: #ffe; color: #813; margin: 5px 10px 5px 10px; padding: 4px 2px; @@ -868,7 +869,7 @@ input { input, input:visited { border: 1px outset #999; - background: #ddf; + background: #ffe; color: #813; margin: 5px; font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; @@ -902,7 +903,7 @@ input:active { } input[type=text] { - background: #eef; + background: #ffe; color: #001; margin: 5px 10px 5px 10px; padding: 4px 2px; @@ -913,7 +914,7 @@ input[type=text] { submit { background: #f00; - color: #eef; + color: #ffe; margin: 10px 2px 10px 0; padding: 2px; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif; @@ -927,7 +928,7 @@ input checkbox { } select { - background: #eef; + background: #ffe; color: #003; margin: 5px 10px 5px 10px; padding: 4px; @@ -943,7 +944,7 @@ select { textarea { padding: 5px; margin: 5px 15px 5px 10px; - background: #eef; + background: #ffe; color: #003; border-radius: 4px; -moz-border-radius: 4px; @@ -978,8 +979,8 @@ form {} border-top: 0 !important; margin: -5px 0 5px 0; padding: 7px; - background: #def url('images/magic.png') center bottom; - -moz-box-shadow: inset 0px 0px 2px 1px #eef; + background: #ffe url('images/magic.png') center bottom; + -moz-box-shadow: inset 0px 0px 2px 1px #ffe; } /* @@ -988,7 +989,7 @@ form {} padding: 10px 20px !important; border: 1px solid #447; background-color: #004; - background: #ddf url('images/lightbluetile.png'); + background: #ffe url('images/lightbluetile.png'); color: #001; border-radius: 4px; -moz-border-radius: 4px; @@ -1016,7 +1017,7 @@ div.joblog { padding: 10px 20px !important; border: 1px solid #447; background-color: #004; - background: #eef; /*url('images/lightbluetile.png') + background: #ffe; /*url('images/lightbluetile.png') color: #001; border-radius: 4px; -moz-border-radius: 4px; @@ -1112,7 +1113,7 @@ div.joblog hr { } .tablefooter tr, .tablefooter td { - background: #ddf url('images/header.png') center center repeat-x; + background: #ffe url('images/header.png') center center repeat-x; border-top: 1px solid #447; border-bottom: 1px solid #447 !important; padding: 8px 2px !important; diff --git a/installer/resources/themes/console/light/default.css b/installer/resources/themes/console/light/default.css index 8028d8239..bd6607dc0 100644 --- a/installer/resources/themes/console/light/default.css +++ b/installer/resources/themes/console/light/default.css @@ -46,7 +46,7 @@ h4 { border: 1px solid #225; margin: 5px 0 15px 0; padding: 5px 10px; - background: #b4c8ff url(images/header_on.png) repeat-x center center; + background: #eef url(images/header.png) repeat-x center center; text-transform: uppercase; letter-spacing: 0.08em; -moz-box-shadow: inset 0px 0px 4px 0px #bbf; @@ -357,7 +357,7 @@ select { } a:link{ - color: #007; + color: #813; text-decoration: none; font-weight: bold; word-wrap: break-word;