jquery.fancybox-1.3.4.css 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. /****************************************************************
  2. * *
  3. * 代码库 *
  4. * www.dmaku.com *
  5. * 努力创建完善、持续更新插件以及模板 *
  6. * *
  7. ****************************************************************/
  8. #fancybox-loading {
  9. position: fixed;
  10. top: 50%;
  11. left: 50%;
  12. width: 40px;
  13. height: 40px;
  14. margin-top: -20px;
  15. margin-left: -20px;
  16. cursor: pointer;
  17. overflow: hidden;
  18. z-index: 1104;
  19. display: none;
  20. }
  21. #fancybox-loading div {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. width: 40px;
  26. height: 480px;
  27. background-image: url('../images/fancybox.png');
  28. }
  29. #fancybox-overlay {
  30. position: absolute;
  31. top: 0;
  32. left: 0;
  33. width: 100%;
  34. z-index: 110000;
  35. display: none;
  36. }
  37. #fancybox-tmp {
  38. padding: 0;
  39. margin: 0;
  40. border: 0;
  41. overflow: auto;
  42. display: none;
  43. }
  44. #fancybox-wrap {
  45. position: absolute;
  46. top: 0;
  47. left: 0;
  48. padding: 20px;
  49. z-index: 110001;
  50. outline: none;
  51. display: none;
  52. }
  53. #fancybox-outer {
  54. position: relative;
  55. width: 100%;
  56. height: 100%;
  57. background: #fff;
  58. }
  59. #fancybox-content {
  60. width: 0;
  61. height: 0;
  62. padding: 0;
  63. outline: none;
  64. position: relative;
  65. overflow: hidden;
  66. z-index: 1102;
  67. border: 0px solid #fff;
  68. }
  69. #fancybox-hide-sel-frame {
  70. position: absolute;
  71. top: 0;
  72. left: 0;
  73. width: 100%;
  74. height: 100%;
  75. background: transparent;
  76. z-index: 1101;
  77. }
  78. #fancybox-close {
  79. position: absolute;
  80. top: -15px;
  81. right: -15px;
  82. width: 30px;
  83. height: 30px;
  84. background: transparent url('../images/fancybox.png') -40px 0px;
  85. cursor: pointer;
  86. z-index: 1103;
  87. display: none;
  88. }
  89. #fancybox-error {
  90. color: #444;
  91. font: normal 12px/20px Arial;
  92. padding: 14px;
  93. margin: 0;
  94. }
  95. #fancybox-img {
  96. width: 100%;
  97. height: 100%;
  98. padding: 0;
  99. margin: 0;
  100. border: none;
  101. outline: none;
  102. line-height: 0;
  103. vertical-align: top;
  104. }
  105. #fancybox-frame {
  106. width: 100%;
  107. height: 100%;
  108. border: none;
  109. display: block;
  110. }
  111. #fancybox-left, #fancybox-right {
  112. position: absolute;
  113. bottom: 0px;
  114. height: 100%;
  115. width: 35%;
  116. cursor: pointer;
  117. outline: none;
  118. background: transparent url('../images/blank.gif');
  119. z-index: 1102;
  120. display: none;
  121. }
  122. #fancybox-left {
  123. left: 0px;
  124. }
  125. #fancybox-right {
  126. right: 0px;
  127. }
  128. #fancybox-left-ico, #fancybox-right-ico {
  129. position: absolute;
  130. top: 50%;
  131. left: -9999px;
  132. width: 30px;
  133. height: 30px;
  134. margin-top: -15px;
  135. cursor: pointer;
  136. z-index: 1102;
  137. display: block;
  138. }
  139. #fancybox-left-ico {
  140. background-image: url('../images/fancybox.png');
  141. background-position: -40px -30px;
  142. }
  143. #fancybox-right-ico {
  144. background-image: url('../images/fancybox.png');
  145. background-position: -40px -60px;
  146. }
  147. #fancybox-left:hover, #fancybox-right:hover {
  148. visibility: visible;
  149. }
  150. #fancybox-left:hover span {
  151. left: 20px;
  152. }
  153. #fancybox-right:hover span {
  154. left: auto;
  155. right: 20px;
  156. }
  157. .fancybox-bg {
  158. position: absolute;
  159. padding: 0;
  160. margin: 0;
  161. border: 0;
  162. width: 20px;
  163. height: 20px;
  164. z-index: 1001;
  165. }
  166. #fancybox-bg-n {
  167. top: -20px;
  168. left: 0;
  169. width: 100%;
  170. background-image: url('../images/fancybox-x.png');
  171. }
  172. #fancybox-bg-ne {
  173. top: -20px;
  174. right: -20px;
  175. background-image: url('../images/fancybox.png');
  176. background-position: -40px -162px;
  177. }
  178. #fancybox-bg-e {
  179. top: 0;
  180. right: -20px;
  181. height: 100%;
  182. background-image: url('../images/fancybox-y.png');
  183. background-position: -20px 0px;
  184. }
  185. #fancybox-bg-se {
  186. bottom: -20px;
  187. right: -20px;
  188. background-image: url('../images/fancybox.png');
  189. background-position: -40px -182px;
  190. }
  191. #fancybox-bg-s {
  192. bottom: -20px;
  193. left: 0;
  194. width: 100%;
  195. background-image: url('../images/fancybox-x.png');
  196. background-position: 0px -20px;
  197. }
  198. #fancybox-bg-sw {
  199. bottom: -20px;
  200. left: -20px;
  201. background-image: url('../images/fancybox.png');
  202. background-position: -40px -142px;
  203. }
  204. #fancybox-bg-w {
  205. top: 0;
  206. left: -20px;
  207. height: 100%;
  208. background-image: url('../images/fancybox-y.png');
  209. }
  210. #fancybox-bg-nw {
  211. top: -20px;
  212. left: -20px;
  213. background-image: url('../images/fancybox.png');
  214. background-position: -40px -122px;
  215. }
  216. #fancybox-title {
  217. font-family: Helvetica;
  218. font-size: 12px;
  219. z-index: 1102;
  220. }
  221. .fancybox-title-inside {
  222. padding-bottom: 10px;
  223. text-align: center;
  224. color: #333;
  225. background: #fff;
  226. position: relative;
  227. }
  228. .fancybox-title-outside {
  229. padding-top: 10px;
  230. color: #fff;
  231. }
  232. .fancybox-title-over {
  233. position: absolute;
  234. bottom: 0;
  235. left: 0;
  236. color: #FFF;
  237. text-align: left;
  238. }
  239. #fancybox-title-over {
  240. padding: 10px;
  241. background-image: url('../images/fancy_title_over.png');
  242. display: block;
  243. }
  244. .fancybox-title-float {
  245. position: absolute;
  246. left: 0;
  247. bottom: -20px;
  248. height: 32px;
  249. }
  250. #fancybox-title-float-wrap {
  251. border: none;
  252. border-collapse: collapse;
  253. width: auto;
  254. }
  255. #fancybox-title-float-wrap td {
  256. border: none;
  257. white-space: nowrap;
  258. }
  259. #fancybox-title-float-left {
  260. padding: 0 0 0 15px;
  261. background: url('../images/fancybox.png') -40px -90px no-repeat;
  262. }
  263. #fancybox-title-float-main {
  264. color: #FFF;
  265. line-height: 29px;
  266. font-weight: bold;
  267. padding: 0 0 3px 0;
  268. background: url('../images/fancybox-x.png') 0px -40px;
  269. }
  270. #fancybox-title-float-right {
  271. padding: 0 0 0 15px;
  272. background: url('../images/fancybox.png') -55px -90px no-repeat;
  273. }
  274. /* IE6 */
  275. .fancybox-ie6 #fancybox-close {
  276. background: transparent;
  277. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png', sizingMethod='scale');
  278. }
  279. .fancybox-ie6 #fancybox-left-ico {
  280. background: transparent;
  281. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png', sizingMethod='scale');
  282. }
  283. .fancybox-ie6 #fancybox-right-ico {
  284. background: transparent;
  285. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png', sizingMethod='scale');
  286. }
  287. .fancybox-ie6 #fancybox-title-over {
  288. background: transparent;
  289. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png', sizingMethod='scale');
  290. zoom: 1;
  291. }
  292. .fancybox-ie6 #fancybox-title-float-left {
  293. background: transparent;
  294. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png', sizingMethod='scale');
  295. }
  296. .fancybox-ie6 #fancybox-title-float-main {
  297. background: transparent;
  298. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png', sizingMethod='scale');
  299. }
  300. .fancybox-ie6 #fancybox-title-float-right {
  301. background: transparent;
  302. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png', sizingMethod='scale');
  303. }
  304. .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  305. height: expression(this.parentNode.clientHeight + "px");
  306. }
  307. #fancybox-loading.fancybox-ie6 {
  308. position: absolute;
  309. margin-top: 0;
  310. 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');
  311. }
  312. #fancybox-loading.fancybox-ie6 div {
  313. background: transparent;
  314. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png', sizingMethod='scale');
  315. }
  316. /* IE6, IE7, IE8 */
  317. .fancybox-ie .fancybox-bg {
  318. background: transparent !important;
  319. }
  320. .fancybox-ie #fancybox-bg-n {
  321. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale');
  322. }
  323. .fancybox-ie #fancybox-bg-ne {
  324. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
  325. }
  326. .fancybox-ie #fancybox-bg-e {
  327. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale');
  328. }
  329. .fancybox-ie #fancybox-bg-se {
  330. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale');
  331. }
  332. .fancybox-ie #fancybox-bg-s {
  333. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale');
  334. }
  335. .fancybox-ie #fancybox-bg-sw {
  336. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
  337. }
  338. .fancybox-ie #fancybox-bg-w {
  339. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale');
  340. }
  341. .fancybox-ie #fancybox-bg-nw {
  342. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
  343. }