slider.css
2.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
/* slider */
.slider-holder {
/*background: url(../img/bg.gif) repeat-x;*/
width:100%;
height: 300px;
}
.slider-frame {
width:100%;
/*background: url(../img/bg-gallery.jpg) no-repeat 50% 0;*/
height: 750px;
}
#slider {
/* You MUST specify the width and height */
/*width:981px;*/
width:1190px;
height:300px;
position:relative;
overflow:hidden;
margin:0 auto;
border-radius: 2px;
}
#mask-gallery {
overflow:hidden;
}
#gallery {
/* Clear the list style */
list-style:none;
margin:0;
padding:0;
z-index:0;
/* width = total items multiply with #mask gallery width */
width:1190px;
overflow:hidden;
}
#gallery li {
/* float left, so that the items are arrangged horizontally */
float:left;
}
#gallery li img {
margin: 0px 15px 0 63px;
display: block;
/*
-webkit-box-shadow: 0 0 10px #999;
-moz-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
*/
}
/*gallery text-box*/
#mask-excerpt {
/* Set the position */
position:absolute;
top:0px;
right:82px;
z-index:500;
/* width should be lesser than #slider width */
width:486px;
overflow:hidden;
}
#excerpt {
/* Clear the list style */
list-style:none;
margin:0;
padding:0;
/* Set the position */
z-index:10;
position:absolute;
top:0;
left:0;
/* Set the style */
width:486px;
overflow:hidden;
color:#000;
}
#excerpt li {
padding:5px;
float:left;
font: 12px/1.6em 'microsoft yahei',Arial,sans-serif;
color:#9e9d9d;
}
#excerpt li.selected {
border-radius:5px 5px 5px 5px;
}
#excerpt h2 {
padding: 5px 0;
font-weight:normal;
}
#excerpt .btns-holder {
overflow:hidden;
padding: 0 0 42px;
}
#excerpt p {
margin: 0 0 25px;
color: #EEEEEE;
}
#excerpt .more {
background: url(../img/bg-btns.gif) repeat-x;
border:6px solid #efefef;
border-radius:16px;
padding: 13px 23px;
float:left;
margin: 0 7px 0 0;
color:#fff;
font-size:14px;
text-shadow:0 1px 0 #00416e
}
#excerpt .more:hover {
background-position:0 -55px;
text-decoration:none;
text-shadow: 0 1px 0 #718306;
}
.gbtagslogo {
background: url(../img/logo_small_hover.jpg) no-repeat;
width: 312px;
height: 150px;
display:block;
text-indent:-9999px;
overflow:hidden;
border-radius: 10px 10px 10px 10px;
}
/* gallery buttons */
#buttons {
position:absolute;
top:133px;
z-index:600;
}
#buttons #btn-prev, #buttons #btn-next {
background: url(../img/slider_nextprev.png) no-repeat;
/*height:46px;*/
height:38px;
text-indent:-9999px;
overflow:hidden;
position:absolute;
top:0;
left:5px;
/*width: 30px;*/
width: 38px;
opacity: 0.5;
}
#buttons #btn-next{
background-position: right top;
left: 1139px;
}
#buttons #btn-prev{
left: 5px;
}
#buttons #btn-prev:hover, #buttons #btn-next:hover {opacity:1;}