From e36f9b22731f1aa7b363b7c100b10f468ce37223 Mon Sep 17 00:00:00 2001
From: z3d <z3d@mail.i2p>
Date: Fri, 7 Aug 2009 18:19:42 +0000
Subject: [PATCH] UI enhancements.

---
 .../src/net/i2p/router/web/GraphHelper.java   |   2 +-
 apps/routerconsole/jsp/summarynoframe.jsp     |   6 +-
 .../themes/console/classic/console.css        |  27 +++++++-
 .../themes/console/classic/ieshim.css         |  20 +++++-
 .../resources/themes/console/dark/console.css |  62 +++++++++++++++---
 .../themes/console/dark/images/titletile.png  | Bin 0 -> 2181 bytes
 .../themes/console/light/console.css          |  55 +++++++++++++---
 .../console/light/images/lightbluetile.png    | Bin 1410 -> 3486 bytes
 .../themes/console/light/images/titletile.png | Bin 0 -> 1112 bytes
 installer/resources/themes/console/snark.css  |  14 ++--
 10 files changed, 156 insertions(+), 30 deletions(-)
 create mode 100644 installer/resources/themes/console/dark/images/titletile.png
 create mode 100644 installer/resources/themes/console/light/images/titletile.png

diff --git a/apps/routerconsole/java/src/net/i2p/router/web/GraphHelper.java b/apps/routerconsole/java/src/net/i2p/router/web/GraphHelper.java
index 037ca17af5..e9749750cd 100644
--- a/apps/routerconsole/java/src/net/i2p/router/web/GraphHelper.java
+++ b/apps/routerconsole/java/src/net/i2p/router/web/GraphHelper.java
@@ -115,7 +115,7 @@ public class GraphHelper extends HelperBase {
                        + "\" /> pixels, height: <input size=\"4\" type=\"text\" name=\"height\" value=\"" + _height  
                        + "\" /><br />\n");
             _out.write("Refresh delay: <select name=\"refreshDelay\"><option value=\"60\">1 minute</option><option value=\"120\">2 minutes</option><option value=\"300\">5 minutes</option><option value=\"600\">10 minutes</option><option value=\"1800\">30 minutes</option><option value=\"3600\">1 hour</option><option value=\"-1\">Never</option></select><br />\n");
-            _out.write("<hr /><input type=\"submit\" value=\"Redraw\" /></div>");
+            _out.write("<hr /><div class=\"formaction\"><input type=\"submit\" value=\"Redraw\" /></div></div>");
         } catch (IOException ioe) {
             ioe.printStackTrace();
         }
diff --git a/apps/routerconsole/jsp/summarynoframe.jsp b/apps/routerconsole/jsp/summarynoframe.jsp
index 655741b83a..6333a14cff 100644
--- a/apps/routerconsole/jsp/summarynoframe.jsp
+++ b/apps/routerconsole/jsp/summarynoframe.jsp
@@ -26,9 +26,9 @@
 <jsp:getProperty name="linkhelper" property="content" />
 <% } else { %>
 <u><b>I2P Services</b></u><br />
-<a href="susimail/susimail" target="blank">Susimail</a> 
-<a href="susidns/index.jsp" target="_blank">SusiDNS</a> 
-<a href="i2psnark/" target="_blank">Torrents</a> 
+<a href="susidns/index.jsp" target="_blank">Addressbook</a> 
+<a href="i2psnark/" target="_blank">Torrents</a>
+<a href="susimail/susimail" target="blank">Webmail</a>  
 <a href="http://127.0.0.1:7658/" target="_blank">Webserver</a><hr /> 
 <u><b>I2P Internals</b></u><br />
 <a href="i2ptunnel/index.jsp" target="_blank">I2PTunnel</a> 
diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css
index 7b79f28600..3231ef874e 100644
--- a/installer/resources/themes/console/classic/console.css
+++ b/installer/resources/themes/console/classic/console.css
@@ -132,6 +132,10 @@ div.routersummary a:hover {
      color: #f60;
 }
 
+div.routersummary input[type=text] {
+     text-align: right !important;
+}
+
 div.warning {
      margin: 20px 20px 10px 260px;
      padding: 0px 20px 20px 75px;
@@ -176,6 +180,7 @@ div.main {
 
 div.main li {
      padding-bottom: 10px;
+     list-style: square;
 }
 
 div.main li:first-child {
@@ -223,6 +228,11 @@ div.news a:link {
      text-shadow: 0px 0px 1px rgba(128, 128, 48, 0.3);
 }
 
+div.news a:visited {
+     color: #f00 !important;
+     text-shadow: 0px 0px 1px rgba(128, 128, 48, 0.3);
+}
+
 div.news hr {
      color: #cc7;
      background: #cc7;
@@ -331,11 +341,20 @@ table {
 }
 
 table hr {
-     padding: 1px 0;
+     padding: 0px 0;
+     color: #bbf;
+     background: #bbf;
+     border: 0px solid #bbf;
+     margin: 0px -5px;
+     height: 1px;
+}
+
+table tt {
+     font-size: 7.5pt;
 }
 
 th {
-     background-color: #def;
+     background-color: #fff;
      padding: 8px 2px;
      text-align: center;
      border-bottom: 1px solid #88f;
@@ -345,6 +364,10 @@ tt {
      font-size: 8pt;
 }
 
+tt, pre {
+     font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
+}
+     
 td {
      padding: 4px;
 }
diff --git a/installer/resources/themes/console/classic/ieshim.css b/installer/resources/themes/console/classic/ieshim.css
index 3e897a7af7..9fff032b16 100644
--- a/installer/resources/themes/console/classic/ieshim.css
+++ b/installer/resources/themes/console/classic/ieshim.css
@@ -36,8 +36,10 @@ div.configure table {
 }
 
 h1 {
-     padding: 15px 10px 16px 10px !important;
+     padding: 15px 10px 16px -10px !important;
      margin: 0 0px 0 175px !important;
+     background-color: #bbf !important;
+     color: #001;
 }
 
 h2 {
@@ -97,6 +99,11 @@ div.routersummary {
      border-left: 5px solid #bbf;
 }
 
+div.routersummary submit {
+     padding: 0;
+     margin-bottom: 5px;
+}
+
 div.news li {
      padding-top: 0px	0px !important;
      margin-bottom: -23px !important;
@@ -131,4 +138,15 @@ div.configure hr{
 
 input {
      padding: 0;
+}
+
+div.graphspanel img {
+     border: 1px solid #99f;
+     margin: 6px 0 !important;
+     background: #ddf;
+     -moz-box-shadow: inset 0px 0px 1px 1px #99f;
+}
+
+div.graphspanel hr {
+     margin: 20px 0;
 }
\ 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 8e0d75d607..5c561e94a9 100644
--- a/installer/resources/themes/console/dark/console.css
+++ b/installer/resources/themes/console/dark/console.css
@@ -89,7 +89,7 @@ div.routersummary {
      width: 175px;
      padding: 10px;
      text-align: center;
-     border: 1px solid #9999ff;
+     border: 1px solid #99f;
      background: #003;
      background: url(images/darkbluebg.png);
      color: #eef;
@@ -102,6 +102,28 @@ div.routersummary {
      -moz-box-shadow: inset 0px 0px 1px 0px #eef;
 }
 
+div.routersummary input[type=text] {
+     text-align: right !important;
+     -moz-box-shadow: inset 1px 1px 1px 0px #000;
+}
+
+div.routersummary hr {
+     color: #99f;
+     background: #99f;
+     height: 1px;
+     border-bottom: 1px outset #bbf;
+     margin: 5px -10px 4px -10px;
+}
+
+div.routersummary hr {
+     color: #bbf;
+     background: #bbf;
+     height: 2px;
+     border-bottom: 1px outset #bbf;
+     margin: 8px -10px 7px -10px;
+     -moz-box-shadow: inset 0px -4px 2px 1px #001;
+}
+
 div.warning {
      margin: 5px 20px 10px 240px;
      padding: 0px 25px 20px 75px;
@@ -254,6 +276,16 @@ table {
      background: #003;
 }
 
+table hr {
+     padding: 0px 0;
+     color: #99f;
+     background: #99f;
+     border: 0px solid #99f;
+     margin: 0px 0px;
+     height: 1px;
+     display: none;
+}
+
 th {
      padding: 6px 2px;
      color: #eef;
@@ -392,7 +424,7 @@ h2 {
      color: #fff;
      text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
      letter-spacing: 0.05em;
-     background: #003 url('images/darkbluebg.png');
+     background: #003 url('images/titletile.png');
      padding: 5px 10px 8px 10px;
      wordwrap: none;
      border: 1px solid #99f;
@@ -435,9 +467,9 @@ h4 {
      font-size: 11pt;
 }
 
-button {
+button, button:visited {
      font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
-     border: 1px outset #ddddc0;
+     border: 1px outset #77f;
      padding: 1px 3px;
      background: #bbf;
      text-decoration: none;
@@ -450,12 +482,23 @@ button {
      text-align: center;
      vertical-align: middle;
      min-width: 76px;
+     -moz-box-shadow: inset 0px 1px 1px 0px #55f;
+     background: #003;
+     color: #99f;
 }
 
+button:hover {
+     border: 1px solid #f60;
+     -moz-box-shadow: inset 0px 1px 1px 0px #eef;
+     background: #001;
+     color: #f60;
+}     
+          
 button:active {
      border: 1px inset #f60;
      background: #f60;
      color: #fff;
+     -moz-box-shadow: inset 0px 0px 0px 0px #f60;
 }
 
 .underline {
@@ -488,9 +531,10 @@ sidebarlogo {
 }
 
 input {
-     border: 1px outset #bbf;
-     background: #bbf;
-     color: #002;
+     border: 1px outset #55f;
+     -moz-box-shadow: inset 0px 1px 1px 0px #55f;
+     background: #003;
+     color: #99f;
      margin: 5px;
      font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
      padding: 1px 2px;
@@ -502,9 +546,10 @@ input {
 }
 
 input:hover {
-     background: #003;
+     background: #001;
      color: #f60;
      border: 1px solid #f60;
+     -moz-box-shadow: inset 0px 1px 1px 0px #eef;
 }
 
 input:active {
@@ -530,6 +575,7 @@ input[type=text] {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -khtml-border-radius: 4px;
+     -moz-box-shadow: inset 1px 1px 1px 0px #000;
 }
 
 input[type=text]:active, input[type=text]:hover {
diff --git a/installer/resources/themes/console/dark/images/titletile.png b/installer/resources/themes/console/dark/images/titletile.png
new file mode 100644
index 0000000000000000000000000000000000000000..945acc5b981b768b8a64a6a9f7a8c969c17733ba
GIT binary patch
literal 2181
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
EZ)FP6B>(^b

literal 0
HcmV?d00001

diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css
index 20d8c28cff..26f8b40c5c 100644
--- a/installer/resources/themes/console/light/console.css
+++ b/installer/resources/themes/console/light/console.css
@@ -105,6 +105,19 @@ div.routersummary {
      -moz-box-shadow: inset 0px 0px 1px 0px #002;
 }
 
+div.routersummary input[type=text] {
+     text-align: right !important;
+}
+
+div.routersummary hr {
+     color: #eef;
+     background: #eef;
+     height: 2px;
+     border-bottom: 1px solid #eef;
+     margin: 8px -10px 7px -10px;
+     -moz-box-shadow: inset 0px 1px 1px 1px #001;
+}
+
 div.warning {
      margin: 5px 20px 10px 240px;
      padding: 0px 25px 20px 75px;
@@ -226,6 +239,7 @@ div.configure {
      border-radius: 4px;
      border: 1px solid #000022;
      -moz-box-shadow: inset 0px 0px 1px 0px #002;
+     min-width: 400px;
 }
 
 div.graphspanel {
@@ -237,9 +251,9 @@ div.graphspanel {
      border-radius: 4px;
      border: 1px solid #000022;
      -moz-box-shadow: inset 0px 0px 1px 0px #002;
+     text-align: center !important; 
 }
 
-
 div.graphspanel img {
      border: 1px solid #003;
      padding: 2px;
@@ -247,7 +261,7 @@ div.graphspanel img {
      text-align: center !important;
      background: #001;
      -moz-box-shadow: inset 0px 0px 1px 1px #99f;
-     opacity: 0.9;
+     opacity: 0.8;
 }
 
 div.graphspanel img:hover {
@@ -260,6 +274,10 @@ div.graphspanel img:hover {
      opacity: 1;
 }
 
+div.graphspanel form {
+     text-align: left;
+}
+
 div.messages {
      padding: 10px;
      margin: 10px 0 20px 0;
@@ -301,6 +319,16 @@ table {
      font: 7pt/130% "Lucida Sans Unicode", Verdana, Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
 }
 
+table hr {
+     padding: 0px 0;
+     color: #99f;
+     background: #99f;
+     border: 0px solid #99f;
+     margin: 0px 0px;
+     height: 1px;
+     display: none;
+}
+
 th {
      padding: 6px 2px;
      color: #000;
@@ -433,7 +461,7 @@ h2 {
      font-size: 12pt;
      color: #001;
      letter-spacing: 0.05em;
-     background: #ddf url('images/lightbluetile.png');
+     background: #ddf url('images/titletile.png');
      text-shadow: 0px 0px 1px rgba(0, 0, 64, 0.5);
      padding: 7px 10px;
      wordwrap: none;
@@ -476,9 +504,9 @@ h4 {
 
 button, button:visited {
      font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
-     border: 1px outset #ddddc0;
+     border: 1px outset #999;
      padding: 1px 3px;
-     background: #bbf !important;
+     background: #ddf !important;
      text-decoration: none;
      border-radius: 4px;
      -moz-border-radius: 4px;
@@ -488,18 +516,22 @@ button, button:visited {
      margin: 0 1px;
      text-align: center;
      min-width: 80px;
+     -moz-box-shadow: inset 0px 2px 8px 0px #fff;
+     color: #006;
 }
 
 button:hover{
      border: 1px solid #f60;
      background: #f60 !important;
      color: #fff;
+     -moz-box-shadow: inset 0px 0px 0px 1px #fff;
 }
 
 button:active{
      border: 1px solid #f60;
      background: #001 !important;
      color: #f60;
+     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
 }
 
 .underline {
@@ -531,8 +563,8 @@ input {
 }
 
 input, input:visited {
-     border: 1px outset #bbf;
-     background: #bbf;
+     border: 1px outset #999;
+     background: #ddf;
      color: #001;
      margin: 5px;
      font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
@@ -542,6 +574,9 @@ input, input:visited {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -khtml-border-radius: 4px;
+     -moz-box-shadow: inset 0px 2px 8px 0px #fff;
+     color: #006;
+     opacity: 0.9;
 }
 
 
@@ -549,7 +584,9 @@ input:hover {
      background: #f60;
      color: #fff;
      border: 1px solid #f60;
-     opacity: 0.9;
+     opacity: 1.0;
+     -moz-box-shadow: inset 0px 0px 0px 1px #fff;
+
 }
 
 input:active {
@@ -557,6 +594,7 @@ input:active {
      color: #f60;
      border: 1px solid #f60;
      opacity: 1.0;
+     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
 }
 
 input[type=text] {
@@ -595,6 +633,7 @@ select {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -khtml-border-radius: 4px;
+     text-align: left !important;
 }
 
 textarea {
diff --git a/installer/resources/themes/console/light/images/lightbluetile.png b/installer/resources/themes/console/light/images/lightbluetile.png
index e7fc6c1f12ab57637c3c0858a74ad87643a76b28..53f9d54deaaa6cc333aca3c07e71848e26f5d2b0 100644
GIT binary patch
literal 3486
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

literal 1410
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvEiGhJ})y~t$fE>;OkH}&M2EM}}%y>M1MG6B0
ztBI$JV@SoEw|8&nO$n7a_VMf1D?w5P)e2W!T03q>fAYvbWW4S)voL>;c>>3~0AT_C
zJ0Y`}E*-M?E9Euw+!^D|X}u;Nzss!IliOzc{`;5t|Cc;maQAsU|0$1MALGk{<AP6}
zdSRaRSV?^630J+Mz}j6G&u<l$k1(!XSGxSe#h52xiT{VY{c6_rR(kG9epYXIIP~ni
zHK96Fk`{_^FOASR>ZB>=wK1TpH3%wH693lc?_Qn1m!`!V{G7V@{)_!~rM!`t>ab`<
z7n;)iU;p;sWjS>rS?Bmqzx%rB=Rv0Dzf-@v-K^1{^F41$@#gvOr&Zto_PqS*ovR<8
zAG=yqf9j{-&i}Rb{|bK9B`w$G;tCAtXmSz}S+qcawN*pI#Zi%VLM8F{q-=IYhv`q*
z_<SaJYW=03<(8k5>i30w+n#RwecS0<7k`FFR`0Zr*Q~A&n_E9+>-AIj-h11GYu(<t
zyTJN3_jY5O_}Dz_!^NpV)~heywp7Y^R`$*PmZj2)U9v2S9F81L0!;!f3WI>T;Iezb
z_oH7A{tBzy68vvxY}onfhM(6q@4I&2V#S*bIk7JVA1hbSuYdd8`|-2S$K#4E-cM=Y
zuKm38yhY7A_4n3kcK>Fb{Jv*Hs9gB@>A!yZ*~iDc+f%pk{?80KyX*Pq&mB&$ubuaE
z^7(bPKVClYznUAP7aKlrX8yO&Q!h>Z^x(K*@ydDn-#?#i-mkFZW0_|2zuMix#g)7K
zU%q;N@wwHk)0e-$ViSHQ^v-hkiJFT4`t0vZzpZ_GPCEFRqdkAUSpKwkA8S6pIzB&c
zc39zcskz$z7he97|EyBNc03@$%x&@o$vF<Wo)Wr}b2BA)`_2|GDz-2dU^XO(F1$G7
zz;grz6`w;B;4yhlTSZ^yOKT(_ahNIrbZ_XQ!wx)G7?jzP7I>9NbTmpO09_Z-$;WIM
zz}y4mYh6rKV9RO{1oBm_fDYv~NK#;1<<j0Lv4YVJ$e;ScK!DlwKnIX7BnvczjbcO3
qpLRHGUH|U+^FBV>xsF@<Mf|f5Im@=I*6RQZRR&L2KbLh*2~7Yq*E7}t

diff --git a/installer/resources/themes/console/light/images/titletile.png b/installer/resources/themes/console/light/images/titletile.png
new file mode 100644
index 0000000000000000000000000000000000000000..beb9552baa136d485fa1be4468e6d78652f23f10
GIT binary patch
literal 1112
zcmeAS@N?(olHy`uVBq!ia0vp^ogmD?#K6G#z;O=;ki%Kv5n0T@z;_sg8IR|$NMT@L
z;qr8G45^s&c20Kw6&rz8+q^Q>2mk*YJ*dqLWf4+foWC&kZC*}}`cm<-?K@2^r=;8Y
z%r~2U^2d)GH@()@{@7ONt}JIAkh`8wcJt%yTIH)>eK_v<k->J2SdvZMmy93x!V4s)
z+b%zy)3BRAa`*Q2i><$%&7I4*OwNcW=CJ9j>o<-rf6X}kZuc>-<#T7nguj=we!oGz
zI)8tr?~DDZ{9TRR%2QXksA>gzt_Z41uH7MQw{5AdT>U%et9jPH*2ymF`l^%qY4sPL
z)U=h8cE2pRcEWw*&Sxg68qSiZ0@{qGEaU+)XVxW7k6(BC`GFr_D*INvs$C`Oee~ka
z+84<`I~Vsviyk_e{$lp@-Wm2U&KX=zo0GqDuHWXTDep|wpG$1F-rpfnyuNU;;lrHy
z@2_WnX8D`JP6Rq${Q9_E&Hkc?XMX;=n6t0%(a%qxkNtemRL^#^UE<I`wcWv%r_!ze
z|LB=gsCOhv^Y(`~&M(tv<pe*es?f7N+F2wq(Z8?ic-^XJae0&eOsVUTEvoFZ2$VAx
z`?~VZRb#^$#a~Tsx~0@>MQ@Kui=LyQ|K#`mo9geQ3O^j$dFJ=T%9nC=&o9nh(qp92
zY^1Td#!YgHBO02y)EZp~q@vL;fGrgb{VPm;^LKe~=(#Y(ce?L#RDOqYBv+)r4EtX3
zw8nHs@;~h<sy9|i9RK|Ey7u<%6WrC8G3!n@-nBV?YQ1)(o8-K%w}1XFySi%T{?%&&
zuJOjr(cc%dR6jHEW9aY8$Jn_)+)WR7Ah_3O(S*O{8#CX}2wT2Z_W<`fw%l#y^C#!W
z-1((*#cJE0ymJyKRyst?XpY|*xTmzxyyfy~k2xK0-&WqsFAD!1ws2=<_`GMHKhlo;
z_xtwGwLtHh{a)^}(}fD}**939(`VnT{idxrrYZhTa`oqTyWZHWTy8Qw*TDR@`?Wp#
z?_)NfyZ5*>PW4~hw$iw{Y(-M%(`07-4Ek>(en<ECy_#$1cK>_B_pyJeW#6MJp8Gw`
zd;i)0KDPdJ`mIOJJ1cMRGd;wAWBy*Qb1^rK?-;$|vi`vrowk38R$zjNiRJnnx%(bQ
z`!1%|EI$3iZTiPvy~onA$IN&2<d;a^e=*o3Vro8fpI%ooZE0Zebzo7!;OXk;vd$@?
F2>@b(FRuUq

literal 0
HcmV?d00001

diff --git a/installer/resources/themes/console/snark.css b/installer/resources/themes/console/snark.css
index 4b6fbb2c3d..a5551156fc 100644
--- a/installer/resources/themes/console/snark.css
+++ b/installer/resources/themes/console/snark.css
@@ -56,8 +56,8 @@ body {
   font-size: 9pt;
   font-weight: bold;
   text-align: left;
-  margin: 0 0 15px 0;
-  padding: 0px;
+  margin: 0 0px 10px 0px;
+  padding: 0;
   border-spacing: 0px;
   -moz-border-radius: 4px 0 0 0;
   -khtml-border-radius: 4px;
@@ -68,7 +68,7 @@ body {
   background: #f40 url('../console/images/orangetile.png');
   color: #531;
   height: 64px;
-  width: 100%;
+  width: auto;
 }
 
 pre {
@@ -95,7 +95,7 @@ th {
   border-top: 1px outset #001;
   border-bottom: 1px inset #001;  
   background: #f60 url('/themes/console/images/tabletitleorange.png') repeat-x;
-  text-align: left;
+  text-align: right;
   whitespace: nowrap;
 }
 
@@ -107,7 +107,7 @@ th {
 
 td {
 	padding: 5px;
-  text-align: left;
+  text-align: right;
 }
 .snarkTorrentEven {
 	background-color: #fb1;
@@ -176,7 +176,7 @@ hr {
 }
 
 a:link{
-  color: #830;
+  color: #930;
   text-decoration: none;
   font-weight: bold;
   word-wrap: break-word;
@@ -189,7 +189,7 @@ a:visited{
 }
 
 a:hover{
-  color: #f40;
+  color: #900;
   font-weight: bold;
 }
 
-- 
GitLab