Mercurial > public > bravenewsurf

comparison bns_website/static/css/bx_styles.css @ 64:aaac975df679

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 98cc19041d8f
children
comparison
equal deleted inserted replaced
63:b0f4ea06c698 64:aaac975df679
29 29
30 /*pager links*/ 30 /*pager links*/
31 .bx-pager a { 31 .bx-pager a {
32 margin-right: 5px; 32 margin-right: 5px;
33 color: #fff; 33 color: #fff;
34 padding: 3px 8px 3px 6px; 34 padding: 3px 7px 3px 7px;
35 font-size: 12px; 35 font-size: 12px;
36 zoom:1; 36 zoom:1;
37 background: url(../images/gray_pager.png) no-repeat 0 -20px; 37 background-color: #aaa;
38 -moz-border-radius: 20px;
39 -webkit-border-radius: 20px;
38 } 40 }
39 41
40 /*auto start button*/ 42 /*auto start button*/
41 .bx-auto .start { 43 .bx-auto .start {
42 background: url(../images/gray_auto.png) no-repeat 0 2px; 44 background: url(../images/gray_auto.png) no-repeat 0 2px;
61 } 63 }
62 64
63 /*pager links hover and active states*/ 65 /*pager links hover and active states*/
64 .bx-pager .pager-active, 66 .bx-pager .pager-active,
65 .bx-pager a:hover { 67 .bx-pager a:hover {
66 background-position: 0 0; 68 background-color: #666;
69 text-decoration: none;
67 } 70 }
68 71
69 /*pager wrapper*/ 72 /*pager wrapper*/
70 .bx-pager { 73 .bx-pager {
71 text-align:center; 74 text-align:center;