diff options
| author | friendica <info@friendica.com> | 2013-11-03 14:26:42 -0800 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2013-11-03 14:26:42 -0800 |
| commit | 5ba813397b7112df64e35ee45eef1c2f0b12d617 (patch) | |
| tree | 477cf888d30057af4c55e542fb57702e54a528a6 /view/theme/redbasic/css | |
| parent | 8a75e9202032fd789b6b62484df976eb48b1ce16 (diff) | |
| download | volse-hubzilla-5ba813397b7112df64e35ee45eef1c2f0b12d617.tar.gz volse-hubzilla-5ba813397b7112df64e35ee45eef1c2f0b12d617.tar.bz2 volse-hubzilla-5ba813397b7112df64e35ee45eef1c2f0b12d617.zip | |
provide nav_min_opacity which allows the navbar to fade or even vanish until hovered with a value of for instance '0';
Diffstat (limited to 'view/theme/redbasic/css')
| -rw-r--r-- | view/theme/redbasic/css/style.css | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 669f73f42..ba0aabf8d 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -118,21 +118,29 @@ blockquote { filter:alpha(opacity=100); } -nav {background-image: linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); - background-image: -o-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); - background-image: -moz-linear-gradient(bottom,$nav_bg_1 26%, $nav_bg_2 82%); - background-image: -webkit-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); - background-image: -ms-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); +nav { + background-image: linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); + background-image: -o-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); + background-image: -moz-linear-gradient(bottom,$nav_bg_1 26%, $nav_bg_2 82%); + background-image: -webkit-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); + background-image: -ms-linear-gradient(bottom, $nav_bg_1 26%, $nav_bg_2 82%); + opacity: $nav_float_min_opacity; + filter:alpha(opacity=$nav_percent_min_opacity); + } section {width: $section_width; } -nav:hover {background-image: linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); - background-image: -o-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); - background-image: -moz-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); - background-image: -webkit-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); - background-image: -ms-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); +nav:hover { + background-image: linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); + background-image: -o-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); + background-image: -moz-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); + background-image: -webkit-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); + background-image: -ms-linear-gradient(bottom, $nav_bg_3 26%, $nav_bg_4 82%); + opacity: 1.0; + filter:alpha(opacity=100); + } |