diff options
author | Mark Otto <otto@github.com> | 2013-08-23 21:44:13 +0400 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2013-08-23 21:44:13 +0400 |
commit | a0d0864bd709878c721093ea6ab779f33b676917 (patch) | |
tree | eda5cabf3ead175e81c9b178ca01b1c808b494e5 /dist/css/bootstrap-theme.css | |
parent | 5bbbdb399bbcd6695fedb73ae9f7b3f6a9300c06 (diff) |
fixes #9877: improve active state on nav list items in theme
Diffstat (limited to 'dist/css/bootstrap-theme.css')
-rw-r--r-- | dist/css/bootstrap-theme.css | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/dist/css/bootstrap-theme.css b/dist/css/bootstrap-theme.css index 806422ca6e..f4f1916cae 100644 --- a/dist/css/bootstrap-theme.css +++ b/dist/css/bootstrap-theme.css @@ -184,7 +184,7 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } -.navbar { +.navbar-default { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); @@ -196,8 +196,15 @@ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); } -.navbar .navbar-nav > .active > a { - background-color: #f8f8f8; +.navbar-default .navbar-nav > .active > a { + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f3f3f3)); + background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f3f3f3, 100%); + background-image: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); + background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); + -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); } .navbar-brand, @@ -215,7 +222,14 @@ } .navbar-inverse .navbar-nav > .active > a { - background-color: #222222; + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222222), to(#272727)); + background-image: -webkit-linear-gradient(top, #222222, 0%, #272727, 100%); + background-image: -moz-linear-gradient(top, #222222 0%, #272727 100%); + background-image: linear-gradient(to bottom, #222222 0%, #272727 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff272727', GradientType=0); + -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); + box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .navbar-inverse .navbar-brand, |