harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

provide nav_min_opacity which allows the navbar to fade or even vanish until hovered with a value of for instance '0';

Browse Source
This commit is contained in:
friendica
2013-11-03 14:26:42 -08:00
parent 8a75e92020
commit 5ba813397b
4 changed files with 39 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
view/theme/redbasic/css/style.css
View File

@@ -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);
}