kytv/I2P_Website
1
0
Fork 0
forked from I2P_Developers/i2p.www
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
str4d
2012-12-20 01:41:26 +00:00
parent d7bce01288
commit f1a1d63e2a
1 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
i2p2www/static/styles/duck.css
View File

@@ -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,
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,
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,
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,
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,
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,
*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,
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,
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 */