I2P Address: [http://git.idk.i2p]

Skip to content
Snippets Groups Projects
Commit f1a1d63e authored by str4d's avatar str4d
Browse files

Changes to the menubar CSS to bring it as close to duck's original theme as possible

parent d7bce012
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
i2p2www/static/styles/duck.css
+ 38
− 21
View file @ f1a1d63e
...@@ -12,7 +12,7 @@ a {color:#d00e0e; text-decoration:none;} ...@@ -12,7 +12,7 @@ a {color:#d00e0e; text-decoration:none;}
div.hide {display: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 { div#branding #logo img:hover {
filter:alpha(opacity=60); filter:alpha(opacity=60);
-moz-opacity: 0.6; -moz-opacity: 0.6;
...@@ -39,16 +39,17 @@ menu ul, ...@@ -39,16 +39,17 @@ menu ul,
position: relative; position: relative;
} }
#cssmenu { #cssmenu {
height: 49px; /*height: 49px;*/
background: #141414; height: 40px;
/*background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); 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-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-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: -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); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
border-bottom: 2px solid #0fa1e0; /*border-bottom: 2px solid #0fa1e0;*/
} }
#cssmenu:after, #cssmenu:after,
#cssmenu ul:after { #cssmenu ul:after {
...@@ -57,22 +58,26 @@ menu ul, ...@@ -57,22 +58,26 @@ menu ul,
clear: both; clear: both;
} }
#cssmenu a { #cssmenu a {
background: #141414; /*background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); 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-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-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: -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); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
color: #ffffff; /*color: #ffffff;*/
color: #d00e0e;
display: inline-block; display: inline-block;
font-family: "URW Gothic L", "Century Gothic", sans-serif; font-family: "URW Gothic L", "Century Gothic", sans-serif;
font-size: 11pt; /*font-size: 11pt;*/
font-size: 2em;
font-weight: bold; font-weight: bold;
text-shadow: 1px 1px 1px rgba(100,20,20,.2); text-shadow: 1px 1px 1px rgba(100,20,20,.2);
line-height: 49px; /*line-height: 49px;*/
padding: 0 20px; line-height: 40px;
/*padding: 0 20px;*/
padding: 0 10px;
text-decoration: none; text-decoration: none;
} }
#cssmenu ul { #cssmenu ul {
...@@ -99,10 +104,11 @@ menu ul, ...@@ -99,10 +104,11 @@ menu ul,
bottom: 0; bottom: 0;
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 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; margin-left: -10px;
} }
#cssmenu > ul > li:first-child > a { /*#cssmenu > ul > li:first-child > a {
border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0;
...@@ -111,6 +117,11 @@ menu ul, ...@@ -111,6 +117,11 @@ menu ul,
border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0;
-webkit-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 { #cssmenu > ul > li.active > a {
box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000;
...@@ -126,13 +137,13 @@ menu ul, ...@@ -126,13 +137,13 @@ menu ul,
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
} }
#cssmenu > ul > li:hover > a { #cssmenu > ul > li:hover > a {
background: #070707; /*background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); 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-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-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: -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); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
box-shadow: inset 0 0 3px #000000; box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000;
...@@ -155,8 +166,10 @@ menu ul, ...@@ -155,8 +166,10 @@ menu ul,
*margin-bottom: -1px; *margin-bottom: -1px;
} }
#cssmenu .has-sub ul li a { #cssmenu .has-sub ul li a {
background: #0fa1e0; /*background: #0fa1e0;*/
border-bottom: 1px dotted #6fc7ec; /*border-bottom: 1px dotted #6fc7ec;*/
background: #abcc71;
border-bottom: 1px dotted #ffffcc;
filter: none; filter: none;
font-size: 9pt; font-size: 9pt;
display: block; display: block;
...@@ -164,7 +177,8 @@ menu ul, ...@@ -164,7 +177,8 @@ menu ul,
padding: 10px; padding: 10px;
} }
#cssmenu .has-sub ul li:hover a { #cssmenu .has-sub ul li:hover a {
background: #0c7fb0; /*background: #0c7fb0;*/
background: #8bac51;
} }
#cssmenu .has-sub .has-sub:hover > ul { #cssmenu .has-sub .has-sub:hover > ul {
display: block; display: block;
...@@ -176,11 +190,14 @@ menu ul, ...@@ -176,11 +190,14 @@ menu ul,
top: 0; top: 0;
} }
#cssmenu .has-sub .has-sub ul li a { #cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0; /*background: #0c7fb0;
border-bottom: 1px dotted #6db2d0; border-bottom: 1px dotted #6db2d0;*/
background: #8bac51;
border-bottom: 1px dotted #ffffcc;
} }
#cssmenu .has-sub .has-sub ul li a:hover { #cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80; /*background: #095c80;*/
background: #6bac31;
} }
/* End of dropdown menu CSS */ /* End of dropdown menu CSS */
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Base32 Address: [http://7qeve4v2chmjdqlwpa3vl7aojf3nodbku7vepnjwrsxljzqipz6a.b32.i2p] Onion Address: [http://47ggr2fa3vnwfyhvgskzdmr3i32eijwymxohtxsls45dulmriwxszjad.onion]