.thumbwrapper .highslide {
2 outline: none;
3}
4.textwrapper .highslide {
5 font-size: 11pt;
6 display: block;
7 text-align: center;
8}
9.highslide {
10 outline: none;
11 text-decoration: none;
12}
13.highslide-active-anchor img {
14 visibility: hidden;
15}
16.gallery-examples .highslide-active-anchor img {
17 visibility: visible;
18 border-color: black;
19}
20.highslide img {
21 border: 2px solid gray;
22 cursor: url(/highslide/graphics/zoomin.cur), pointer;
23 outline: none;
24}
25.highslide:hover img {
26 border: 2px solid silver;
27}
28
29.highslide-image {
30 border: 10px solid white;
31}
32.highslide-image-blur {
33
34}
35.highslide-heading {
36 display: none;
37 padding: 10px 10px 0 10px;
38 font-size: 1.2em;
39 font-weight: bold;
40 cursor: default !important;
41}
42.highslide-caption {
43 display: none;
44 border-top: none;
45 padding: 0 10px 10px 10px;
46 background-color: white;
47 text-align: justify;
48}
49.highslide-dimming {
50 background: black;
51 position: absolute;
52 width: 100%;
53 visibility: hidden;
54}
55.highslide-loading {
56 display: block;
57 color: black;
58 font-size: 8pt;
59 font-family: sans-serif;
60 font-weight: bold;
61 text-decoration: none;
62 padding: 2px;
63 border: 1px solid black;
64 background-color: white;
65
66 padding-left: 22px;
67 background-image: url(/highslide/graphics/loader.white.gif);
68 background-repeat: no-repeat;
69 background-position: 3px 1px;
70}
71.control {
72 float: right;
73 display: block;
74 /*position: relative;*/
75 margin: 0 5px;
76 font-size: 9pt;
77 font-weight: bold;
78 text-decoration: none;
79 text-transform: uppercase;
80}
81.control:hover {
82 color: black !important;
83}
84.highslide-move {
85 cursor: move;
86}
87.highslide-resize {
88 cursor: nw-resize;
89}
90a.highslide-full-expand {
91 background: url(/highslide/graphics/fullexpand.gif) no-repeat;
92 display: block;
93 margin: 0 10px 10px 0;
94 width: 44px;
95 height: 44px;
96}
97.highslide-overlay {
98 display: none;
99}
100a.highslide-credits,
101a.highslide-credits i {
102 padding: 2px;
103 color: silver;
104 text-decoration: none;
105 font-size: 10px;
106}
107a.highslide-credits:hover,
108a.highslide-credits:hover i {
109 color: white;
110 background-color: gray;
111}
112.highslide-previous-next {
113 text-align: center;
114 padding-bottom: 5px;
115}
116.highslide-previous-next a {
117 font-size: 7pt;
118 font-weight: bold;
119 text-decoration: none;
120 text-transform: uppercase;
121 color: white;
122 padding: 0 20px;
123}
124.highslide-html {
125 border: 1px solid white;
126 background-color: white;
127}
128.highslide-html-blur {
129 border: 1px solid silver;
130}
131.highslide-html-content {
132 position: absolute;
133 display: none;
134}
135.highslide-maincontent {
136 display: none;
137}
138
139/* Self rendering */
140.highslide-wrapper {
141 background-color: white;
142}
143.highslide-wrapper .highslide-html-content {
144 width: 400px;
145 padding: 0 5px 5px 5px;
146}
147.highslide-wrapper .highslide-header {
148 padding-bottom: 5px;
149}
150.highslide-wrapper .highslide-header ul {
151 margin: 0;
152 padding: 0;
153 text-align: right;
154}
155.highslide-wrapper .highslide-header ul li {
156 display: inline;
157 padding-left: 1em;
158}
159.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
160 display: none;
161}
162.highslide-wrapper .highslide-header a {
163 font-weight: bold;
164 color: gray;
165 text-transform: uppercase;
166 text-decoration: none;
167}
168.highslide-wrapper .highslide-header a:hover {
169 color: black;
170}
171.highslide-wrapper .highslide-header .highslide-move a {
172 cursor: move;
173}
174.highslide-wrapper .highslide-footer {
175 height: 11px;
176}
177.highslide-wrapper .highslide-footer .highslide-resize {
178 float: right;
179 height: 11px;
180 width: 11px;
181 background: url(/highslide/graphics/resize.gif);
182 position: relative;
183 top: 0.5em;
184 left: 0.5em;
185}
186.highslide-wrapper .highslide-body {
187}
188
189/* Individual CSS-classes: no border */
190.highslide-no-border {
191 background-color: gray;
192}
193.highslide-no-border .highslide-image {
194 border: none;
195
196}
197.highslide-no-border .highslide-html {
198 border: none;
199
200}
201.highslide-no-border .highslide-caption {
202 border: none;
203 border-bottom: 1px solid white;
204 border-top: 1px solid white;
205 background-color: gray;
206 color: white;
207}
208.highslide-no-border .highslide-caption code {
209 color: white;
210}
211
212/* Individual CSS-classes: white */
213.highslide-white {
214 background-color: white;
215}
216.highslide-white .highslide-image {
217 border: 5px solid white;
218
219}
220.highslide-white .highslide-caption {
221 background-color: white;
222}
223.highslide-white .control, .highslide-white .control * {
224 color: #666;
225}
226.highslide-white .highslide-html {
227 border: 2px solid white;
228}
229
230/* Individual CSS-classes: glossy-dark */
231.glossy-dark {
232 background-color: #101010;
233}
234.glossy-dark .highslide-image {
235 border-width: 2px;
236 border-style: solid;
237 border-color: black black #202020 black;
238}
239.glossy-dark .highslide-caption {
240 background: #101010;
241 padding: 5px 0 5px 0;
242}
243.glossy-dark div {
244 color: silver;
245}
246
247/* Individual CSS-classes: narrow border */
248.highslide-narrow-border {
249 background: white;
250}
251.highslide-narrow-border .highslide-image {
252 border: 2px solid white;
253}
254.highslide-narrow-border .highslide-caption {
255 background-color: white;
256}
257
258/* Individual CSS-classes: drag-header */
259.drag-header .highslide-header {
260 position: relative;
261 border-bottom: 1px solid silver;
262}
263.drag-header .highslide-move {
264 position: absolute;
265 display: block;
266 top: 0;
267 left: 0;
268 height: 14px;
269 width: 80%;
270}
271.drag-header .highslide-move span {
272 display: none;
273}
274.drag-header .highslide-footer {
275 display: none;
276}
277
278/* Individual CSS-classes: black border */
279.highslide-black-border {
280 background: white;
281}
282.highslide-black-border .highslide-image {
283 border: 2px solid #655F2F;
284}
285.highslide-black-border .highslide-caption {
286 border: 2px solid #655F2F;
287 border-top: none;
288 background-color: white;
289 color: #333;
290}
291
292/* Individual CSS-classes: specified blur style */
293.highslide-blur-example {
294 background-color: white;
295}
296.highslide-blur-example .highslide-image-blur {
297 border-color: silver;
298}
299
300.highslide-blur-example .highslide-caption-blur {
301 border-color: silver;
302}
303
304.html-header {
305 background-image: url(/highslide/graphics/header-background.gif);
306 cursor: default;
307 height: 18px;
308 padding: 2px;
309}
310.highslide-html-blur #highslide-html-7-header {
311 background-image: url(/highslide/graphics/header-background-blur.gif);
312 height: 18px;
313 padding: 2px;
314}
315
316.highslide-dimming {
317 background-color: black;
318}
319
320/* Controlbar example */
321.controlbar {
322 background: url(/highslide/graphics/controlbar4.gif);
323 width: 167px;
324 height: 34px;
325}
326.controlbar a {
327 display: block;
328 float: left;
329 /*margin: 0px 0 0 4px;*/
330 height: 27px;
331}
332.controlbar a:hover {
333 background-image: url(/highslide/graphics/controlbar4-hover.gif);
334}
335.controlbar .previous {
336 width: 50px;
337}
338.controlbar .next {
339 width: 40px;
340 background-position: -50px 0;
341}
342.controlbar .highslide-move {
343 width: 40px;
344 background-position: -90px 0;
345}
346.controlbar .close {
347 width: 36px;
348 background-position: -130px 0;
349}
350
351/* Controlbar example */
352.controlbar2 {
353 margin-left: 60px;
354 background: url(/highslide/graphics/controlbar2.gif);
355 width: 210px;
356 height: 32px;
357}
358.controlbar2 a {
359 display: block;
360 float: left;
361 margin: 0 0 0 5px;
362 height: 30px;
363 width: 42px;
364}
365
366/* Controlbar example */
367.controlbar5 {
368 background: url(/highslide/graphics/controlbar5.gif);
369 width: 83px;
370 height: 18px;
371 float:right;
372}
373.controlbar5 a {
374 display: block;
375 float: left;
376 height: 18px;
377}
378.controlbar5 a:hover {
379 background-image: url(/highslide/graphics/controlbar5-hover.gif);
380}
381.controlbar5 .previous {
382 width: 20px;
383}
384.controlbar5 .next {
385 width: 20px;
386 background-position: -20px 0;
387}
388.controlbar5 .highslide-move {
389 width: 20px;
390 background-position: -40px 0;
391}
392.controlbar5 .close {
393 width: 20px;
394 background-position: -60px 0;
395}
396
397/* Mac-style close button */
398.closebutton {
399 position: relative;
400 top: -15px;
401 left: 15px;
402 width: 30px;
403 height: 30px;
404 cursor: pointer; /* w3c */
405 background: url(/highslide/graphics/close.png);
406}
407
408
409/* Controls. See http://www.google.com/search?q=css+sprites */
410.highslide-controls {
411 width: 195px;
412 height: 40px;
413 background: url(/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
414 margin-right: 15px;
415 margin-bottom: 10px;
416 margin-top: 20px;
417}
418.highslide-controls ul {
419 position: relative;
420 left: 15px;
421 height: 40px;
422 list-style: none;
423 margin: 0;
424 padding: 0;
425 background: url(/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
426}
427.highslide-controls li {
428 float: left;
429 padding: 5px 0;
430}
431.highslide-controls a {
432 background: url(/highslide/graphics/controlbar-black-border.gif);
433 display: block;
434 float: left;
435 height: 30px;
436 width: 30px;
437 outline: none;
438}
439.highslide-controls a.disabled {
440 cursor: default;
441}
442.highslide-controls a span {
443 /* hide the text for these graphic buttons */
444 display: none;
445}
446
447/* The CSS sprites for the controlbar */
448.highslide-controls .highslide-previous a {
449 background-position: 0 0;
450}
451.highslide-controls .highslide-previous a:hover {
452 background-position: 0 -30px;
453}
454.highslide-controls .highslide-previous a.disabled {
455 background-position: 0 -60px !important;
456}
457.highslide-controls .highslide-play a {
458 background-position: -30px 0;
459}
460.highslide-controls .highslide-play a:hover {
461 background-position: -30px -30px;
462}
463.highslide-controls .highslide-play a.disabled {
464 background-position: -30px -60px !important;
465}
466.highslide-controls .highslide-pause a {
467 background-position: -60px 0;
468}
469.highslide-controls .highslide-pause a:hover {
470 background-position: -60px -30px;
471}
472.highslide-controls .highslide-next a {
473 background-position: -90px 0;
474}
475.highslide-controls .highslide-next a:hover {
476 background-position: -90px -30px;
477}
478.highslide-controls .highslide-next a.disabled {
479 background-position: -90px -60px !important;
480}
481.highslide-controls .highslide-move a {
482 background-position: -120px 0;
483}
484.highslide-controls .highslide-move a:hover {
485 background-position: -120px -30px;
486}
487.highslide-controls .highslide-full-expand a {
488 background-position: -150px 0;
489}
490.highslide-controls .highslide-full-expand a:hover {
491 background-position: -150px -30px;
492}
493.highslide-controls .highslide-full-expand a.disabled {
494 background-position: -150px -60px !important;
495}
496.highslide-controls .highslide-close a {
497 background-position: -180px 0;
498}
499.highslide-controls .highslide-close a:hover {
500 background-position: -180px -30px;
501}