diff --git a/html/css/styles.css b/html/css/styles.css index b0e9bf2eb2..a28fefd8d6 100644 --- a/html/css/styles.css +++ b/html/css/styles.css @@ -743,7 +743,17 @@ a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover { margin-right: 3px; border: 1px solid #aaa; color: #2d2b2b; - background: white url(../images/menu2.gif) top left repeat-x; + + /* Gradient background */ + background:#F4F4F4; + background: -moz-linear-gradient(top, #FFF, #CCC); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#CCC)); + + /* Rounded Corners */ + -moz-border-radius: 0px 3px 3px 3px; + -webkit-border-radius: 3px 3px 0px 0px; + border-radius: 3px 3px 0px 0px; + } .shadetabs li a:visited { @@ -753,18 +763,35 @@ color: #2d2b2b; .shadetabs li a:hover { text-decoration: none; color: #cc0000; + + /* Gradient background */ + background:#F4F4F4; + background: -moz-linear-gradient(top, #FFF, #CCC); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#CCC)); + + } .shadetabs li.selected { } .shadetabs li.selected a { /*selected main tab style */ - background-image: url(../images/shadeactive.gif); border-bottom-color: white; + /* Gradient background */ + background:#EEEEEE; + background: -moz-linear-gradient(top, #EEE, #FFFFFF); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFFFFF)); + + /* Box Shadow */ + -moz-box-shadow: 0 -1px 2px #DDD; + -webkit-box-shadow: 0 -1px 2px #DDD; + box-shadow: 0 -1px 2px #DDD; + } -.shadetabs li.selected a:hover { /*selected main tab style */ +.shadetabs li.selected a:hover { /*hovered tab style */ text-decoration: none; + color: #cc0000; } .contentstyle { @@ -821,12 +848,13 @@ color: #cc0000; -webkit-border-radius: 4px; border-radius: 4px; - /* Background color and gradients */ - - background: #f3f3f3; - background: -moz-linear-gradient(top, #f3f3f3, #e2e2e2); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e2e2e2)); - + /* Gradient background */ + background:#F4F4F4; + background: -moz-linear-gradient(top, #FFF, #DDD); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); + background: -ms-linear-gradient(top, #FFF, #DDD); + background: -webkit-linear-gradient(top, #FFF, #DDD); + /* Borders */ border: 1px solid #aaaaaa; @@ -851,11 +879,12 @@ color: #cc0000; border: 1px solid #aaa; padding: 0px 0px 4px 0px; - /* Background color and gradients */ - - background: #f3f3f3; - background: -moz-linear-gradient(top, #e2e2e2, #f3f3f3); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2e2e2), to(#f2f2f2)); + /* Gradient background */ + background:#F4F4F4; + background: -moz-linear-gradient(top, #DDD, #FFF); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); + background: -ms-linear-gradient(top, #DDD, #FFF); + background: -webkit-linear-gradient(top, #DDD, #FFF); /* Rounded corners */ @@ -898,13 +927,15 @@ color: #cc0000; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; - border:1px solid #777777; + border:1px solid #AAA; border-top:none; - /* Gradient background */ - background:#F4F4F4; - background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); + /* Gradient background */ + background:#F4F4F4; + background: -moz-linear-gradient(top, #FFF, #DDD); + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); + background: -ms-linear-gradient(top, #FFF, #DDD); + background: -webkit-linear-gradient(top, #FFF, #DDD); /* Rounded Corners */ -moz-border-radius: 0px 4px 4px 4px; @@ -1016,7 +1047,7 @@ color: #cc0000; .imgshadow { background:#FFFFFF; padding:4px; - border:1px solid #777777; + border:1px solid #AAA; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666;