Mercurial > public > bravenewsurf
annotate bns_website/static/css/bx_styles.css @ 108:9ca05ec9b64e tip
Update buy links.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Sat, 27 Sep 2014 12:36:06 -0500 |
parents | aaac975df679 |
children |
rev | line source |
---|---|
ckridgway@53 | 1 /* |
ckridgway@53 | 2 * To change the color scheme of slider change each |
ckridgway@53 | 3 * background property for each of the five styles below |
ckridgway@53 | 4 */ |
ckridgway@53 | 5 |
ckridgway@53 | 6 /*next button*/ |
ckridgway@53 | 7 .bx-next { |
ckridgway@53 | 8 position:absolute; |
ckridgway@53 | 9 top:40%; |
ckridgway@53 | 10 right:-50px; |
ckridgway@53 | 11 z-index:999; |
ckridgway@53 | 12 width: 30px; |
ckridgway@53 | 13 height: 30px; |
ckridgway@53 | 14 text-indent: -999999px; |
ckridgway@53 | 15 background: url(../images/gray_next.png) no-repeat 0 -30px; |
ckridgway@53 | 16 } |
ckridgway@53 | 17 |
ckridgway@53 | 18 /*previous button*/ |
ckridgway@53 | 19 .bx-prev { |
ckridgway@53 | 20 position:absolute; |
ckridgway@53 | 21 top:40%; |
ckridgway@53 | 22 left:-50px; |
ckridgway@53 | 23 z-index:999; |
ckridgway@53 | 24 width: 30px; |
ckridgway@53 | 25 height: 30px; |
ckridgway@53 | 26 text-indent: -999999px; |
ckridgway@53 | 27 background: url(../images/gray_prev.png) no-repeat 0 -30px; |
ckridgway@53 | 28 } |
ckridgway@53 | 29 |
ckridgway@53 | 30 /*pager links*/ |
ckridgway@53 | 31 .bx-pager a { |
ckridgway@53 | 32 margin-right: 5px; |
ckridgway@53 | 33 color: #fff; |
bgneal@64 | 34 padding: 3px 7px 3px 7px; |
ckridgway@53 | 35 font-size: 12px; |
ckridgway@53 | 36 zoom:1; |
bgneal@64 | 37 background-color: #aaa; |
bgneal@64 | 38 -moz-border-radius: 20px; |
bgneal@64 | 39 -webkit-border-radius: 20px; |
ckridgway@53 | 40 } |
ckridgway@53 | 41 |
ckridgway@53 | 42 /*auto start button*/ |
ckridgway@53 | 43 .bx-auto .start { |
ckridgway@53 | 44 background: url(../images/gray_auto.png) no-repeat 0 2px; |
ckridgway@53 | 45 padding-left: 13px; |
ckridgway@53 | 46 } |
ckridgway@53 | 47 |
ckridgway@53 | 48 /*auto stop button*/ |
ckridgway@53 | 49 .bx-auto .stop { |
ckridgway@53 | 50 background: url(../images/gray_auto.png) no-repeat 0 -14px; |
ckridgway@53 | 51 padding-left: 13px; |
ckridgway@53 | 52 } |
ckridgway@53 | 53 |
ckridgway@53 | 54 /* |
ckridgway@53 | 55 * End color scheme styles |
ckridgway@53 | 56 */ |
ckridgway@53 | 57 |
ckridgway@53 | 58 |
ckridgway@53 | 59 /*next/prev button hover state*/ |
ckridgway@53 | 60 .bx-next:hover, |
ckridgway@53 | 61 .bx-prev:hover { |
ckridgway@53 | 62 background-position: 0 0; |
ckridgway@53 | 63 } |
ckridgway@53 | 64 |
ckridgway@53 | 65 /*pager links hover and active states*/ |
ckridgway@53 | 66 .bx-pager .pager-active, |
ckridgway@53 | 67 .bx-pager a:hover { |
bgneal@64 | 68 background-color: #666; |
bgneal@64 | 69 text-decoration: none; |
ckridgway@53 | 70 } |
ckridgway@53 | 71 |
ckridgway@53 | 72 /*pager wrapper*/ |
ckridgway@53 | 73 .bx-pager { |
ckridgway@53 | 74 text-align:center; |
ckridgway@53 | 75 padding-top: 7px; |
ckridgway@53 | 76 font-size:12px; |
ckridgway@53 | 77 color:#666; |
ckridgway@53 | 78 } |
ckridgway@53 | 79 |
ckridgway@53 | 80 /*captions*/ |
ckridgway@53 | 81 .bx-captions { |
ckridgway@53 | 82 text-align:center; |
ckridgway@53 | 83 font-size: 12px; |
ckridgway@53 | 84 padding: 7px 0; |
ckridgway@53 | 85 color: #666; |
ckridgway@53 | 86 } |
ckridgway@53 | 87 |
ckridgway@53 | 88 /*auto controls*/ |
ckridgway@53 | 89 .bx-auto { |
ckridgway@53 | 90 text-align: center; |
ckridgway@53 | 91 padding-top: 7px; |
ckridgway@53 | 92 } |
ckridgway@53 | 93 |
ckridgway@53 | 94 .bx-auto a { |
ckridgway@53 | 95 color: #666; |
ckridgway@53 | 96 font-size: 12px; |
ckridgway@53 | 97 } |
ckridgway@53 | 98 |
ckridgway@53 | 99 |
ckridgway@53 | 100 |
ckridgway@53 | 101 |
ckridgway@53 | 102 |
ckridgway@53 | 103 |
ckridgway@53 | 104 |
ckridgway@53 | 105 |
ckridgway@53 | 106 |
ckridgway@53 | 107 |