diff options
Diffstat (limited to 'view/theme/redbasic/css')
| -rw-r--r-- | view/theme/redbasic/css/style.css | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index a4c31787b..2dfd85d85 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -3508,8 +3508,8 @@ nav { width: 100%; height: 32px; position: fixed; - opacity: 0.6; - filter:alpha(opacity=60); +// opacity: 0.6; +// filter:alpha(opacity=60); left: 0px; top: 0px; @@ -3523,6 +3523,23 @@ nav { /* TODO find a better way to do this without different code for every single browser. */ + background-image: linear-gradient(bottom, #f88 26%, #b00 82%); + background-image: -o-linear-gradient(bottom, #f88 26%, #b00 82%); + background-image: -moz-linear-gradient(bottom, #f88 26%, #b00 82%); + background-image: -webkit-linear-gradient(bottom, #f88 26%, #b00 82%); + background-image: -ms-linear-gradient(bottom, #f88 26%, #b00 82%); + + background-image: -webkit-gradient( +linear, +left bottom, +left top, +color-stop(0.26, #f88), +color-stop(0.82, #b00) +); +} + +nav:hover { + background-image: linear-gradient(bottom, #f00 26%, #b00 82%); background-image: -o-linear-gradient(bottom, #f00 26%, #b00 82%); background-image: -moz-linear-gradient(bottom, #f00 26%, #b00 82%); @@ -3538,10 +3555,6 @@ color-stop(0.82, #b00) ); } -nav:hover { - opacity: 1.0; - filter:alpha(opacity=100); -} nav a, nav a:active, nav a:visited, @@ -3591,8 +3604,13 @@ nav .nav-menu { padding: 5px; margin: 3px 15px 0px; font-size: 14px; - border-bottom: 3px solid #ff0000; + border-bottom: 3px solid #f88; +} + +nav:hover .nav-menu { + border-bottom: 3px solid #f00; } + nav .nav-menu.selected { border-bottom: 4px solid #CCCCCC; } |