From 3db77c1450a61d6f1bfbe023ab1cf3d067987155 Mon Sep 17 00:00:00 2001 From: connors Date: Tue, 13 Aug 2013 22:07:20 -0700 Subject: [PATCH] Refining the borders on bars. --- dist/ratchet.css | 13 ++++++++----- lib/css/bars.css | 13 ++++++++----- 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/dist/ratchet.css b/dist/ratchet.css index 55677eb..26b48b7 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -169,7 +169,8 @@ a { height: 44px; padding: 5px; background-color: rgba(247,247,247,.98); - border-bottom: 1px solid rgba(0,0,0,.3); + box-shadow: 0 0px 1px rgba(0,0,0,.85); + /*border-bottom: 1px solid rgba(0,0,0,.3);*/ box-sizing: border-box; } @@ -186,8 +187,9 @@ a { /* Flip border position to top for footer bars */ .bar-footer.bar-standard, .bar-footer-secondary.bar-standard { - border-top: 1px solid #aaa; - border-bottom-width: 0; + /*border-top: 1px solid #aaa; + border-bottom-width: 0;*/ + box-shadow: 0 0px 1px rgba(0,0,0,.85); } /* Title bar @@ -236,8 +238,9 @@ a { bottom: 0; height: 50px; padding: 0; - border-top: 1px solid rgba(0,0,0,.3); - border-bottom-width: 0; + /*border-top: 1px solid rgba(0,0,0,.3); + border-bottom-width: 0;*/ + box-shadow: 0 0px 1px rgba(0,0,0,.85); } /* Wrapper for individual tab */ diff --git a/lib/css/bars.css b/lib/css/bars.css index a8726c7..efa9e1b 100644 --- a/lib/css/bars.css +++ b/lib/css/bars.css @@ -9,7 +9,8 @@ height: 44px; padding: 5px; background-color: rgba(247,247,247,.98); - border-bottom: 1px solid rgba(0,0,0,.3); + box-shadow: 0 0px 1px rgba(0,0,0,.85); + /*border-bottom: 1px solid rgba(0,0,0,.3);*/ box-sizing: border-box; } @@ -26,8 +27,9 @@ /* Flip border position to top for footer bars */ .bar-footer.bar-standard, .bar-footer-secondary.bar-standard { - border-top: 1px solid #aaa; - border-bottom-width: 0; + /*border-top: 1px solid #aaa; + border-bottom-width: 0;*/ + box-shadow: 0 0px 1px rgba(0,0,0,.85); } /* Title bar @@ -76,8 +78,9 @@ bottom: 0; height: 50px; padding: 0; - border-top: 1px solid rgba(0,0,0,.3); - border-bottom-width: 0; + /*border-top: 1px solid rgba(0,0,0,.3); + border-bottom-width: 0;*/ + box-shadow: 0 0px 1px rgba(0,0,0,.85); } /* Wrapper for individual tab */