jquery.fancybox.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
  2. .fancybox-tmp iframe, .fancybox-tmp object {
  3. vertical-align: top;
  4. padding: 0;
  5. margin: 0;
  6. }
  7. .fancybox-wrap {
  8. position: absolute;
  9. top: 0;
  10. left: 0;
  11. z-index: 8020;
  12. }
  13. .fancybox-skin {
  14. position: relative;
  15. padding: 0;
  16. margin: 0;
  17. background: #f9f9f9;
  18. color: #444;
  19. text-shadow: none;
  20. -webkit-border-radius: 4px;
  21. -moz-border-radius: 4px;
  22. border-radius: 4px;
  23. }
  24. .fancybox-opened {
  25. z-index: 8030;
  26. }
  27. .fancybox-opened .fancybox-skin {
  28. -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  29. -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  30. box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  31. }
  32. .fancybox-outer, .fancybox-inner {
  33. padding: 0;
  34. margin: 0;
  35. position: relative;
  36. outline: none;
  37. }
  38. .fancybox-inner {
  39. overflow: hidden;
  40. }
  41. .fancybox-type-iframe .fancybox-inner {
  42. -webkit-overflow-scrolling: touch;
  43. }
  44. .fancybox-error {
  45. color: #444;
  46. font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  47. margin: 0;
  48. padding: 10px;
  49. }
  50. .fancybox-image, .fancybox-iframe {
  51. display: block;
  52. width: 100%;
  53. height: 100%;
  54. border: 0;
  55. padding: 0;
  56. margin: 0;
  57. vertical-align: top;
  58. }
  59. .fancybox-image {
  60. max-width: 100%;
  61. max-height: 100%;
  62. }
  63. #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  64. background-image: url('fancybox_sprite.png');
  65. }
  66. #fancybox-loading {
  67. position: fixed;
  68. top: 50%;
  69. left: 50%;
  70. margin-top: -22px;
  71. margin-left: -22px;
  72. background-position: 0 -108px;
  73. opacity: 0.8;
  74. cursor: pointer;
  75. z-index: 8020;
  76. }
  77. #fancybox-loading div {
  78. width: 44px;
  79. height: 44px;
  80. background: url('fancybox_loading.gif') center center no-repeat;
  81. }
  82. .fancybox-close {
  83. position: absolute;
  84. top: -18px;
  85. right: -18px;
  86. width: 36px;
  87. height: 36px;
  88. cursor: pointer;
  89. z-index: 8040;
  90. }
  91. .fancybox-nav {
  92. position: absolute;
  93. top: 0;
  94. width: 40%;
  95. height: 100%;
  96. cursor: pointer;
  97. background: transparent url('blank.gif'); /* helps IE */
  98. -webkit-tap-highlight-color: rgba(0,0,0,0);
  99. z-index: 8040;
  100. }
  101. .fancybox-prev {
  102. left: 0;
  103. }
  104. .fancybox-next {
  105. right: 0;
  106. }
  107. .fancybox-nav span {
  108. position: absolute;
  109. top: 50%;
  110. width: 36px;
  111. height: 34px;
  112. margin-top: -18px;
  113. cursor: pointer;
  114. z-index: 8040;
  115. visibility: hidden;
  116. }
  117. .fancybox-prev span {
  118. left: 20px;
  119. background-position: 0 -36px;
  120. }
  121. .fancybox-next span {
  122. right: 20px;
  123. background-position: 0 -72px;
  124. }
  125. .fancybox-nav:hover span {
  126. visibility: visible;
  127. }
  128. .fancybox-tmp {
  129. position: absolute;
  130. top: -9999px;
  131. left: -9999px;
  132. padding: 0;
  133. overflow: visible;
  134. visibility: hidden;
  135. }
  136. /* Overlay helper */
  137. #fancybox-overlay {
  138. position: absolute;
  139. top: 0;
  140. left: 0;
  141. overflow: hidden;
  142. display: none;
  143. z-index: 8010;
  144. background: #000;
  145. }
  146. #fancybox-overlay.overlay-fixed {
  147. position: fixed;
  148. bottom: 0;
  149. right: 0;
  150. }
  151. /* Title helper */
  152. .fancybox-title {
  153. visibility: hidden;
  154. font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  155. position: relative;
  156. text-shadow: none;
  157. z-index: 8050;
  158. }
  159. .fancybox-opened .fancybox-title {
  160. visibility: visible;
  161. }
  162. .fancybox-title-float-wrap {
  163. position: absolute;
  164. bottom: 0;
  165. right: 50%;
  166. margin-bottom: -35px;
  167. z-index: 8030;
  168. text-align: center;
  169. }
  170. .fancybox-title-float-wrap .child {
  171. display: inline-block;
  172. margin-right: -100%;
  173. padding: 2px 20px;
  174. background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  175. background: rgba(0, 0, 0, 0.8);
  176. -webkit-border-radius: 15px;
  177. -moz-border-radius: 15px;
  178. border-radius: 15px;
  179. text-shadow: 0 1px 2px #222;
  180. color: #FFF;
  181. font-weight: bold;
  182. line-height: 24px;
  183. white-space: nowrap;
  184. }
  185. .fancybox-title-outside-wrap {
  186. position: relative;
  187. margin-top: 10px;
  188. color: #fff;
  189. }
  190. .fancybox-title-inside-wrap {
  191. margin-top: 10px;
  192. }
  193. .fancybox-title-over-wrap {
  194. position: absolute;
  195. bottom: 0;
  196. left: 0;
  197. color: #fff;
  198. padding: 10px;
  199. background: #000;
  200. background: rgba(0, 0, 0, .8);
  201. }