diff options
| -rw-r--r-- | app/assets/stylesheets/responsive/_search_style.scss | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/app/assets/stylesheets/responsive/_search_style.scss b/app/assets/stylesheets/responsive/_search_style.scss index 9526bc05b..3a952865d 100644 --- a/app/assets/stylesheets/responsive/_search_style.scss +++ b/app/assets/stylesheets/responsive/_search_style.scss @@ -80,7 +80,7 @@ input.use-datepicker[type=text] { display: inline-block; } ul { - border: 1px solid #e9e9e9; + border: 1px solid #ccc; border-radius: 3px; width: 100%; font-size: 0; @@ -88,22 +88,22 @@ input.use-datepicker[type=text] { border-right: 0; } } - li { + a, span { width: 100%; text-align: center; display: block; font-size: 16px; padding: 0.5em 0.75em; - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid #ccc; @include respond-min( 20em ){ width: auto; display: inline-block; - border-right: 1px solid #e9e9e9; + border-right: 1px solid #ccc; border-bottom: 0; width: 50%; &:nth-child(1), &:nth-child(2) { - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid #ccc; } } @@ -114,8 +114,15 @@ input.use-datepicker[type=text] { } } } - a { + a, span { display: block; } - + span { + background-color: #f4f4f4; + //older browsers will just see a flat background, new browsers will see an indent + -webkit-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + -o-box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1) + box-shadow: inset 0 2px 5px 1px rgba(0, 0, 0, 0.1); + } } |