From 5ed1ec681f3f13b7b63cb4d4bd6fba20f553b898 Mon Sep 17 00:00:00 2001
From: str4d <str4d@mail.i2p>
Date: Tue, 7 Aug 2012 11:42:22 +0000
Subject: [PATCH] Updates to classic console theme from dr|z3d

---
 .../themes/console/classic/console.css        | 112 +++++++++++++-----
 1 file changed, 84 insertions(+), 28 deletions(-)

diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css
index e6e2e7f1a9..65ce6f4a4b 100644
--- a/installer/resources/themes/console/classic/console.css
+++ b/installer/resources/themes/console/classic/console.css
@@ -180,6 +180,10 @@ div.routersummary input[type=text] {
      text-align: right !important;
 }
 
+#xhr {
+     margin-top: 15px;     
+}
+
 div.routersummary hr {
      color: #89f;
      background: #89f;
@@ -238,9 +242,15 @@ div.routersummary tr {
      border: 0 !important;
 }
 
+div.routersummary form {
+     margin: 0;     
+}
+
 div.newsheadings {
      text-align: right;
-     margin: 0 0 0 -20px;
+     margin: 0 5px 0 -20px;
+     padding: 0;
+     font-size: 8pt;
 }
 
 div.newsheadings li {
@@ -248,6 +258,11 @@ div.newsheadings li {
      margin: 0 -4px 2px 8px;
 }
 
+div.newsheadings ul {
+     margin: 0 5px -3px 38px;
+     padding: 0;
+}
+
 div.tunnels table {
      margin: 0 -7px !important;
      width: 193px;
@@ -354,7 +369,7 @@ div.main textarea {
 }
 
 div.main h2 {
-     margin-top: 20px;
+     margin-top: 0;
      margin-bottom: 10px !important;
      -moz-border-radius: 0 3px 0 0;
      -khtml-border-radius: 0 3px 0 0;
@@ -370,6 +385,11 @@ div.main h2:first-child, div.main h3:first-child {
      margin-bottom: -5px;
 }
 
+.topness {
+     text-align: right;
+     font-size: 8pt;  
+}
+
 div.wideload h2 {
      margin-bottom: 0px !important;
 }
@@ -396,11 +416,8 @@ div.news {
      text-align: right;
      color: #770;
      min-width: 500px;
-     padding-bottom: 8px;
-     padding-left: 10px;
-     padding-right: 10px;
-     padding: 0 10px 3px 10px;
-     font-size: 7pt;
+     padding: 3px 10px 3px 10px;
+     font-size: 8pt;
 }
 
 /* convert the list entry to our title */
@@ -471,6 +488,10 @@ div.news hr {
      margin: 10px 0 2px 0;
 }
 
+div.news hr:last-child {
+     margin-bottom: 10px !important;
+}
+
 div.confignav {
      padding: 15px 0;
      margin: -16px -16px 0 -16px;
@@ -662,7 +683,7 @@ table {
      border: 1px solid #89f;
      margin: 0 0 5px 0;
      cell-padding: 1px;
-     font-size: 7.5pt;
+     font-size: 8pt;
      background: #fff;
      width: 100%;
 }
@@ -677,7 +698,7 @@ table hr {
 }
 
 table tt {
-     font-size: 7.5pt;
+     font-size: 8pt;
 }
 
 table code {
@@ -722,8 +743,16 @@ h2.app {
 */
 
 h4.app, h4.app2 {
-     margin: 0 10px 2px 10px;
+     margin: 0 10px 5px 10px;
      padding: 10px 0 8px 0;
+     font-size: 12pt;
+     padding: 6px 10px 8px;
+     border: 1px solid #89f;
+     letter-spacing: 0.04em;
+     background: #fff;
+     text-transform: uppercase;
+     text-shadow: 0px 1px 1px #99f;
+     background: url('images/tinytitle.png') center center repeat-x;
 }
 
 h4.app2 {
@@ -732,15 +761,24 @@ h4.app2 {
 }
 
 div.ag2 {
-     margin: 0;
+     margin: 0 -10px -5px;
 }
 
 div.app {
      float: left;
      padding: 2px;
-     height: 90px;
-     width: 112px;
+     min-width: 60px;
      text-align: center !important;
+     border: none;
+     margin: 0 2px 2px;
+}
+
+div.app:last-child {
+     margin-bottom: 10px;
+}
+
+div.app a:link, div.app a:visited, div.app a:hover, div.app a:active {
+     text-decoration: none;
 }
 
 div.appgroup {
@@ -766,44 +804,53 @@ table.search {
 img.app {
      height: 32px;
      width: 32px;
-     padding: 6px;
+     padding: 5px 15px;
 }
 
-img.app2p {
+img.app2 {
      height: 40px;
      padding: 3px 6px 0 6px;
 }
 
-table.app {
+.app table {
      background: none;
      border: 0;
      margin: auto;
      width: auto;
 }
 
-tr.app {
+.app tr {
      background: none;
      border: 0;
      margin: 0;
 }
 
-td.app {
+.app td {
      background: none;
      border: 0;
      margin: 0;
+     padding: 0;
 }
 
 div.applabel {
-     background: url('images/header.png') center center repeat-x;
-     -moz-border-radius: 4px;
-     -khtml-border-radius: 4px;
-     border: 2px #00f;
-     border-radius: 4px;
-     border-width: 1px;
+     background: url('images/tinytitle.png') center center repeat-x;
+     -moz-border-radius: 3px;
+     -khtml-border-radius: 3px;
+     border-radius: 3px;
      font-size: 9pt;
      margin: 0;
-     padding: 3px 6px 4px 6px;
+     padding: 4px;
      text-align: center;
+     min-width: 60px;
+     line-height: 110%;
+     text-transform: lowercase;
+     font-size: 8pt;
+     border: 1px solid #89f;
+     box-shadow: 0 1px 1px #bbb;
+}
+
+div.applabel:hover {
+     box-shadow: none;
 }
 
 /* end home page */
@@ -927,21 +974,31 @@ p {
      text-align: justify;
 }
 
+p img:first-child {
+     display: none;     
+}
+
 .formaction {
      text-align: right;
      margin: -10px -5px;
 }
 
 .langbox {
-     margin: 5px -20px 0px 5px;
+     margin: 5px 5px 0 5px;
      color: #001;
      font-size: 7pt;
      width: 280px;
-     text-align: center;
+     text-align: right;
      float: right;
      valign: middle;
 }
 
+/* opera targetted hack */
+x:-o-prefocus, .langbox img {
+     margin-bottom: 2px;
+     margin-top: 2px;
+}
+
 .langbox img {
      padding: 0 2px; /* Ignored by IE8 */
 }
@@ -989,7 +1046,6 @@ a:hover {
      color: #f60;
      text-decoration: underline;
      font-weight: bold;
-     text-shadow: 0px 0px 1px rgba(255, 96, 0, 0.7);
 }
 
 a:active {
-- 
GitLab