Mercurial > public > bravenewsurf

annotate bns_website/static/css/bx_styles.css @ 87:fbeda0f5f3be

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix for odd Webkit CSS issue when using jPlayer Blue Monday skin and our CSS. All instances of the Future Bugler font on the Listen page were jaggie and smaller than expected.
author Chris Ridgway <ckridgway@gmail.com>
date Sun, 27 Nov 2011 15:06:26 -0600
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