colonymech / docs / www / colonyscout / highslide.css @ f59acf11
History | View | Annotate | Download (19.9 KB)
1 |
/**
|
---|---|
2 |
* @file: highslide.css
|
3 |
* @version: 4.1.8
|
4 |
*/
|
5 |
.highslide-container div { |
6 |
font-family: Verdana, Helvetica; |
7 |
font-size: 10pt; |
8 |
} |
9 |
.highslide-container table { |
10 |
background: none; |
11 |
} |
12 |
.highslide {
|
13 |
outline: none; |
14 |
text-decoration: none; |
15 |
} |
16 |
.highslide img { |
17 |
border: 2px solid silver; |
18 |
} |
19 |
.highslide:hover img { |
20 |
border-color: gray; |
21 |
} |
22 |
.highslide-active-anchor img { |
23 |
visibility: hidden; |
24 |
} |
25 |
.highslide-gallery .highslide-active-anchor img { |
26 |
border-color: black; |
27 |
visibility: visible; |
28 |
cursor: default; |
29 |
} |
30 |
.highslide-image {
|
31 |
border-width: 2px; |
32 |
border-style: solid; |
33 |
border-color: white; |
34 |
background: gray; |
35 |
} |
36 |
.highslide-wrapper, .highslide-outline { |
37 |
background: white; |
38 |
} |
39 |
.glossy-dark {
|
40 |
background: #111; |
41 |
} |
42 |
|
43 |
.highslide-image-blur {
|
44 |
} |
45 |
.highslide-number {
|
46 |
font-weight: bold; |
47 |
color: gray; |
48 |
font-size: .9em; |
49 |
} |
50 |
.highslide-caption {
|
51 |
display: none; |
52 |
font-size: 1em; |
53 |
padding: 5px; |
54 |
/*background: white;*/
|
55 |
} |
56 |
.highslide-heading {
|
57 |
display: none; |
58 |
font-weight: bold; |
59 |
margin: 0.4em; |
60 |
} |
61 |
.highslide-dimming {
|
62 |
position: absolute; |
63 |
background: black; |
64 |
} |
65 |
a.highslide-full-expand { |
66 |
background: url(graphics/fullexpand.gif) no-repeat; |
67 |
display: block; |
68 |
margin: 0 10px 10px 0; |
69 |
width: 34px; |
70 |
height: 34px; |
71 |
} |
72 |
.highslide-loading {
|
73 |
display: block; |
74 |
color: black; |
75 |
font-size: 9px; |
76 |
font-weight: bold; |
77 |
text-transform: uppercase; |
78 |
text-decoration: none; |
79 |
padding: 3px; |
80 |
border: 1px solid white; |
81 |
background-color: white; |
82 |
padding-left: 22px; |
83 |
background-image: url(graphics/loader.white.gif); |
84 |
background-repeat: no-repeat; |
85 |
background-position: 3px 1px; |
86 |
} |
87 |
a.highslide-credits, |
88 |
a.highslide-credits i { |
89 |
padding: 2px; |
90 |
color: silver; |
91 |
text-decoration: none; |
92 |
font-size: 10px; |
93 |
} |
94 |
a.highslide-credits:hover, |
95 |
a.highslide-credits:hover i { |
96 |
color: white; |
97 |
background-color: gray; |
98 |
} |
99 |
.highslide-move, .highslide-move * { |
100 |
cursor: move; |
101 |
} |
102 |
|
103 |
.highslide-viewport {
|
104 |
display: none; |
105 |
position: fixed; |
106 |
width: 100%; |
107 |
height: 100%; |
108 |
z-index: 1; |
109 |
background: none; |
110 |
left: 0; |
111 |
top: 0; |
112 |
} |
113 |
.highslide-overlay {
|
114 |
display: none; |
115 |
} |
116 |
.hidden-container {
|
117 |
display: none; |
118 |
} |
119 |
/* Example of a semitransparent, offset closebutton */
|
120 |
.closebutton {
|
121 |
position: relative; |
122 |
top: -15px; |
123 |
left: 15px; |
124 |
width: 30px; |
125 |
height: 30px; |
126 |
cursor: pointer; |
127 |
background: url(graphics/close.png); |
128 |
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
|
129 |
} |
130 |
|
131 |
/*****************************************************************************/
|
132 |
/* Thumbnail boxes for the galleries. */
|
133 |
/* Remove these if you are not using a gallery. */
|
134 |
/*****************************************************************************/
|
135 |
.highslide-gallery ul { |
136 |
list-style-type: none; |
137 |
margin: 0; |
138 |
padding: 0; |
139 |
} |
140 |
.highslide-gallery ul li { |
141 |
display: block; |
142 |
position: relative; |
143 |
float: left; |
144 |
width: 106px; |
145 |
height: 106px; |
146 |
border: 1px solid silver; |
147 |
background: #ededed; |
148 |
margin: 2px; |
149 |
line-height: 0; |
150 |
overflow: hidden; |
151 |
} |
152 |
.highslide-gallery ul a { |
153 |
position: absolute; |
154 |
top: 50%; |
155 |
left: 50%; |
156 |
} |
157 |
.highslide-gallery ul img { |
158 |
position: relative; |
159 |
top: -50%; |
160 |
left: -50%; |
161 |
} |
162 |
html>/**/body .highslide-gallery ul li { |
163 |
display: table; |
164 |
text-align: center; |
165 |
} |
166 |
html>/**/body .highslide-gallery ul li { |
167 |
text-align: center; |
168 |
} |
169 |
html>/**/body .highslide-gallery ul a { |
170 |
position: static; |
171 |
display: table-cell; |
172 |
vertical-align: middle; |
173 |
} |
174 |
html>/**/body .highslide-gallery ul img { |
175 |
position: static; |
176 |
} |
177 |
|
178 |
/*****************************************************************************/
|
179 |
/* Controls for the galleries. */
|
180 |
/* Remove these if you are not using a gallery */
|
181 |
/*****************************************************************************/
|
182 |
.highslide-controls {
|
183 |
width: 195px; |
184 |
height: 40px; |
185 |
background: url(graphics/controlbar-white.gif) 0 -90px no-repeat; |
186 |
margin: 20px 15px 10px 0; |
187 |
} |
188 |
.highslide-controls ul { |
189 |
position: relative; |
190 |
left: 15px; |
191 |
height: 40px; |
192 |
list-style: none; |
193 |
margin: 0; |
194 |
padding: 0; |
195 |
background: url(graphics/controlbar-white.gif) right -90px no-repeat; |
196 |
|
197 |
} |
198 |
.highslide-controls li { |
199 |
float: left; |
200 |
padding: 5px 0; |
201 |
margin:0; |
202 |
list-style: none; |
203 |
} |
204 |
.highslide-controls a { |
205 |
background-image: url(graphics/controlbar-white.gif); |
206 |
display: block; |
207 |
float: left; |
208 |
height: 30px; |
209 |
width: 30px; |
210 |
outline: none; |
211 |
} |
212 |
.highslide-controls a.disabled { |
213 |
cursor: default; |
214 |
} |
215 |
.highslide-controls a.disabled span { |
216 |
cursor: default; |
217 |
} |
218 |
.highslide-controls a span { |
219 |
/* hide the text for these graphic buttons */
|
220 |
display: none; |
221 |
cursor: pointer; |
222 |
} |
223 |
|
224 |
|
225 |
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
|
226 |
.highslide-controls .highslide-previous a { |
227 |
background-position: 0 0; |
228 |
} |
229 |
.highslide-controls .highslide-previous a:hover { |
230 |
background-position: 0 -30px; |
231 |
} |
232 |
.highslide-controls .highslide-previous a.disabled { |
233 |
background-position: 0 -60px !important; |
234 |
} |
235 |
.highslide-controls .highslide-play a { |
236 |
background-position: -30px 0; |
237 |
} |
238 |
.highslide-controls .highslide-play a:hover { |
239 |
background-position: -30px -30px; |
240 |
} |
241 |
.highslide-controls .highslide-play a.disabled { |
242 |
background-position: -30px -60px !important; |
243 |
} |
244 |
.highslide-controls .highslide-pause a { |
245 |
background-position: -60px 0; |
246 |
} |
247 |
.highslide-controls .highslide-pause a:hover { |
248 |
background-position: -60px -30px; |
249 |
} |
250 |
.highslide-controls .highslide-next a { |
251 |
background-position: -90px 0; |
252 |
} |
253 |
.highslide-controls .highslide-next a:hover { |
254 |
background-position: -90px -30px; |
255 |
} |
256 |
.highslide-controls .highslide-next a.disabled { |
257 |
background-position: -90px -60px !important; |
258 |
} |
259 |
.highslide-controls .highslide-move a { |
260 |
background-position: -120px 0; |
261 |
} |
262 |
.highslide-controls .highslide-move a:hover { |
263 |
background-position: -120px -30px; |
264 |
} |
265 |
.highslide-controls .highslide-full-expand a { |
266 |
background-position: -150px 0; |
267 |
} |
268 |
.highslide-controls .highslide-full-expand a:hover { |
269 |
background-position: -150px -30px; |
270 |
} |
271 |
.highslide-controls .highslide-full-expand a.disabled { |
272 |
background-position: -150px -60px !important; |
273 |
} |
274 |
.highslide-controls .highslide-close a { |
275 |
background-position: -180px 0; |
276 |
} |
277 |
.highslide-controls .highslide-close a:hover { |
278 |
background-position: -180px -30px; |
279 |
} |
280 |
|
281 |
/*****************************************************************************/
|
282 |
/* Styles for the HTML popups */
|
283 |
/* Remove these if you are not using Highslide HTML */
|
284 |
/*****************************************************************************/
|
285 |
.highslide-maincontent {
|
286 |
display: none; |
287 |
} |
288 |
.highslide-html {
|
289 |
background-color: white; |
290 |
} |
291 |
.highslide-html-content {
|
292 |
display: none; |
293 |
width: 400px; |
294 |
padding: 0 5px 5px 5px; |
295 |
} |
296 |
.highslide-header {
|
297 |
padding-bottom: 5px; |
298 |
} |
299 |
.highslide-header ul { |
300 |
margin: 0; |
301 |
padding: 0; |
302 |
text-align: right; |
303 |
} |
304 |
.highslide-header ul li { |
305 |
display: inline; |
306 |
padding-left: 1em; |
307 |
} |
308 |
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { |
309 |
display: none; |
310 |
} |
311 |
.highslide-header a { |
312 |
font-weight: bold; |
313 |
color: gray; |
314 |
text-transform: uppercase; |
315 |
text-decoration: none; |
316 |
} |
317 |
.highslide-header a:hover { |
318 |
color: black; |
319 |
} |
320 |
.highslide-header .highslide-move a { |
321 |
cursor: move; |
322 |
} |
323 |
.highslide-footer {
|
324 |
height: 16px; |
325 |
} |
326 |
.highslide-footer .highslide-resize { |
327 |
display: block; |
328 |
float: right; |
329 |
margin-top: 5px; |
330 |
height: 11px; |
331 |
width: 11px; |
332 |
background: url(graphics/resize.gif) no-repeat; |
333 |
} |
334 |
.highslide-footer .highslide-resize span { |
335 |
display: none; |
336 |
} |
337 |
.highslide-body {
|
338 |
} |
339 |
.highslide-resize {
|
340 |
cursor: nw-resize; |
341 |
} |
342 |
|
343 |
/*****************************************************************************/
|
344 |
/* Styles for the Individual wrapper class names. */
|
345 |
/* See www.highslide.com/ref/hs.wrapperClassName */
|
346 |
/* You can safely remove the class name themes you don't use */
|
347 |
/*****************************************************************************/
|
348 |
|
349 |
/* hs.wrapperClassName = 'draggable-header' */
|
350 |
.draggable-header .highslide-header { |
351 |
height: 18px; |
352 |
border-bottom: 1px solid #dddddd; |
353 |
} |
354 |
.draggable-header .highslide-heading { |
355 |
position: absolute; |
356 |
margin: 2px 0.4em; |
357 |
} |
358 |
|
359 |
.draggable-header .highslide-header .highslide-move { |
360 |
cursor: move; |
361 |
display: block; |
362 |
height: 16px; |
363 |
position: absolute; |
364 |
right: 24px; |
365 |
top: 0; |
366 |
width: 100%; |
367 |
z-index: 1; |
368 |
} |
369 |
.draggable-header .highslide-header .highslide-move * { |
370 |
display: none; |
371 |
} |
372 |
.draggable-header .highslide-header .highslide-close { |
373 |
position: absolute; |
374 |
right: 2px; |
375 |
top: 2px; |
376 |
z-index: 5; |
377 |
padding: 0; |
378 |
} |
379 |
.draggable-header .highslide-header .highslide-close a { |
380 |
display: block; |
381 |
height: 16px; |
382 |
width: 16px; |
383 |
background-image: url(graphics/closeX.png); |
384 |
} |
385 |
.draggable-header .highslide-header .highslide-close a:hover { |
386 |
background-position: 0 16px; |
387 |
} |
388 |
.draggable-header .highslide-header .highslide-close span { |
389 |
display: none; |
390 |
} |
391 |
.draggable-header .highslide-maincontent { |
392 |
padding-top: 1em; |
393 |
} |
394 |
|
395 |
/* hs.wrapperClassName = 'titlebar' */
|
396 |
.titlebar .highslide-header { |
397 |
height: 18px; |
398 |
border-bottom: 1px solid #dddddd; |
399 |
} |
400 |
.titlebar .highslide-heading { |
401 |
position: absolute; |
402 |
width: 90%; |
403 |
margin: 1px 0 1px 5px; |
404 |
color: #666666; |
405 |
} |
406 |
|
407 |
.titlebar .highslide-header .highslide-move { |
408 |
cursor: move; |
409 |
display: block; |
410 |
height: 16px; |
411 |
position: absolute; |
412 |
right: 24px; |
413 |
top: 0; |
414 |
width: 100%; |
415 |
z-index: 1; |
416 |
} |
417 |
.titlebar .highslide-header .highslide-move * { |
418 |
display: none; |
419 |
} |
420 |
.titlebar .highslide-header li { |
421 |
position: relative; |
422 |
top: 3px; |
423 |
z-index: 2; |
424 |
padding: 0 0 0 1em; |
425 |
} |
426 |
.titlebar .highslide-maincontent { |
427 |
padding-top: 1em; |
428 |
} |
429 |
|
430 |
/* hs.wrapperClassName = 'no-footer' */
|
431 |
.no-footer .highslide-footer { |
432 |
display: none; |
433 |
} |
434 |
|
435 |
/* hs.wrapperClassName = 'wide-border' */
|
436 |
.wide-border {
|
437 |
background: white; |
438 |
} |
439 |
.wide-border .highslide-image { |
440 |
border-width: 10px; |
441 |
} |
442 |
.wide-border .highslide-caption { |
443 |
padding: 0 10px 10px 10px; |
444 |
} |
445 |
|
446 |
/* hs.wrapperClassName = 'borderless' */
|
447 |
.borderless .highslide-image { |
448 |
border: none; |
449 |
} |
450 |
.borderless .highslide-caption { |
451 |
border-bottom: 1px solid white; |
452 |
border-top: 1px solid white; |
453 |
background: silver; |
454 |
} |
455 |
|
456 |
/* hs.wrapperClassName = 'outer-glow' */
|
457 |
.outer-glow {
|
458 |
background: #444; |
459 |
} |
460 |
.outer-glow .highslide-image { |
461 |
border: 5px solid #444444; |
462 |
} |
463 |
.outer-glow .highslide-caption { |
464 |
border: 5px solid #444444; |
465 |
border-top: none; |
466 |
padding: 5px; |
467 |
background-color: gray; |
468 |
} |
469 |
|
470 |
/* hs.wrapperClassName = 'colored-border' */
|
471 |
.colored-border {
|
472 |
background: white; |
473 |
} |
474 |
.colored-border .highslide-image { |
475 |
border: 2px solid green; |
476 |
} |
477 |
.colored-border .highslide-caption { |
478 |
border: 2px solid green; |
479 |
border-top: none; |
480 |
} |
481 |
|
482 |
/* hs.wrapperClassName = 'dark' */
|
483 |
.dark {
|
484 |
background: #111; |
485 |
} |
486 |
.dark .highslide-image { |
487 |
border-color: black black #202020 black; |
488 |
background: gray; |
489 |
} |
490 |
.dark .highslide-caption { |
491 |
color: white; |
492 |
background: #111; |
493 |
} |
494 |
.dark .highslide-controls, |
495 |
.dark .highslide-controls ul, |
496 |
.dark .highslide-controls a { |
497 |
background-image: url(graphics/controlbar-black-border.gif); |
498 |
} |
499 |
|
500 |
/* hs.wrapperClassName = 'floating-caption' */
|
501 |
.floating-caption .highslide-caption { |
502 |
position: absolute; |
503 |
padding: 1em 0 0 0; |
504 |
background: none; |
505 |
color: white; |
506 |
border: none; |
507 |
font-weight: bold; |
508 |
} |
509 |
|
510 |
/* hs.wrapperClassName = 'controls-in-heading' */
|
511 |
.controls-in-heading .highslide-heading { |
512 |
color: gray; |
513 |
font-weight: bold; |
514 |
height: 20px; |
515 |
overflow: hidden; |
516 |
cursor: default; |
517 |
padding: 0 0 0 22px; |
518 |
margin: 0; |
519 |
background: url(graphics/icon.gif) no-repeat 0 1px; |
520 |
} |
521 |
.controls-in-heading .highslide-controls { |
522 |
width: 105px; |
523 |
height: 20px; |
524 |
position: relative; |
525 |
margin: 0; |
526 |
top: -23px; |
527 |
left: 7px; |
528 |
background: none; |
529 |
} |
530 |
.controls-in-heading .highslide-controls ul { |
531 |
position: static; |
532 |
height: 20px; |
533 |
background: none; |
534 |
} |
535 |
.controls-in-heading .highslide-controls li { |
536 |
padding: 0; |
537 |
} |
538 |
.controls-in-heading .highslide-controls a { |
539 |
background-image: url(graphics/controlbar-white-small.gif); |
540 |
height: 20px; |
541 |
width: 20px; |
542 |
} |
543 |
|
544 |
.controls-in-heading .highslide-controls .highslide-move { |
545 |
display: none; |
546 |
} |
547 |
|
548 |
.controls-in-heading .highslide-controls .highslide-previous a { |
549 |
background-position: 0 0; |
550 |
} |
551 |
.controls-in-heading .highslide-controls .highslide-previous a:hover { |
552 |
background-position: 0 -20px; |
553 |
} |
554 |
.controls-in-heading .highslide-controls .highslide-previous a.disabled { |
555 |
background-position: 0 -40px !important; |
556 |
} |
557 |
.controls-in-heading .highslide-controls .highslide-play a { |
558 |
background-position: -20px 0; |
559 |
} |
560 |
.controls-in-heading .highslide-controls .highslide-play a:hover { |
561 |
background-position: -20px -20px; |
562 |
} |
563 |
.controls-in-heading .highslide-controls .highslide-play a.disabled { |
564 |
background-position: -20px -40px !important; |
565 |
} |
566 |
.controls-in-heading .highslide-controls .highslide-pause a { |
567 |
background-position: -40px 0; |
568 |
} |
569 |
.controls-in-heading .highslide-controls .highslide-pause a:hover { |
570 |
background-position: -40px -20px; |
571 |
} |
572 |
.controls-in-heading .highslide-controls .highslide-next a { |
573 |
background-position: -60px 0; |
574 |
} |
575 |
.controls-in-heading .highslide-controls .highslide-next a:hover { |
576 |
background-position: -60px -20px; |
577 |
} |
578 |
.controls-in-heading .highslide-controls .highslide-next a.disabled { |
579 |
background-position: -60px -40px !important; |
580 |
} |
581 |
.controls-in-heading .highslide-controls .highslide-full-expand a { |
582 |
background-position: -100px 0; |
583 |
} |
584 |
.controls-in-heading .highslide-controls .highslide-full-expand a:hover { |
585 |
background-position: -100px -20px; |
586 |
} |
587 |
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled { |
588 |
background-position: -100px -40px !important; |
589 |
} |
590 |
.controls-in-heading .highslide-controls .highslide-close a { |
591 |
background-position: -120px 0; |
592 |
} |
593 |
.controls-in-heading .highslide-controls .highslide-close a:hover { |
594 |
background-position: -120px -20px; |
595 |
} |
596 |
|
597 |
/*****************************************************************************/
|
598 |
/* Styles for text based controls. */
|
599 |
/* You can safely remove this if you don't use text based controls */
|
600 |
/*****************************************************************************/
|
601 |
|
602 |
.text-controls .highslide-controls { |
603 |
width: auto; |
604 |
height: auto; |
605 |
margin: 0; |
606 |
text-align: center; |
607 |
background: none; |
608 |
} |
609 |
.text-controls ul { |
610 |
position: static; |
611 |
background: none; |
612 |
height: auto; |
613 |
left: 0; |
614 |
} |
615 |
.text-controls .highslide-move { |
616 |
display: none; |
617 |
} |
618 |
.text-controls li { |
619 |
background-image: url(graphics/controlbar-text-buttons.png); |
620 |
background-position: right top !important; |
621 |
padding: 0; |
622 |
margin-left: 15px; |
623 |
display: block; |
624 |
width: auto; |
625 |
} |
626 |
.text-controls a { |
627 |
background: url(graphics/controlbar-text-buttons.png) no-repeat; |
628 |
background-position: left top !important; |
629 |
position: relative; |
630 |
left: -10px; |
631 |
display: block; |
632 |
width: auto; |
633 |
height: auto; |
634 |
text-decoration: none !important; |
635 |
} |
636 |
.text-controls a span { |
637 |
background: url(graphics/controlbar-text-buttons.png) no-repeat; |
638 |
margin: 1px 2px 1px 10px; |
639 |
display: block; |
640 |
min-width: 4em; |
641 |
height: 18px; |
642 |
line-height: 18px; |
643 |
padding: 1px 0 1px 18px; |
644 |
color: #333; |
645 |
font-family: "Trebuchet MS", Arial, sans-serif; |
646 |
font-size: 12px; |
647 |
font-weight: bold; |
648 |
white-space: nowrap; |
649 |
} |
650 |
.text-controls .highslide-next { |
651 |
margin-right: 1em; |
652 |
} |
653 |
.text-controls .highslide-full-expand a span { |
654 |
min-width: 0; |
655 |
margin: 1px 0; |
656 |
padding: 1px 0 1px 10px; |
657 |
} |
658 |
.text-controls .highslide-close a span { |
659 |
min-width: 0; |
660 |
} |
661 |
.text-controls a:hover span { |
662 |
color: black; |
663 |
} |
664 |
.text-controls a.disabled span { |
665 |
color: #999; |
666 |
} |
667 |
|
668 |
.text-controls .highslide-previous span { |
669 |
background-position: 0 -40px; |
670 |
} |
671 |
.text-controls .highslide-previous a.disabled { |
672 |
background-position: left top !important; |
673 |
} |
674 |
.text-controls .highslide-previous a.disabled span { |
675 |
background-position: 0 -140px; |
676 |
} |
677 |
.text-controls .highslide-play span { |
678 |
background-position: 0 -60px; |
679 |
} |
680 |
.text-controls .highslide-play a.disabled { |
681 |
background-position: left top !important; |
682 |
} |
683 |
.text-controls .highslide-play a.disabled span { |
684 |
background-position: 0 -160px; |
685 |
} |
686 |
.text-controls .highslide-pause span { |
687 |
background-position: 0 -80px; |
688 |
} |
689 |
.text-controls .highslide-next span { |
690 |
background-position: 0 -100px; |
691 |
} |
692 |
.text-controls .highslide-next a.disabled { |
693 |
background-position: left top !important; |
694 |
} |
695 |
.text-controls .highslide-next a.disabled span { |
696 |
background-position: 0 -200px; |
697 |
} |
698 |
.text-controls .highslide-full-expand span { |
699 |
background: none; |
700 |
} |
701 |
.text-controls .highslide-full-expand a.disabled { |
702 |
background-position: left top !important; |
703 |
} |
704 |
.text-controls .highslide-close span { |
705 |
background-position: 0 -120px; |
706 |
} |
707 |
|
708 |
|
709 |
/*****************************************************************************/
|
710 |
/* Styles for the thumbstrip. */
|
711 |
/* See www.highslide.com/ref/hs.addSlideshow */
|
712 |
/* You can safely remove this if you don't use a thumbstrip */
|
713 |
/*****************************************************************************/
|
714 |
|
715 |
.highslide-thumbstrip {
|
716 |
height: 100%; |
717 |
} |
718 |
.highslide-thumbstrip div { |
719 |
overflow: hidden; |
720 |
} |
721 |
.highslide-thumbstrip table { |
722 |
position: relative; |
723 |
padding: 0; |
724 |
border-collapse: collapse; |
725 |
} |
726 |
.highslide-thumbstrip td { |
727 |
padding: 1px; |
728 |
/*text-align: center;*/
|
729 |
} |
730 |
.highslide-thumbstrip a { |
731 |
outline: none; |
732 |
} |
733 |
.highslide-thumbstrip img { |
734 |
display: block; |
735 |
border: 1px solid gray; |
736 |
margin: 0 auto; |
737 |
} |
738 |
.highslide-thumbstrip .highslide-active-anchor img { |
739 |
visibility: visible; |
740 |
} |
741 |
.highslide-thumbstrip .highslide-marker { |
742 |
position: absolute; |
743 |
width: 0; |
744 |
height: 0; |
745 |
border-width: 0; |
746 |
border-style: solid; |
747 |
border-color: transparent; /* change this to actual background color in highslide-ie6.css */ |
748 |
} |
749 |
.highslide-thumbstrip-horizontal div { |
750 |
width: auto; |
751 |
/* width: 100% breaks in small strips in IE */
|
752 |
} |
753 |
.highslide-thumbstrip-horizontal .highslide-scroll-up { |
754 |
display: none; |
755 |
position: absolute; |
756 |
top: 3px; |
757 |
left: 3px; |
758 |
width: 25px; |
759 |
height: 42px; |
760 |
} |
761 |
.highslide-thumbstrip-horizontal .highslide-scroll-up div { |
762 |
margin-bottom: 10px; |
763 |
cursor: pointer; |
764 |
background: url(graphics/scrollarrows.png) left center no-repeat; |
765 |
height: 42px; |
766 |
} |
767 |
.highslide-thumbstrip-horizontal .highslide-scroll-down { |
768 |
display: none; |
769 |
position: absolute; |
770 |
top: 3px; |
771 |
right: 3px; |
772 |
width: 25px; |
773 |
height: 42px; |
774 |
} |
775 |
.highslide-thumbstrip-horizontal .highslide-scroll-down div { |
776 |
margin-bottom: 10px; |
777 |
cursor: pointer; |
778 |
background: url(graphics/scrollarrows.png) center right no-repeat; |
779 |
height: 42px; |
780 |
} |
781 |
.highslide-thumbstrip-horizontal table { |
782 |
margin: 2px 0 10px 0; |
783 |
} |
784 |
.highslide-viewport .highslide-thumbstrip-horizontal table { |
785 |
margin-left: 10px; |
786 |
} |
787 |
.highslide-thumbstrip-horizontal img { |
788 |
width: auto; |
789 |
height: 40px; |
790 |
} |
791 |
.highslide-thumbstrip-horizontal .highslide-marker { |
792 |
top: 47px; |
793 |
border-left-width: 6px; |
794 |
border-right-width: 6px; |
795 |
border-bottom: 6px solid gray; |
796 |
} |
797 |
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { |
798 |
margin-left: 10px; |
799 |
} |
800 |
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { |
801 |
border-bottom-color: white !important; |
802 |
} |
803 |
|
804 |
.highslide-thumbstrip-vertical-overlay {
|
805 |
overflow: hidden !important; |
806 |
} |
807 |
.highslide-thumbstrip-vertical div { |
808 |
height: 100%; |
809 |
} |
810 |
.highslide-thumbstrip-vertical a { |
811 |
display: block; |
812 |
} |
813 |
.highslide-thumbstrip-vertical .highslide-scroll-up { |
814 |
display: none; |
815 |
position: absolute; |
816 |
top: 0; |
817 |
left: 0; |
818 |
width: 100%; |
819 |
height: 25px; |
820 |
} |
821 |
.highslide-thumbstrip-vertical .highslide-scroll-up div { |
822 |
margin-left: 10px; |
823 |
cursor: pointer; |
824 |
background: url(graphics/scrollarrows.png) top center no-repeat; |
825 |
height: 25px; |
826 |
} |
827 |
.highslide-thumbstrip-vertical .highslide-scroll-down { |
828 |
display: none; |
829 |
position: absolute; |
830 |
bottom: 0; |
831 |
left: 0; |
832 |
width: 100%; |
833 |
height: 25px; |
834 |
} |
835 |
.highslide-thumbstrip-vertical .highslide-scroll-down div { |
836 |
margin-left: 10px; |
837 |
cursor: pointer; |
838 |
background: url(graphics/scrollarrows.png) bottom center no-repeat; |
839 |
height: 25px; |
840 |
} |
841 |
.highslide-thumbstrip-vertical table { |
842 |
margin: 10px 0 0 10px; |
843 |
} |
844 |
.highslide-thumbstrip-vertical img { |
845 |
max-width: 60px; |
846 |
} |
847 |
.highslide-thumbstrip-vertical .highslide-marker { |
848 |
left: 0; |
849 |
margin-top: 8px; |
850 |
border-top-width: 6px; |
851 |
border-bottom-width: 6px; |
852 |
border-left: 6px solid gray; |
853 |
} |
854 |
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { |
855 |
border-left-color: white; |
856 |
} |
857 |
|
858 |
.highslide-viewport .highslide-thumbstrip-float { |
859 |
overflow: auto; |
860 |
} |
861 |
.highslide-thumbstrip-float ul { |
862 |
margin: 2px 0; |
863 |
padding: 0; |
864 |
} |
865 |
.highslide-thumbstrip-float li { |
866 |
display: block; |
867 |
height: 60px; |
868 |
margin: 0 2px; |
869 |
list-style: none; |
870 |
float: left; |
871 |
} |
872 |
.highslide-thumbstrip-float img { |
873 |
display: inline; |
874 |
border-color: silver; |
875 |
max-height: 56px; |
876 |
} |
877 |
.highslide-thumbstrip-float .highslide-active-anchor img { |
878 |
border-color: black; |
879 |
} |
880 |
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { |
881 |
display: none; |
882 |
} |
883 |
.highslide-thumbstrip-float .highslide-marker { |
884 |
display: none; |
885 |
} |