From feaa52e083eb369f999b9a6db39c2dd2bbdae652 Mon Sep 17 00:00:00 2001 From: Krytarik Raido Date: Mon, 1 Jun 2015 01:05:56 +0200 Subject: Make appearance of menu items consistent on smaller screens. --- themes/custom/assets/css/custom.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/themes/custom/assets/css/custom.css b/themes/custom/assets/css/custom.css index 29d2e9a..7a2006a 100644 --- a/themes/custom/assets/css/custom.css +++ b/themes/custom/assets/css/custom.css @@ -113,14 +113,16 @@ a.thumbnail:focus { } @media (max-width: 979px) { - .navbar .nav-collapse .nav li > a:hover { - background-color: #cc0000; - } - .navbar .nav-collapse .nav .active > a { - background-color: #cc0000; - } + .navbar .nav-collapse .nav li > a:hover, + .navbar .nav-collapse .nav .active > a, .navbar .nav-collapse .dropdown-menu a:hover { background-color: #cc0000; + background-image: -moz-linear-gradient(top, #cc0000, #020202); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc0000), to(#020202)); + background-image: -webkit-linear-gradient(top, #cc0000, #020202); + background-image: -o-linear-gradient(top, #cc0000, #020202); + background-image: linear-gradient(to bottom, #cc0000, #020202); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc0000', endColorstr='#ff020202', GradientType=0); } } -- cgit v1.2.3