/pigeoncms/Js/fancybox/fancy.css

http://pigeoncms.googlecode.com/ · CSS · 333 lines · 276 code · 43 blank · 14 comment · 0 complexity · 4aab71c778e4bec5ffc822f94f8970a7 MD5 · raw file

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