You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery.fancybox-1.3.4.css 8.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
  1. /*
  2. * FancyBox - jQuery Plugin
  3. * Simple and fancy lightbox alternative
  4. *
  5. * Examples and documentation at: http://fancybox.net
  6. *
  7. * Copyright (c) 2008 - 2010 Janis Skarnelis
  8. * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
  9. *
  10. * Version: 1.3.4 (11/11/2010)
  11. * Requires: jQuery v1.3+
  12. *
  13. * Dual licensed under the MIT and GPL licenses:
  14. * http://www.opensource.org/licenses/mit-license.php
  15. * http://www.gnu.org/licenses/gpl.html
  16. */
  17. #fancybox-loading {
  18. position: fixed;
  19. top: 50%;
  20. left: 50%;
  21. width: 40px;
  22. height: 40px;
  23. margin-top: -20px;
  24. margin-left: -20px;
  25. cursor: pointer;
  26. overflow: hidden;
  27. z-index: 1104;
  28. display: none;
  29. }
  30. #fancybox-loading div {
  31. position: absolute;
  32. top: 0;
  33. left: 0;
  34. width: 40px;
  35. height: 480px;
  36. background-image: url('fancybox.png');
  37. }
  38. #fancybox-overlay {
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. width: 100%;
  43. z-index: 1100;
  44. display: none;
  45. }
  46. #fancybox-tmp {
  47. padding: 0;
  48. margin: 0;
  49. border: 0;
  50. overflow: auto;
  51. display: none;
  52. }
  53. #fancybox-wrap {
  54. position: absolute;
  55. top: 0;
  56. left: 0;
  57. padding: 20px;
  58. z-index: 1101;
  59. outline: none;
  60. display: none;
  61. }
  62. #fancybox-outer {
  63. position: relative;
  64. width: 100%;
  65. height: 100%;
  66. background: #fff;
  67. }
  68. #fancybox-content {
  69. width: 0;
  70. height: 0;
  71. padding: 0;
  72. outline: none;
  73. position: relative;
  74. overflow: hidden;
  75. z-index: 1102;
  76. border: 0px solid #fff;
  77. }
  78. #fancybox-hide-sel-frame {
  79. position: absolute;
  80. top: 0;
  81. left: 0;
  82. width: 100%;
  83. height: 100%;
  84. background: transparent;
  85. z-index: 1101;
  86. }
  87. #fancybox-close {
  88. position: absolute;
  89. top: -15px;
  90. right: -15px;
  91. width: 30px;
  92. height: 30px;
  93. background: transparent url('fancybox.png') -40px 0px;
  94. cursor: pointer;
  95. z-index: 1103;
  96. display: none;
  97. }
  98. #fancybox-error {
  99. color: #444;
  100. font: normal 12px/20px Arial;
  101. padding: 14px;
  102. margin: 0;
  103. }
  104. #fancybox-img {
  105. width: 100%;
  106. height: 100%;
  107. padding: 0;
  108. margin: 0;
  109. border: none;
  110. outline: none;
  111. line-height: 0;
  112. vertical-align: top;
  113. }
  114. #fancybox-frame {
  115. width: 100%;
  116. height: 100%;
  117. border: none;
  118. display: block;
  119. }
  120. #fancybox-left, #fancybox-right {
  121. position: absolute;
  122. bottom: 0px;
  123. height: 100%;
  124. width: 35%;
  125. cursor: pointer;
  126. outline: none;
  127. background: transparent url('blank.gif');
  128. z-index: 1102;
  129. display: none;
  130. }
  131. #fancybox-left {
  132. left: 0px;
  133. }
  134. #fancybox-right {
  135. right: 0px;
  136. }
  137. #fancybox-left-ico, #fancybox-right-ico {
  138. position: absolute;
  139. top: 50%;
  140. left: -9999px;
  141. width: 30px;
  142. height: 30px;
  143. margin-top: -15px;
  144. cursor: pointer;
  145. z-index: 1102;
  146. display: block;
  147. }
  148. #fancybox-left-ico {
  149. background-image: url('fancybox.png');
  150. background-position: -40px -30px;
  151. }
  152. #fancybox-right-ico {
  153. background-image: url('fancybox.png');
  154. background-position: -40px -60px;
  155. }
  156. #fancybox-left:hover, #fancybox-right:hover {
  157. visibility: visible; /* IE6 */
  158. }
  159. #fancybox-left:hover span {
  160. left: 20px;
  161. }
  162. #fancybox-right:hover span {
  163. left: auto;
  164. right: 20px;
  165. }
  166. .fancybox-bg {
  167. position: absolute;
  168. padding: 0;
  169. margin: 0;
  170. border: 0;
  171. width: 20px;
  172. height: 20px;
  173. z-index: 1001;
  174. }
  175. #fancybox-bg-n {
  176. top: -20px;
  177. left: 0;
  178. width: 100%;
  179. background-image: url('fancybox-x.png');
  180. }
  181. #fancybox-bg-ne {
  182. top: -20px;
  183. right: -20px;
  184. background-image: url('fancybox.png');
  185. background-position: -40px -162px;
  186. }
  187. #fancybox-bg-e {
  188. top: 0;
  189. right: -20px;
  190. height: 100%;
  191. background-image: url('fancybox-y.png');
  192. background-position: -20px 0px;
  193. }
  194. #fancybox-bg-se {
  195. bottom: -20px;
  196. right: -20px;
  197. background-image: url('fancybox.png');
  198. background-position: -40px -182px;
  199. }
  200. #fancybox-bg-s {
  201. bottom: -20px;
  202. left: 0;
  203. width: 100%;
  204. background-image: url('fancybox-x.png');
  205. background-position: 0px -20px;
  206. }
  207. #fancybox-bg-sw {
  208. bottom: -20px;
  209. left: -20px;
  210. background-image: url('fancybox.png');
  211. background-position: -40px -142px;
  212. }
  213. #fancybox-bg-w {
  214. top: 0;
  215. left: -20px;
  216. height: 100%;
  217. background-image: url('fancybox-y.png');
  218. }
  219. #fancybox-bg-nw {
  220. top: -20px;
  221. left: -20px;
  222. background-image: url('fancybox.png');
  223. background-position: -40px -122px;
  224. }
  225. #fancybox-title {
  226. font-family: Helvetica;
  227. font-size: 12px;
  228. z-index: 1102;
  229. }
  230. .fancybox-title-inside {
  231. padding-bottom: 10px;
  232. text-align: center;
  233. color: #333;
  234. background: #fff;
  235. position: relative;
  236. }
  237. .fancybox-title-outside {
  238. padding-top: 10px;
  239. color: #fff;
  240. }
  241. .fancybox-title-over {
  242. position: absolute;
  243. bottom: 0;
  244. left: 0;
  245. color: #FFF;
  246. text-align: left;
  247. }
  248. #fancybox-title-over {
  249. padding: 10px;
  250. background-image: url('fancy_title_over.png');
  251. display: block;
  252. }
  253. .fancybox-title-float {
  254. position: absolute;
  255. left: 0;
  256. bottom: -20px;
  257. height: 32px;
  258. }
  259. #fancybox-title-float-wrap {
  260. border: none;
  261. border-collapse: collapse;
  262. width: auto;
  263. }
  264. #fancybox-title-float-wrap td {
  265. border: none;
  266. white-space: nowrap;
  267. }
  268. #fancybox-title-float-left {
  269. padding: 0 0 0 15px;
  270. background: url('fancybox.png') -40px -90px no-repeat;
  271. }
  272. #fancybox-title-float-main {
  273. color: #FFF;
  274. line-height: 29px;
  275. font-weight: bold;
  276. padding: 0 0 3px 0;
  277. background: url('fancybox-x.png') 0px -40px;
  278. }
  279. #fancybox-title-float-right {
  280. padding: 0 0 0 15px;
  281. background: url('fancybox.png') -55px -90px no-repeat;
  282. }
  283. /* IE6 */
  284. .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
  285. .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
  286. .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
  287. .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
  288. .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
  289. .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
  290. .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
  291. .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  292. height: expression(this.parentNode.clientHeight + "px");
  293. }
  294. #fancybox-loading.fancybox-ie6 {
  295. position: absolute; margin-top: 0;
  296. top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
  297. }
  298. #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
  299. /* IE6, IE7, IE8 */
  300. .fancybox-ie .fancybox-bg { background: transparent !important; }
  301. .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
  302. .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
  303. .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
  304. .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
  305. .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
  306. .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
  307. .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
  308. .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }