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