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*/