From f1a1d63e2aaddc6137b13453f20187242cea197c Mon Sep 17 00:00:00 2001
From: str4d <str4d@mail.i2p>
Date: Thu, 20 Dec 2012 01:41:26 +0000
Subject: [PATCH] Changes to the menubar CSS to bring it as close to duck's
 original theme as possible

---
 i2p2www/static/styles/duck.css | 59 ++++++++++++++++++++++------------
 1 file changed, 38 insertions(+), 21 deletions(-)

diff --git a/i2p2www/static/styles/duck.css b/i2p2www/static/styles/duck.css
index 8d36404af..0905664d2 100644
--- a/i2p2www/static/styles/duck.css
+++ b/i2p2www/static/styles/duck.css
@@ -12,7 +12,7 @@ a {color:#d00e0e; text-decoration:none;}
 
 div.hide {display:none;}
 
-div#branding {width:80%; margin:1em auto; position:relative;}
+div#branding {width:80%; /*margin:1em auto;*/ margin: 1em auto 0; position:relative;}
     div#branding #logo img:hover {
         filter:alpha(opacity=60);
         -moz-opacity: 0.6;
@@ -39,16 +39,17 @@ menu ul,
   position: relative;
 }
 #cssmenu {
-  height: 49px;
-  background: #141414;
+  /*height: 49px;*/
+  height: 40px;
+  /*background: #141414;
   background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
   background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
-  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
+  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);*/
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
-  border-bottom: 2px solid #0fa1e0;
+  /*border-bottom: 2px solid #0fa1e0;*/
 }
 #cssmenu:after,
 #cssmenu ul:after {
@@ -57,22 +58,26 @@ menu ul,
   clear: both;
 }
 #cssmenu a {
-  background: #141414;
+  /*background: #141414;
   background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
   background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
   background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
-  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
+  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);*/
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
-  color: #ffffff;
+  /*color: #ffffff;*/
+  color: #d00e0e;
   display: inline-block;
   font-family: "URW Gothic L", "Century Gothic", sans-serif;
-  font-size: 11pt;
+  /*font-size: 11pt;*/
+  font-size: 2em;
   font-weight: bold;
   text-shadow: 1px 1px 1px rgba(100,20,20,.2);
-  line-height: 49px;
-  padding: 0 20px;
+  /*line-height: 49px;*/
+  line-height: 40px;
+  /*padding: 0 20px;*/
+  padding: 0 10px;
   text-decoration: none;
 }
 #cssmenu ul {
@@ -99,10 +104,11 @@ menu ul,
   bottom: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
-  border-bottom: 10px solid #0fa1e0;
+  /*border-bottom: 10px solid #0fa1e0;*/
+  border-bottom: 10px solid #abcc71;
   margin-left: -10px;
 }
-#cssmenu > ul > li:first-child > a {
+/*#cssmenu > ul > li:first-child > a {
   border-radius: 5px 0 0 0;
   -moz-border-radius: 5px 0 0 0;
   -webkit-border-radius: 5px 0 0 0;
@@ -111,6 +117,11 @@ menu ul,
   border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
+}*/
+#cssmenu > ul > li > a {
+  border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  -webkit-border-radius: 5px 5px 0 0;
 }
 #cssmenu > ul > li.active > a {
   box-shadow: inset 0 0 3px #000000;
@@ -126,13 +137,13 @@ menu ul,
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
 }
 #cssmenu > ul > li:hover > a {
-  background: #070707;
+  /*background: #070707;
   background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
   background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
   background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
   background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
-  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
+  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);*/
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
   box-shadow: inset 0 0 3px #000000;
   -moz-box-shadow: inset 0 0 3px #000000;
@@ -155,8 +166,10 @@ menu ul,
   *margin-bottom: -1px;
 }
 #cssmenu .has-sub ul li a {
-  background: #0fa1e0;
-  border-bottom: 1px dotted #6fc7ec;
+  /*background: #0fa1e0;*/
+  /*border-bottom: 1px dotted #6fc7ec;*/
+  background: #abcc71;
+  border-bottom: 1px dotted #ffffcc;
   filter: none;
   font-size: 9pt;
   display: block;
@@ -164,7 +177,8 @@ menu ul,
   padding: 10px;
 }
 #cssmenu .has-sub ul li:hover a {
-  background: #0c7fb0;
+  /*background: #0c7fb0;*/
+  background: #8bac51;
 }
 #cssmenu .has-sub .has-sub:hover > ul {
   display: block;
@@ -176,11 +190,14 @@ menu ul,
   top: 0;
 }
 #cssmenu .has-sub .has-sub ul li a {
-  background: #0c7fb0;
-  border-bottom: 1px dotted #6db2d0;
+  /*background: #0c7fb0;
+  border-bottom: 1px dotted #6db2d0;*/
+  background: #8bac51;
+  border-bottom: 1px dotted #ffffcc;
 }
 #cssmenu .has-sub .has-sub ul li a:hover {
-  background: #095c80;
+  /*background: #095c80;*/
+  background: #6bac31;
 }
 
 /* End of dropdown menu CSS */
-- 
GitLab