Mercurial > public > bravenewsurf
changeset 64:aaac975df679
Tweaking the bxslider's pager CSS. Before, with the images, the numbers > 9 were not centered on their circles. Made an attempt to create circles with CSS instead. The higher numbered ones have kind of a flattened top. Not sure how to fix that right now.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Sat, 19 Nov 2011 16:32:28 -0600 |
parents | b0f4ea06c698 |
children | a878a98292a8 |
files | bns_website/static/css/bx_styles.css |
diffstat | 1 files changed, 6 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/bns_website/static/css/bx_styles.css Sat Nov 19 14:59:35 2011 -0600 +++ b/bns_website/static/css/bx_styles.css Sat Nov 19 16:32:28 2011 -0600 @@ -31,10 +31,12 @@ .bx-pager a { margin-right: 5px; color: #fff; - padding: 3px 8px 3px 6px; + padding: 3px 7px 3px 7px; font-size: 12px; zoom:1; - background: url(../images/gray_pager.png) no-repeat 0 -20px; + background-color: #aaa; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; } /*auto start button*/ @@ -63,7 +65,8 @@ /*pager links hover and active states*/ .bx-pager .pager-active, .bx-pager a:hover { - background-position: 0 0; + background-color: #666; + text-decoration: none; } /*pager wrapper*/