From 0de2f492d12b73c76f598cfe6584424b66e98594 Mon Sep 17 00:00:00 2001 From: z3d <z3d@mail.i2p> Date: Mon, 20 Jul 2009 01:27:22 +0000 Subject: [PATCH] console.css fixes and fiddles for all 3 themes. --- .../themes/console/classic/console.css | 131 +++++++++--------- .../resources/themes/console/dark/console.css | 15 +- .../themes/console/light/console.css | 62 +++++++-- .../themes/console/light/images/sandtile.png | Bin 0 -> 1392 bytes 4 files changed, 131 insertions(+), 77 deletions(-) create mode 100644 installer/resources/themes/console/light/images/sandtile.png diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css index f0bb2b8315..d8d65c36a4 100644 --- a/installer/resources/themes/console/classic/console.css +++ b/installer/resources/themes/console/classic/console.css @@ -1,114 +1,117 @@ body { - font-family: Verdana, Tahoma, Helvetica, sans-serif; - margin: 1em 0em; - padding: 0em; - text-align: center; - background-color: white; - color: black; - font-size: 100%; + margin: 1em 0em; + padding: 0em; + text-align: center; + background: #FFF; + color: #000; + font: 100% Verdana, Tahoma, Helvetica, sans-serif; } .hide { - display: none; + display: none; } img { - border: none; + border: none; } pre { - width: 100%; - overflow-x: scroll; + width: 100%; + overflow-x: scroll; } div.logo { - float: left; - width: 200px; - left: 1em; - top: 1em; - margin: 0em; - padding: .5em; - text-align: center; - display: none !important; + float: left; + width: 200px; + left: 1em; + top: 1em; + margin: 0em; + padding: .5em; + text-align: center; + display: none !important; } div.toolbar { - margin: 0em 0em 2em 0em; - font-weight: bold; - display: none !important; + margin: 0em 0em 2em 0em; + font-weight: bold; + display: none !important; } div.routersummaryouter { - float: left; - width: 200px; - margin: 0; - padding: 0; - border: 0; - clear: left; /* fixes a bug in Opera */ - overflow: auto; + float: left; + width: 200px; + margin: 0; + padding: 0; + border: 0; + clear: left;/* fixes a bug in Opera */ + overflow: auto; } div.routersummary { - background-color: #fafaff; - width: 200px; - color: inherit; - margin: 0em; - padding: 5px; - text-align: left; - border: medium solid #efefff; - font-size: 0.82em; + background: #fafaff; + width: 200px; + color: inherit; + margin: 0em; + padding: 5px; + text-align: left; + border: medium solid #efefff; + font-size: 0.82em; } div.warning { - margin: 0em 1em 1em 224px; - padding: .5em 1em; - background-color: #ffefef; - border: medium solid #ffafaf; - text-align: left; - color: inherit; + margin: 0em 1em 1em 224px; + padding: .5em 1em; + background: #ffefef; + border: medium solid #ffafaf; + text-align: left; + color: inherit; } div.main { - margin: 0em 1em 1em 224px; - padding: .5em 1em; - background-color: #ffffef; - border: medium solid #ffffd0; - text-align: left; - color: inherit; + margin: 0em 1em 1em 224px; + padding: .5em 1em; + background: #ffffef; + border: medium solid #ffffd0; + text-align: left; + color: inherit; } div.main textarea { - width: 100% !important; + width: 100% !important; } div.news { - margin: 0em 1em 1em 224px; - padding: .5em 1em; - background-color: #ffffc0; - border: medium solid #ffffa0; - text-align: left; - color: inherit; + margin: 0em 1em 1em 224px; + padding: .5em 1em; + background: #ffffc0; + border: medium solid #ffffa0; + text-align: left; + color: inherit; } div.confignav { - padding: 1em; - background-color: #efefff; + padding: 1em; + background: #efefff; } div.configure { - padding: 1em; - background-color: #ffffc0; + padding: 1em; + background: #ffffc0; } div.messages { - padding: 1em; - background-color: #fafaff; + padding: 1em; + background: #fafaff; } div.messages span.error { - color: #d00000; + color: #d00000; } div.messages span.notice { - font-style: italic; + font-style: italic; } + +h1 { + font-size: 18pt; +} \ No newline at end of file diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index 360ed7c1e4..2c91f1e05f 100644 --- a/installer/resources/themes/console/dark/console.css +++ b/installer/resources/themes/console/dark/console.css @@ -35,7 +35,7 @@ div.logo { border-radius: 4px; background: #003 url('images/darkbluebg.png'); width: 175px; - -moz-box-shadow: inset 0px 0px 16px 0px #009; + -moz-box-shadow: inset 0px 0px 1px 0px #009; } div.toolbar { @@ -97,7 +97,7 @@ div.routersummary { -khtml-border-radius: 4px; border-radius: 4px; float: left; - -moz-box-shadow: inset 0px 0px 16px 0px #009; + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } div.warning { @@ -143,6 +143,7 @@ div.news { -moz-border-radius: 4px; -khtml-border-radius: 4px; text-align: justify; + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } div.news li { @@ -164,6 +165,7 @@ div.confignav { font-size: 10pt !important; font-weight: bold !important; line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } div.configure { @@ -175,6 +177,7 @@ div.configure { border-radius: 4px; border: 1px solid #99f; background: #003 url(images/darkbluebg.png); + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } div.messages { @@ -185,6 +188,7 @@ div.messages { border-radius: 4px; border: 1px solid #99f; background: #008 url('images/lightbluetile.png'); + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } div.messages span.error { @@ -321,7 +325,7 @@ h1 { text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8); white-space: normal; background: #004 url('images/darkbluebg.png'); - -moz-box-shadow: inset 0px 0px 16px 0px #009; + -moz-box-shadow: inset 0px 0px 1px 0px #eef; border: 1px solid #99f; border-radius: 4px; -moz-border-radius: 4px; @@ -343,6 +347,7 @@ h2 { -khtml-border-radius: 4px; vertical-align: middle; margin: 25px 0 20px 0 !important; + -moz-box-shadow: inset 0px 0px 1px 0px #eef; } h2 a:visited { @@ -362,8 +367,8 @@ h3 { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; - background: #004; - background: url(images/darkbluebg.png); + background: #007; +/* background: url(images/lightbluebg.png);*/ } h4 { diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index 5691d8942e..d03e269a27 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -98,7 +98,7 @@ div.routersummary { -khtml-border-radius: 4px; border-radius: 4px; float: left; - -moz-box-shadow: inset 0px 0px 16px 1px #eef; + -moz-box-shadow: inset 0px 0px 1px 0px #002; } div.warning { @@ -145,21 +145,57 @@ div.news { margin: 0px 15px 20px 245px; padding: 20px 30px 20px 30px; border: 1px solid #003; - background: #fea; - color: #001; + color: #410; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; text-align: justify !important; line-height: 140%; + background: #fea url('images/sandtile.png'); + -moz-box-shadow: inset 0px 0px 1px 0px #410; +} + +div.news a:link{ + color: #630; + text-decoration: none; +} + +div.news a:visited{ + color: #830; +} + +div.news a:hover{ + color: #a30; + text-decoration: underline; +} + +div.news a:active{ + color: #c30; +} + +div.news hr{ + color: #410; + background: #410; + height: 1px; + border: 0px solid #410; + margin: 10px 0; } div.news li { text-align: justify; - list-style: url(images/info.png); - margin: 0 10px 0 25px !important; + list-style: none; + margin: 0 0 20px 0 !important; padding: 5px 0; vertical-align: bottom; + border: 1px solid #410; + border-left: 5px solid #410; + padding: 3px 5px 3px 5px; + border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + -khtml-border-radius: 0 4px 4px 0; + background: #fb1; + font-size: 10pt; + opacity: 0.8; } div.confignav { @@ -173,6 +209,7 @@ div.confignav { font-size: 10pt !important; font-weight: bold !important; line-height: 160% !important; + -moz-box-shadow: inset 0px 0px 1px 0px #002; } div.configure { @@ -183,6 +220,7 @@ div.configure { -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #000022; + -moz-box-shadow: inset 0px 0px 1px 0px #002; } div.messages { @@ -195,6 +233,7 @@ div.messages { border: 1px solid #000033; background: #008 url('images/lightbluetile.png'); font-weight: bold; + -moz-box-shadow: inset 0px 0px 1px 0px #002; } div.messages span.error { @@ -243,13 +282,13 @@ tr:nth-child(even) { tr:nth-child(odd) { background: #bbf url('images/tabletile_alt.png') !important; } - +/* tr:last-child { background: #bbf url('images/tabletilelighter.png') !important; font-weight: bold; border: 1px solid #002 !important; } - +*/ td { padding: 5px; color: #000; @@ -296,14 +335,20 @@ code { a:link{ color: #007; + text-decoration: none; + font-weight: bold; } a:visited{ color: #606; + text-decoration: none; + font-weight: bold; } a:hover{ color: #f60; + text-decoration: underline; + font-weight: bold; } .links { @@ -326,7 +371,7 @@ h1 { letter-spacing: 0.15em; text-transform: uppercase; text-shadow: 0px 0px 1px rgba(0, 0, 148, 0.9); - -moz-box-shadow: inset 0px 0px 16px 1px #eef; + -moz-box-shadow: inset 0px 0px 1px 0px #002; white-space: normal; background: #ddddff url('images/lightbluetile.png'); border: 1px solid #002; @@ -348,6 +393,7 @@ h2 { -moz-border-radius: 4px; -khtml-border-radius: 4px; margin: 25px 0 20px 0 !important; + -moz-box-shadow: inset 0px 0px 1px 0px #002; } h2 a:hover { diff --git a/installer/resources/themes/console/light/images/sandtile.png b/installer/resources/themes/console/light/images/sandtile.png new file mode 100644 index 0000000000000000000000000000000000000000..4d88cb84740316d941ccd5b6a5ef0de5ccf4e519 GIT binary patch literal 1392 zcmeAS@N?(olHy`uVBq!ia0vp^CqS5kiGhJJ)Rr?I$l)yTh%9Dc;5!V$jK}j=q%bhB zDtWp%hE&XXd-rT!bgD?}!{R%Oj;-VB^mI^qcxpxgFV7B}WhD`Y$v#ak8FK@!Sa59E zIJxcE%DEfn%-<Y3FZAVQztTUM=})g_@04Bg_g{Pd?5COfZ7<)PU&VgwGyAzq(S;YS z3a9VB^Hi^V=WFMkt7AXL-QFj?-1~m!ZEya{^`%g$?9{Nm*Von5-Hc!N>p}Hl-s$(x zueT|ge*cl|u_(_qQ;%RLy4GF&_v3E($<M3pmh1hEsDAr;{l27!uNUP;YIkm(6hR(w z=KuH7EqkqNDhsYZzxUy(|Khj${|{SM7yW-@BT>7{x~8=K`Mqna|1MtoJmY`Gj_p6+ z-MK3xJ7=!FJpcZPQnA01*LpTJX=r!QpYZto=%=}_an`JdwsWF=i?8@>pY`oi<sBdM z_4do(7VduZ#@AeZ^|^b6`Jev%Jh|li?V~?GF8TiJ&7ZyImD|o$=KJzK_caZlWwpyU z_^qk$R`1!j_MBd(cE0NSwJWnyVlQ8Ld!nlL;`Ld+irkSWoWwRwXw^x9F~5FDx%=vV z`oH{?yB9=IWRMimmAOk{b?wJLum7E#|M=kZ#|Iz(JDK?Q=lYKiHhX_QSMlNEp+C>2 z|NHU&=+8GlXFqrUYu=v!{NLiAb044lGq3w+%7)^q-IWDJJ2oEsQ}Vpz@vNWM)i=+b zpEp0xCT<S@{4?MFm)p&)*MGj=cK-hxGv05@dG|H_yUv-*9}}v3EB~FY+kGsRch5cd ztZ&LO{Oi3v_RbZbu*)`%zxxVrg)KwSbK_(~F$@&O8Y9uYao6$gjX+9bHG@^p(TJW< zas6XSI>)pOjKLbN9%uzhRqp|*=-$Y+;BW*`QRzpZiljA65L3f=M~$Iw*vNNm{KvRe XQLsMVu_G2(gfe)#`njxgN@xNAZith+ literal 0 HcmV?d00001 -- GitLab