diff options
| author |   Krytarik Raido <krytarik@tuxgarage.com> | 2015-06-07 20:01:56 +0200 |
|---|---|---|
| committer | Krytarik Raido <krytarik@tuxgarage.com> | 2015-06-07 20:01:56 +0200 |
| commit | f33131c790d6255cce65551e58c344709178160f (patch) | |
| tree | 8ce0ccd4270c5b13eabe1f2b4cd8daa0afa07bb3 /themes | |
| parent | dfcdba3eaadc0d01bcfad4de43d86d8c9ea0f57a (diff) | |
Apply an actual gradient to the menu items.
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/custom/assets/css/custom.css | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/themes/custom/assets/css/custom.css b/themes/custom/assets/css/custom.css index a5ecc13..40a5d38 100644 --- a/themes/custom/assets/css/custom.css +++ b/themes/custom/assets/css/custom.css @@ -48,3 +48,42 @@ code, pre { display: none; } } + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + background-color: #33b5e5; + background-image: -moz-linear-gradient(top, #33b5e5, #020202); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b5e5), to(#020202)); + background-image: -webkit-linear-gradient(top, #33b5e5, #020202); + background-image: -o-linear-gradient(top, #33b5e5, #020202); + background-image: linear-gradient(to bottom, #33b5e5, #020202); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33b5e5', endColorstr='#ff020202', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background-color: #33b5e5; + background-image: -moz-linear-gradient(top, #33b5e5, #020202); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b5e5), to(#020202)); + background-image: -webkit-linear-gradient(top, #33b5e5, #020202); + background-image: -o-linear-gradient(top, #33b5e5, #020202); + background-image: linear-gradient(to bottom, #33b5e5, #020202); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33b5e5', endColorstr='#ff020202', GradientType=0); +} + +@media (max-width: 979px) { + .navbar .nav-collapse .nav li > a:hover, + .navbar .nav-collapse .nav .active > a, + .navbar .nav-collapse .dropdown-menu a:hover { + background-color: #33b5e5; + background-image: -moz-linear-gradient(top, #33b5e5, #020202); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b5e5), to(#020202)); + background-image: -webkit-linear-gradient(top, #33b5e5, #020202); + background-image: -o-linear-gradient(top, #33b5e5, #020202); + background-image: linear-gradient(to bottom, #33b5e5, #020202); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33b5e5', endColorstr='#ff020202', GradientType=0); + } +} |