Mercurial > public > bravenewsurf

comparison bns_website/static/css/bx_styles.css @ 53:98cc19041d8f bands-experimental-ui

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
New slider based design for the Bands page.
author Chris Ridgway <ckridgway@gmail.com>
date Mon, 14 Nov 2011 19:55:14 -0600
parents
children aaac975df679
comparison
equal deleted inserted replaced
52:12a39a6f5247 53:98cc19041d8f
1 /*
2 * To change the color scheme of slider change each
3 * background property for each of the five styles below
4 */
5
6 /*next button*/
7 .bx-next {
8 position:absolute;
9 top:40%;
10 right:-50px;
11 z-index:999;
12 width: 30px;
13 height: 30px;
14 text-indent: -999999px;
15 background: url(../images/gray_next.png) no-repeat 0 -30px;
16 }
17
18 /*previous button*/
19 .bx-prev {
20 position:absolute;
21 top:40%;
22 left:-50px;
23 z-index:999;
24 width: 30px;
25 height: 30px;
26 text-indent: -999999px;
27 background: url(../images/gray_prev.png) no-repeat 0 -30px;
28 }
29
30 /*pager links*/
31 .bx-pager a {
32 margin-right: 5px;
33 color: #fff;
34 padding: 3px 8px 3px 6px;
35 font-size: 12px;
36 zoom:1;
37 background: url(../images/gray_pager.png) no-repeat 0 -20px;
38 }
39
40 /*auto start button*/
41 .bx-auto .start {
42 background: url(../images/gray_auto.png) no-repeat 0 2px;
43 padding-left: 13px;
44 }
45
46 /*auto stop button*/
47 .bx-auto .stop {
48 background: url(../images/gray_auto.png) no-repeat 0 -14px;
49 padding-left: 13px;
50 }
51
52 /*
53 * End color scheme styles
54 */
55
56
57 /*next/prev button hover state*/
58 .bx-next:hover,
59 .bx-prev:hover {
60 background-position: 0 0;
61 }
62
63 /*pager links hover and active states*/
64 .bx-pager .pager-active,
65 .bx-pager a:hover {
66 background-position: 0 0;
67 }
68
69 /*pager wrapper*/
70 .bx-pager {
71 text-align:center;
72 padding-top: 7px;
73 font-size:12px;
74 color:#666;
75 }
76
77 /*captions*/
78 .bx-captions {
79 text-align:center;
80 font-size: 12px;
81 padding: 7px 0;
82 color: #666;
83 }
84
85 /*auto controls*/
86 .bx-auto {
87 text-align: center;
88 padding-top: 7px;
89 }
90
91 .bx-auto a {
92 color: #666;
93 font-size: 12px;
94 }
95
96
97
98
99
100
101
102
103
104