|
1 /* basic scrollbar styling */ |
|
2 /* vertical scrollbar */ |
|
3 .mCSB_container{ |
|
4 width:auto; |
|
5 margin-right:30px; |
|
6 overflow:hidden; |
|
7 } |
|
8 .mCSB_container.mCS_no_scrollbar{ |
|
9 margin-right:0; |
|
10 } |
|
11 .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, |
|
12 .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ |
|
13 margin-right:30px; |
|
14 } |
|
15 .mCustomScrollBox>.mCSB_scrollTools{ |
|
16 width:16px; |
|
17 height:100%; |
|
18 top:0; |
|
19 right:0; |
|
20 } |
|
21 .mCSB_scrollTools .mCSB_draggerContainer{ |
|
22 position:absolute; |
|
23 top:0; |
|
24 left:0; |
|
25 bottom:0; |
|
26 right:0; |
|
27 height:auto; |
|
28 } |
|
29 .mCSB_scrollTools a+.mCSB_draggerContainer{ |
|
30 margin:20px 0; |
|
31 } |
|
32 .mCSB_scrollTools .mCSB_draggerRail{ |
|
33 width:2px; |
|
34 height:100%; |
|
35 margin:0 auto; |
|
36 -webkit-border-radius:10px; |
|
37 -moz-border-radius:10px; |
|
38 border-radius:10px; |
|
39 } |
|
40 .mCSB_scrollTools .mCSB_dragger{ |
|
41 cursor:pointer; |
|
42 width:100%; |
|
43 height:30px; |
|
44 } |
|
45 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
46 width:4px; |
|
47 height:100%; |
|
48 margin:0 auto; |
|
49 -webkit-border-radius:10px; |
|
50 -moz-border-radius:10px; |
|
51 border-radius:10px; |
|
52 text-align:center; |
|
53 } |
|
54 .mCSB_scrollTools .mCSB_buttonUp, |
|
55 .mCSB_scrollTools .mCSB_buttonDown{ |
|
56 display:block; |
|
57 position:relative; |
|
58 height:20px; |
|
59 overflow:hidden; |
|
60 margin:0 auto; |
|
61 cursor:pointer; |
|
62 } |
|
63 .mCSB_scrollTools .mCSB_buttonDown{ |
|
64 top:100%; |
|
65 margin-top:-40px; |
|
66 } |
|
67 /* horizontal scrollbar */ |
|
68 .mCSB_horizontal>.mCSB_container{ |
|
69 height:auto; |
|
70 margin-right:0; |
|
71 margin-bottom:30px; |
|
72 overflow:hidden; |
|
73 } |
|
74 .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ |
|
75 margin-bottom:0; |
|
76 } |
|
77 .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, |
|
78 .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ |
|
79 margin-right:0; |
|
80 margin-bottom:30px; |
|
81 } |
|
82 .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ |
|
83 width:100%; |
|
84 height:16px; |
|
85 top:auto; |
|
86 right:auto; |
|
87 bottom:0; |
|
88 left:0; |
|
89 overflow:hidden; |
|
90 } |
|
91 .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ |
|
92 margin:0 20px; |
|
93 } |
|
94 .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
95 width:100%; |
|
96 height:2px; |
|
97 margin:7px 0; |
|
98 -webkit-border-radius:10px; |
|
99 -moz-border-radius:10px; |
|
100 border-radius:10px; |
|
101 } |
|
102 .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ |
|
103 width:30px; |
|
104 height:100%; |
|
105 } |
|
106 .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
107 width:100%; |
|
108 height:4px; |
|
109 margin:6px auto; |
|
110 -webkit-border-radius:10px; |
|
111 -moz-border-radius:10px; |
|
112 border-radius:10px; |
|
113 } |
|
114 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, |
|
115 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ |
|
116 display:block; |
|
117 position:relative; |
|
118 width:20px; |
|
119 height:100%; |
|
120 overflow:hidden; |
|
121 margin:0 auto; |
|
122 cursor:pointer; |
|
123 float:left; |
|
124 } |
|
125 .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ |
|
126 margin-left:-40px; |
|
127 float:right; |
|
128 } |
|
129 .mCustomScrollBox{ |
|
130 -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ |
|
131 } |
|
132 |
|
133 /* default scrollbar colors and backgrounds (default theme) */ |
|
134 .mCustomScrollBox>.mCSB_scrollTools{ |
|
135 opacity:0.75; |
|
136 filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ |
|
137 } |
|
138 .mCustomScrollBox:hover>.mCSB_scrollTools{ |
|
139 opacity:1; |
|
140 filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ |
|
141 } |
|
142 .mCSB_scrollTools .mCSB_draggerRail{ |
|
143 background:#000; /* rgba fallback */ |
|
144 background:rgba(0,0,0,0.4); |
|
145 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ |
|
146 } |
|
147 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
148 background:#fff; /* rgba fallback */ |
|
149 background:rgba(255,255,255,0.75); |
|
150 filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ |
|
151 } |
|
152 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
153 background:rgba(255,255,255,0.85); |
|
154 filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ |
|
155 } |
|
156 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
157 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
158 background:rgba(255,255,255,0.9); |
|
159 filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ |
|
160 } |
|
161 .mCSB_scrollTools .mCSB_buttonUp, |
|
162 .mCSB_scrollTools .mCSB_buttonDown, |
|
163 .mCSB_scrollTools .mCSB_buttonLeft, |
|
164 .mCSB_scrollTools .mCSB_buttonRight{ |
|
165 background-image:url(../../img/mCSB_buttons.png); |
|
166 background-repeat:no-repeat; |
|
167 opacity:0.4; |
|
168 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ |
|
169 } |
|
170 .mCSB_scrollTools .mCSB_buttonUp{ |
|
171 background-position:0 0; |
|
172 /* |
|
173 sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) |
|
174 */ |
|
175 } |
|
176 .mCSB_scrollTools .mCSB_buttonDown{ |
|
177 background-position:0 -20px; |
|
178 /* |
|
179 sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) |
|
180 */ |
|
181 } |
|
182 .mCSB_scrollTools .mCSB_buttonLeft{ |
|
183 background-position:0 -40px; |
|
184 /* |
|
185 sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) |
|
186 */ |
|
187 } |
|
188 .mCSB_scrollTools .mCSB_buttonRight{ |
|
189 background-position:0 -56px; |
|
190 /* |
|
191 sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) |
|
192 */ |
|
193 } |
|
194 .mCSB_scrollTools .mCSB_buttonUp:hover, |
|
195 .mCSB_scrollTools .mCSB_buttonDown:hover, |
|
196 .mCSB_scrollTools .mCSB_buttonLeft:hover, |
|
197 .mCSB_scrollTools .mCSB_buttonRight:hover{ |
|
198 opacity:0.75; |
|
199 filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ |
|
200 } |
|
201 .mCSB_scrollTools .mCSB_buttonUp:active, |
|
202 .mCSB_scrollTools .mCSB_buttonDown:active, |
|
203 .mCSB_scrollTools .mCSB_buttonLeft:active, |
|
204 .mCSB_scrollTools .mCSB_buttonRight:active{ |
|
205 opacity:0.9; |
|
206 filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ |
|
207 } |
|
208 |
|
209 /*scrollbar themes*/ |
|
210 /*dark (dark colored scrollbar)*/ |
|
211 .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ |
|
212 background:#000; /* rgba fallback */ |
|
213 background:rgba(0,0,0,0.15); |
|
214 } |
|
215 .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
216 background:#000; /* rgba fallback */ |
|
217 background:rgba(0,0,0,0.75); |
|
218 } |
|
219 .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
220 background:rgba(0,0,0,0.85); |
|
221 } |
|
222 .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
223 .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
224 background:rgba(0,0,0,0.9); |
|
225 } |
|
226 .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ |
|
227 background-position:-80px 0; |
|
228 } |
|
229 .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ |
|
230 background-position:-80px -20px; |
|
231 } |
|
232 .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
233 background-position:-80px -40px; |
|
234 } |
|
235 .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ |
|
236 background-position:-80px -56px; |
|
237 } |
|
238 /*light-2*/ |
|
239 .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ |
|
240 width:4px; |
|
241 background:#fff; /* rgba fallback */ |
|
242 background:rgba(255,255,255,0.1); |
|
243 -webkit-border-radius:1px; |
|
244 -moz-border-radius:1px; |
|
245 border-radius:1px; |
|
246 } |
|
247 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
248 width:4px; |
|
249 background:#fff; /* rgba fallback */ |
|
250 background:rgba(255,255,255,0.75); |
|
251 -webkit-border-radius:1px; |
|
252 -moz-border-radius:1px; |
|
253 border-radius:1px; |
|
254 } |
|
255 .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
256 width:100%; |
|
257 height:4px; |
|
258 margin:6px 0; |
|
259 } |
|
260 .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
261 width:100%; |
|
262 height:4px; |
|
263 margin:6px auto; |
|
264 } |
|
265 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
266 background:rgba(255,255,255,0.85); |
|
267 } |
|
268 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
269 .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
270 background:rgba(255,255,255,0.9); |
|
271 } |
|
272 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{ |
|
273 background-position:-32px 0; |
|
274 } |
|
275 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{ |
|
276 background-position:-32px -20px; |
|
277 } |
|
278 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
279 background-position:-40px -40px; |
|
280 } |
|
281 .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{ |
|
282 background-position:-40px -56px; |
|
283 } |
|
284 /*dark-2*/ |
|
285 .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ |
|
286 width:4px; |
|
287 background:#000; /* rgba fallback */ |
|
288 background:rgba(0,0,0,0.1); |
|
289 -webkit-border-radius:1px; |
|
290 -moz-border-radius:1px; |
|
291 border-radius:1px; |
|
292 } |
|
293 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
294 width:4px; |
|
295 background:#000; /* rgba fallback */ |
|
296 background:rgba(0,0,0,0.75); |
|
297 -webkit-border-radius:1px; |
|
298 -moz-border-radius:1px; |
|
299 border-radius:1px; |
|
300 } |
|
301 .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
302 width:100%; |
|
303 height:4px; |
|
304 margin:6px 0; |
|
305 } |
|
306 .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
307 width:100%; |
|
308 height:4px; |
|
309 margin:6px auto; |
|
310 } |
|
311 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
312 background:rgba(0,0,0,0.85); |
|
313 } |
|
314 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
315 .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
316 background:rgba(0,0,0,0.9); |
|
317 } |
|
318 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ |
|
319 background-position:-112px 0; |
|
320 } |
|
321 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ |
|
322 background-position:-112px -20px; |
|
323 } |
|
324 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
325 background-position:-120px -40px; |
|
326 } |
|
327 .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ |
|
328 background-position:-120px -56px; |
|
329 } |
|
330 /*light-thick*/ |
|
331 .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ |
|
332 width:4px; |
|
333 background:#fff; /* rgba fallback */ |
|
334 background:rgba(255,255,255,0.1); |
|
335 -webkit-border-radius:2px; |
|
336 -moz-border-radius:2px; |
|
337 border-radius:2px; |
|
338 } |
|
339 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
340 width:6px; |
|
341 background:#fff; /* rgba fallback */ |
|
342 background:rgba(255,255,255,0.75); |
|
343 -webkit-border-radius:2px; |
|
344 -moz-border-radius:2px; |
|
345 border-radius:2px; |
|
346 } |
|
347 .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
348 width:100%; |
|
349 height:4px; |
|
350 margin:6px 0; |
|
351 } |
|
352 .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
353 width:100%; |
|
354 height:6px; |
|
355 margin:5px auto; |
|
356 } |
|
357 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
358 background:rgba(255,255,255,0.85); |
|
359 } |
|
360 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
361 .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
362 background:rgba(255,255,255,0.9); |
|
363 } |
|
364 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ |
|
365 background-position:-16px 0; |
|
366 } |
|
367 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ |
|
368 background-position:-16px -20px; |
|
369 } |
|
370 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
371 background-position:-20px -40px; |
|
372 } |
|
373 .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ |
|
374 background-position:-20px -56px; |
|
375 } |
|
376 /*dark-thick*/ |
|
377 .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ |
|
378 width:4px; |
|
379 background:#000; /* rgba fallback */ |
|
380 background:rgba(0,0,0,0.1); |
|
381 -webkit-border-radius:2px; |
|
382 -moz-border-radius:2px; |
|
383 border-radius:2px; |
|
384 } |
|
385 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
386 width:6px; |
|
387 background:#000; /* rgba fallback */ |
|
388 background:rgba(0,0,0,0.75); |
|
389 -webkit-border-radius:2px; |
|
390 -moz-border-radius:2px; |
|
391 border-radius:2px; |
|
392 } |
|
393 .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
394 width:100%; |
|
395 height:4px; |
|
396 margin:6px 0; |
|
397 } |
|
398 .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
399 width:100%; |
|
400 height:6px; |
|
401 margin:5px auto; |
|
402 } |
|
403 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
404 background:rgba(0,0,0,0.85); |
|
405 } |
|
406 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
407 .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
408 background:rgba(0,0,0,0.9); |
|
409 } |
|
410 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ |
|
411 background-position:-96px 0; |
|
412 } |
|
413 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ |
|
414 background-position:-96px -20px; |
|
415 } |
|
416 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
417 background-position:-100px -40px; |
|
418 } |
|
419 .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ |
|
420 background-position:-100px -56px; |
|
421 } |
|
422 /*light-thin*/ |
|
423 .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ |
|
424 background:#fff; /* rgba fallback */ |
|
425 background:rgba(255,255,255,0.1); |
|
426 } |
|
427 .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
428 width:2px; |
|
429 } |
|
430 .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
431 width:100%; |
|
432 } |
|
433 .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
434 width:100%; |
|
435 height:2px; |
|
436 margin:7px auto; |
|
437 } |
|
438 /*dark-thin*/ |
|
439 .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ |
|
440 background:#000; /* rgba fallback */ |
|
441 background:rgba(0,0,0,0.15); |
|
442 } |
|
443 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
444 width:2px; |
|
445 background:#000; /* rgba fallback */ |
|
446 background:rgba(0,0,0,0.75); |
|
447 } |
|
448 .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ |
|
449 width:100%; |
|
450 } |
|
451 .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
452 width:100%; |
|
453 height:2px; |
|
454 margin:7px auto; |
|
455 } |
|
456 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
457 background:rgba(0,0,0,0.85); |
|
458 } |
|
459 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
460 .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
461 background:rgba(0,0,0,0.9); |
|
462 } |
|
463 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ |
|
464 background-position:-80px 0; |
|
465 } |
|
466 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ |
|
467 background-position:-80px -20px; |
|
468 } |
|
469 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ |
|
470 background-position:-80px -40px; |
|
471 } |
|
472 .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ |
|
473 background-position:-80px -56px; |
|
474 } |
|
475 |
|
476 /* custom styling */ |
|
477 /* content_1 scrollbar */ |
|
478 .content_1>.mCustomScrollBox>.mCSB_scrollTools{ |
|
479 height:96%; |
|
480 top:2%; |
|
481 } |
|
482 /* content_2 scrollbar */ |
|
483 .content_2 .mCSB_scrollTools .mCSB_draggerRail{ |
|
484 width:6px; |
|
485 box-shadow:1px 1px 1px rgba(255,255,255,0.1); |
|
486 } |
|
487 .content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
488 background:rgba(255,255,255,0.4); |
|
489 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ |
|
490 } |
|
491 .content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ |
|
492 background:rgba(255,255,255,0.5); |
|
493 filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */ |
|
494 } |
|
495 .content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
496 .content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
497 background:rgba(255,255,255,0.6); |
|
498 filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */ |
|
499 } |
|
500 /* content_3 scrollbar */ |
|
501 .content_3>.mCustomScrollBox>.mCSB_scrollTools{ |
|
502 height:94%; |
|
503 top:3%; |
|
504 } |
|
505 .content_3 .mCSB_scrollTools .mCSB_draggerRail{ |
|
506 width:0; |
|
507 border-right:1px dashed #09C; |
|
508 } |
|
509 .content_3 .mCSB_scrollTools .mCSB_dragger{ |
|
510 height:11px; |
|
511 } |
|
512 .content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
513 width:11px; |
|
514 -webkit-border-radius:11px; |
|
515 -moz-border-radius:11px; |
|
516 border-radius:11px; |
|
517 background:#09C; |
|
518 } |
|
519 /* content_4 scrollbar */ |
|
520 .content_4>.mCustomScrollBox>.mCSB_scrollTools{ |
|
521 height:94%; |
|
522 top:3%; |
|
523 } |
|
524 .content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ |
|
525 width:8px; |
|
526 -webkit-border-radius:2px; |
|
527 -moz-border-radius:2px; |
|
528 border-radius:2px; |
|
529 background:#d0b9a0; |
|
530 -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5); |
|
531 -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5); |
|
532 box-shadow:1px 1px 5px rgba(0,0,0,0.5); |
|
533 } |
|
534 .content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, |
|
535 .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
536 background:#dfcdb9; |
|
537 } |
|
538 .content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, |
|
539 .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ |
|
540 -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); |
|
541 -moz-box-shadow:0 0 3px rgba(0,0,0,0.5); |
|
542 box-shadow:0 0 3px rgba(0,0,0,0.5); |
|
543 } |
|
544 /* content_5 scrollbar */ |
|
545 .content_5>.mCustomScrollBox>.mCSB_scrollTools{ |
|
546 width: 98%; |
|
547 margin: 0 1%; |
|
548 } |
|
549 /* content_6 scrollbar */ |
|
550 .content_6>.mCustomScrollBox>.mCSB_scrollTools{ |
|
551 width:88%; |
|
552 margin: 0 6%; |
|
553 } |
|
554 /* content_8 scrollbar */ |
|
555 .content_8 .mCSB_scrollTools .mCSB_draggerRail{ |
|
556 width:0px; |
|
557 border-left:1px solid rgba(0,0,0,0.8); |
|
558 border-right:1px solid rgba(255,255,255,0.2); |
|
559 } |