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.

273 lines
4.8 KiB

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