highslide.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. /**
  2. * @file: highslide.css
  3. * @version: 4.1.9
  4. */
  5. .highslide-container div{font-family:Verdana, Helvetica;font-size:10pt;}
  6. .highslide-container table{background:none;}
  7. .highslide{outline:none;text-decoration:none;}
  8. .highslide img{border:2px solid silver;}
  9. .highslide:hover img{border-color:gray;}
  10. .highslide-active-anchor img{visibility:hidden;}
  11. .highslide-gallery .highslide-active-anchor img{border-color:#000;visibility:visible;cursor:default;}
  12. .highslide-image{border-width:2px;border-style:solid;border-color:#FFF;}
  13. .highslide-wrapper,.highslide-outline{background:#FFF;}
  14. .glossy-dark{background:#111;}
  15. .highslide-image-blur{}
  16. .highslide-number{font-weight:700;color:gray;font-size:.9em;}
  17. .highslide-caption{display:none;font-size:1em;padding:5px;/*background: white;*/}
  18. .highslide-heading{display:none;font-weight:700;margin:.4em;}
  19. .highslide-dimming{/*position: absolute;*/background:#000;}
  20. a.highslide-full-expand{background:url(../images/highslide/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px;}
  21. .highslide-loading{display:block;color:#000;font-size:9px;font-weight:700;text-transform:uppercase;text-decoration:none;padding:3px;border:1px solid #FFF;background-color:#FFF;padding-left:22px;background-image:url(../images/highslide/loader.white.gif);background-repeat:no-repeat;background-position:3px 1px;}
  22. a.highslide-credits,a.highslide-credits i{padding:2px;color:silver;text-decoration:none;font-size:10px;}
  23. a.highslide-credits:hover,a.highslide-credits:hover i{color:#FFF;background-color:gray;}
  24. .highslide-move,.highslide-move *{cursor:move;}
  25. .highslide-viewport{display:none;position:fixed;width:100%;height:100%;z-index:1;background:none;left:0;top:0;}
  26. .highslide-overlay{display:none;}
  27. .hidden-container{display:none;}
  28. /* Example of a semitransparent, offset closebutton */
  29. .closebutton{position:relative;top:-15px;left:15px;width:30px;height:30px;cursor:pointer;background:url(../images/highslide/close.png);/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */}
  30. /*****************************************************************************/
  31. /* Thumbnail boxes for the galleries. */
  32. /* Remove these if you are not using a gallery. */
  33. /*****************************************************************************/
  34. .highslide-gallery ul{list-style-type:none;margin:0;padding:0;}
  35. .highslide-gallery ul li{display:block;position:relative;float:left;width:106px;height:106px;border:1px solid silver;background:#ededed;margin:2px;padding:0;line-height:0;overflow:hidden;}
  36. .highslide-gallery ul a{position:absolute;top:50%;left:50%;}
  37. .highslide-gallery ul img{position:relative;top:-50%;left:-50%;}
  38. html>/**/body .highslide-gallery ul li{display:table;text-align:center;}
  39. html>/**/body .highslide-gallery ul li{text-align:center;}
  40. html>/**/body .highslide-gallery ul a{position:static;display:table-cell;vertical-align:middle;}
  41. html>/**/body .highslide-gallery ul img{position:static;}
  42. /*****************************************************************************/
  43. /* Controls for the galleries. */
  44. /* Remove these if you are not using a gallery */
  45. /*****************************************************************************/
  46. .highslide-controls{width:195px;height:40px;background:url(../images/highslide/controlbar-white.gif) 0 -90px no-repeat;margin:20px 15px 10px 0;}
  47. .highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(../images/highslide/controlbar-white.gif) right -90px no-repeat;}
  48. .highslide-controls li{float:left;padding:5px 0;margin:0;list-style:none;}
  49. .highslide-controls a{background-image:url(../images/highslide/controlbar-white.gif);display:block;float:left;height:30px;width:30px;outline:none;}
  50. .highslide-controls a.disabled{cursor:default;}
  51. .highslide-controls a.disabled span{cursor:default;}
  52. .highslide-controls a span{/* hide the text for these graphic buttons */display:none;cursor:pointer;}
  53. /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
  54. .highslide-controls .highslide-previous a{background-position:0 0;}
  55. .highslide-controls .highslide-previous a:hover{background-position:0 -30px;}
  56. .highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important;}
  57. .highslide-controls .highslide-play a{background-position:-30px 0;}
  58. .highslide-controls .highslide-play a:hover{background-position:-30px -30px;}
  59. .highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important;}
  60. .highslide-controls .highslide-pause a{background-position:-60px 0;}
  61. .highslide-controls .highslide-pause a:hover{background-position:-60px -30px;}
  62. .highslide-controls .highslide-next a{background-position:-90px 0;}
  63. .highslide-controls .highslide-next a:hover{background-position:-90px -30px;}
  64. .highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important;}
  65. .highslide-controls .highslide-move a{background-position:-120px 0;}
  66. .highslide-controls .highslide-move a:hover{background-position:-120px -30px;}
  67. .highslide-controls .highslide-full-expand a{background-position:-150px 0;}
  68. .highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px;}
  69. .highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important;}
  70. .highslide-controls .highslide-close a{background-position:-180px 0;}
  71. .highslide-controls .highslide-close a:hover{background-position:-180px -30px;}
  72. /*****************************************************************************/
  73. /* Styles for the HTML popups */
  74. /* Remove these if you are not using Highslide HTML */
  75. /*****************************************************************************/
  76. .highslide-maincontent{display:none;}
  77. .highslide-html{background-color:#D4E4F6;}
  78. .highslide-html-content{display:none;width:400px;padding:0 5px 5px;}
  79. .highslide-header{padding-bottom:5px;}
  80. .highslide-header ul{margin:0;padding:0;text-align:right;}
  81. .highslide-header ul li{display:inline;padding-left:1em;}
  82. .highslide-header ul li.highslide-previous,.highslide-header ul li.highslide-next{display:none;}
  83. .highslide-header a{font-weight:700;color:gray;text-transform:uppercase;text-decoration:none;}
  84. .highslide-header a:hover{color:#000;}
  85. .highslide-header .highslide-move a{cursor:move;}
  86. .highslide-footer{height:16px;}
  87. .highslide-footer .highslide-resize{display:block;float:right;margin-top:5px;height:11px;width:11px;background:url(../images/highslide/resize.gif) no-repeat;}
  88. .highslide-footer .highslide-resize span{display:none;}
  89. .highslide-body{}
  90. .highslide-resize{cursor:nw-resize;}
  91. /*****************************************************************************/
  92. /* Styles for the Individual wrapper class names. */
  93. /* See www.highslide.com/ref/hs.wrapperClassName */
  94. /* You can safely remove the class name themes you don't use */
  95. /*****************************************************************************/
  96. /* hs.wrapperClassName = 'draggable-header' */
  97. .draggable-header .highslide-header{height:18px;border-bottom:1px solid #6493C8;}
  98. .draggable-header .highslide-heading{position:absolute;margin:2px .4em;}
  99. .draggable-header .highslide-header .highslide-move{cursor:move;display:block;height:16px;position:absolute;right:24px;top:0;width:100%;z-index:1;}
  100. .draggable-header .highslide-header .highslide-move *{display:none;}
  101. .draggable-header .highslide-header .highslide-close{position:absolute;right:2px;top:2px;z-index:5;padding:0;}
  102. .draggable-header .highslide-header .highslide-close a{display:block;height:16px;width:16px;background-image:url(../images/highslide/closeX.png);}
  103. .draggable-header .highslide-header .highslide-close a:hover{background-position:0 16px;}
  104. .draggable-header .highslide-header .highslide-close span{display:none;}
  105. .draggable-header .highslide-maincontent{padding-top:1em;}
  106. /* hs.wrapperClassName = 'titlebar' */
  107. .titlebar .highslide-header{height:18px;border-bottom:1px solid #ddd;}
  108. .titlebar .highslide-heading{position:absolute;width:90%;margin:1px 0 1px 5px;color:#666;}
  109. .titlebar .highslide-header .highslide-move{cursor:move;display:block;height:16px;position:absolute;right:24px;top:0;width:100%;z-index:1;}
  110. .titlebar .highslide-header .highslide-move *{display:none;}
  111. .titlebar .highslide-header li{position:relative;top:3px;z-index:2;padding:0 0 0 1em;}
  112. .titlebar .highslide-maincontent{padding-top:1em;}
  113. /* hs.wrapperClassName = 'no-footer' */
  114. .no-footer .highslide-footer{display:none;}
  115. /* hs.wrapperClassName = 'wide-border' */
  116. .wide-border{background:#FFF;}
  117. .wide-border .highslide-image{border-width:10px;}
  118. .wide-border .highslide-caption{padding:0 10px 10px;}
  119. /* hs.wrapperClassName = 'borderless' */
  120. .borderless .highslide-image{border:none;}
  121. .borderless .highslide-caption{border-bottom:1px solid #FFF;border-top:1px solid #FFF;background:silver;}
  122. /* hs.wrapperClassName = 'outer-glow' */
  123. .outer-glow{background:#444;}
  124. .outer-glow .highslide-image{border:5px solid #444;}
  125. .outer-glow .highslide-caption{border:5px solid #444;border-top:none;padding:5px;background-color:gray;}
  126. /* hs.wrapperClassName = 'colored-border' */
  127. .colored-border{background:#FFF;}
  128. .colored-border .highslide-image{border:2px solid green;}
  129. .colored-border .highslide-caption{border:2px solid green;border-top:none;}
  130. /* hs.wrapperClassName = 'dark' */
  131. .dark{background:#111;}
  132. .dark .highslide-image{border-color:#000 #000 #202020;background:gray;}
  133. .dark .highslide-caption{color:#FFF;background:#111;}
  134. .dark .highslide-controls,.dark .highslide-controls ul,.dark .highslide-controls a{background-image:url(../images/highslide/controlbar-black-border.gif);}
  135. /* hs.wrapperClassName = 'floating-caption' */
  136. .floating-caption .highslide-caption{position:absolute;padding:1em 0 0;background:none;color:#FFF;border:none;font-weight:700;}
  137. /* hs.wrapperClassName = 'controls-in-heading' */
  138. .controls-in-heading .highslide-heading{color:gray;font-weight:700;height:20px;overflow:hidden;cursor:default;padding:0 0 0 22px;margin:0;background:url(../images/highslide/icon.gif) no-repeat 0 1px;}
  139. .controls-in-heading .highslide-controls{width:105px;height:20px;position:relative;margin:0;top:-23px;left:7px;background:none;}
  140. .controls-in-heading .highslide-controls ul{position:static;height:20px;background:none;}
  141. .controls-in-heading .highslide-controls li{padding:0;}
  142. .controls-in-heading .highslide-controls a{background-image:url(../images/highslide/controlbar-white-small.gif);height:20px;width:20px;}
  143. .controls-in-heading .highslide-controls .highslide-move{display:none;}
  144. .controls-in-heading .highslide-controls .highslide-previous a{background-position:0 0;}
  145. .controls-in-heading .highslide-controls .highslide-previous a:hover{background-position:0 -20px;}
  146. .controls-in-heading .highslide-controls .highslide-previous a.disabled{background-position:0 -40px!important;}
  147. .controls-in-heading .highslide-controls .highslide-play a{background-position:-20px 0;}
  148. .controls-in-heading .highslide-controls .highslide-play a:hover{background-position:-20px -20px;}
  149. .controls-in-heading .highslide-controls .highslide-play a.disabled{background-position:-20px -40px!important;}
  150. .controls-in-heading .highslide-controls .highslide-pause a{background-position:-40px 0;}
  151. .controls-in-heading .highslide-controls .highslide-pause a:hover{background-position:-40px -20px;}
  152. .controls-in-heading .highslide-controls .highslide-next a{background-position:-60px 0;}
  153. .controls-in-heading .highslide-controls .highslide-next a:hover{background-position:-60px -20px;}
  154. .controls-in-heading .highslide-controls .highslide-next a.disabled{background-position:-60px -40px!important;}
  155. .controls-in-heading .highslide-controls .highslide-full-expand a{background-position:-100px 0;}
  156. .controls-in-heading .highslide-controls .highslide-full-expand a:hover{background-position:-100px -20px;}
  157. .controls-in-heading .highslide-controls .highslide-full-expand a.disabled{background-position:-100px -40px!important;}
  158. .controls-in-heading .highslide-controls .highslide-close a{background-position:-120px 0;}
  159. .controls-in-heading .highslide-controls .highslide-close a:hover{background-position:-120px -20px;}
  160. /*****************************************************************************/
  161. /* Styles for text based controls. */
  162. /* You can safely remove this if you don't use text based controls */
  163. /*****************************************************************************/
  164. .text-controls .highslide-controls{width:auto;height:auto;margin:0;text-align:center;background:none;}
  165. .text-controls ul{position:static;background:none;height:auto;left:0;}
  166. .text-controls .highslide-move{display:none;}
  167. .text-controls li{background-image:url(../images/highslide/controlbar-text-buttons.png);background-position:right top!important;padding:0;margin-left:15px;display:block;width:auto;}
  168. .text-controls a{background:url(../images/highslide/controlbar-text-buttons.png) no-repeat;background-position:left top!important;position:relative;left:-10px;display:block;width:auto;height:auto;text-decoration:none!important;}
  169. .text-controls a span{background:url(../images/highslide/controlbar-text-buttons.png) no-repeat;margin:1px 2px 1px 10px;display:block;min-width:4em;height:18px;line-height:18px;padding:1px 0 1px 18px;color:#333;font-family:"Trebuchet MS", Arial, sans-serif;font-size:12px;font-weight:700;white-space:nowrap;}
  170. .text-controls .highslide-next{margin-right:1em;}
  171. .text-controls .highslide-full-expand a span{min-width:0;margin:1px 0;padding:1px 0 1px 10px;}
  172. .text-controls .highslide-close a span{min-width:0;}
  173. .text-controls a:hover span{color:#000;}
  174. .text-controls a.disabled span{color:#999;}
  175. .text-controls .highslide-previous span{background-position:0 -40px;}
  176. .text-controls .highslide-previous a.disabled{background-position:left top!important;}
  177. .text-controls .highslide-previous a.disabled span{background-position:0 -140px;}
  178. .text-controls .highslide-play span{background-position:0 -60px;}
  179. .text-controls .highslide-play a.disabled{background-position:left top!important;}
  180. .text-controls .highslide-play a.disabled span{background-position:0 -160px;}
  181. .text-controls .highslide-pause span{background-position:0 -80px;}
  182. .text-controls .highslide-next span{background-position:0 -100px;}
  183. .text-controls .highslide-next a.disabled{background-position:left top!important;}
  184. .text-controls .highslide-next a.disabled span{background-position:0 -200px;}
  185. .text-controls .highslide-full-expand span{background:none;}
  186. .text-controls .highslide-full-expand a.disabled{background-position:left top!important;}
  187. .text-controls .highslide-close span{background-position:0 -120px;}
  188. /*****************************************************************************/
  189. /* Styles for the thumbstrip. */
  190. /* See www.highslide.com/ref/hs.addSlideshow */
  191. /* You can safely remove this if you don't use a thumbstrip */
  192. /*****************************************************************************/
  193. .highslide-thumbstrip{height:100%;direction:ltr;}
  194. .highslide-thumbstrip div{overflow:hidden;}
  195. .highslide-thumbstrip table{position:relative;padding:0;border-collapse:collapse;}
  196. .highslide-thumbstrip td{padding:1px;
  197. /*text-align: center;*/}
  198. .highslide-thumbstrip a{outline:none;}
  199. .highslide-thumbstrip img{display:block;border:1px solid gray;margin:0 auto;}
  200. .highslide-thumbstrip .highslide-active-anchor img{visibility:visible;}
  201. .highslide-thumbstrip .highslide-marker{position:absolute;width:0;height:0;border-width:0;border-style:solid;border-color:transparent;/* change this to actual background color in highslide-ie6.css */}
  202. .highslide-thumbstrip-horizontal div{width:auto;/* width: 100% breaks in small strips in IE */}
  203. .highslide-thumbstrip-horizontal .highslide-scroll-up{display:none;position:absolute;top:3px;left:3px;width:25px;height:42px;}
  204. .highslide-thumbstrip-horizontal .highslide-scroll-up div{margin-bottom:10px;cursor:pointer;background:url(../images/highslide/scrollarrows.png) left center no-repeat;height:42px;}
  205. .highslide-thumbstrip-horizontal .highslide-scroll-down{display:none;position:absolute;top:3px;right:3px;width:25px;height:42px;}
  206. .highslide-thumbstrip-horizontal .highslide-scroll-down div{margin-bottom:10px;cursor:pointer;background:url(../images/highslide/scrollarrows.png) center right no-repeat;height:42px;}
  207. .highslide-thumbstrip-horizontal table{margin:2px 0 10px;}
  208. .highslide-viewport .highslide-thumbstrip-horizontal table{margin-left:10px;}
  209. .highslide-thumbstrip-horizontal img{width:auto;height:40px;}
  210. .highslide-thumbstrip-horizontal .highslide-marker{top:47px;border-left-width:6px;border-right-width:6px;border-bottom:6px solid gray;}
  211. .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker{margin-left:10px;}
  212. .dark .highslide-thumbstrip-horizontal .highslide-marker,.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker{border-bottom-color:#FFF!important;}
  213. .highslide-thumbstrip-vertical-overlay{overflow:hidden!important;}
  214. .highslide-thumbstrip-vertical div{height:100%;}
  215. .highslide-thumbstrip-vertical a{display:block;}
  216. .highslide-thumbstrip-vertical .highslide-scroll-up{display:none;position:absolute;top:0;left:0;width:100%;height:25px;}
  217. .highslide-thumbstrip-vertical .highslide-scroll-up div{margin-left:10px;cursor:pointer;background:url(../images/highslide/scrollarrows.png) top center no-repeat;height:25px;}
  218. .highslide-thumbstrip-vertical .highslide-scroll-down{display:none;position:absolute;bottom:0;left:0;width:100%;height:25px;}
  219. .highslide-thumbstrip-vertical .highslide-scroll-down div{margin-left:10px;cursor:pointer;background:url(../images/highslide/scrollarrows.png) bottom center no-repeat;height:25px;}
  220. .highslide-thumbstrip-vertical table{margin:10px 0 0 10px;}
  221. .highslide-thumbstrip-vertical img{width:60px;/* t=5481 */}
  222. .highslide-thumbstrip-vertical .highslide-marker{left:0;margin-top:8px;border-top-width:6px;border-bottom-width:6px;border-left:6px solid gray;}
  223. .dark .highslide-thumbstrip-vertical .highslide-marker,.highslide-viewport .highslide-thumbstrip-vertical .highslide-marker{border-left-color:#FFF;}
  224. .highslide-viewport .highslide-thumbstrip-float{overflow:auto;}
  225. .highslide-thumbstrip-float ul{margin:2px 0;padding:0;}
  226. .highslide-thumbstrip-float li{display:block;height:60px;margin:0 2px;list-style:none;float:left;}
  227. .highslide-thumbstrip-float img{display:inline;border-color:silver;max-height:56px;}
  228. .highslide-thumbstrip-float .highslide-active-anchor img{border-color:#000;}
  229. .highslide-thumbstrip-float .highslide-scroll-up div,.highslide-thumbstrip-float .highslide-scroll-down div{display:none;}
  230. .highslide-thumbstrip-float .highslide-marker{display:none;}