From f33131c790d6255cce65551e58c344709178160f Mon Sep 17 00:00:00 2001 From: Krytarik Raido Date: Sun, 7 Jun 2015 20:01:56 +0200 Subject: Apply an actual gradient to the menu items. --- themes/custom/assets/css/custom.css | 39 +++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) (limited to 'themes/custom/assets/css/custom.css') 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); + } +} -- cgit v1.2.3