Mercurial > public > madeira

comparison static/js/fancybox2/source/jquery.fancybox.css @ 106:846cda22d77c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Bootstrap: Photo pages reworked.
author Brian Neal <bgneal@gmail.com>
date Fri, 18 Oct 2013 20:31:36 -0500
parents
children
comparison
equal deleted inserted replaced
105:afcbfe23f068 106:846cda22d77c
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
20 .fancybox-wrap {
21 position: absolute;
22 top: 0;
23 left: 0;
24 z-index: 8020;
25 }
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
37 .fancybox-opened {
38 z-index: 8030;
39 }
40
41 .fancybox-opened .fancybox-skin {
42 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
43 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
44 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
45 }
46
47 .fancybox-outer, .fancybox-inner {
48 position: relative;
49 }
50
51 .fancybox-inner {
52 overflow: hidden;
53 }
54
55 .fancybox-type-iframe .fancybox-inner {
56 -webkit-overflow-scrolling: touch;
57 }
58
59 .fancybox-error {
60 color: #444;
61 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
62 margin: 0;
63 padding: 15px;
64 white-space: nowrap;
65 }
66
67 .fancybox-image, .fancybox-iframe {
68 display: block;
69 width: 100%;
70 height: 100%;
71 }
72
73 .fancybox-image {
74 max-width: 100%;
75 max-height: 100%;
76 }
77
78 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
79 background-image: url('fancybox_sprite.png');
80 }
81
82 #fancybox-loading {
83 position: fixed;
84 top: 50%;
85 left: 50%;
86 margin-top: -22px;
87 margin-left: -22px;
88 background-position: 0 -108px;
89 opacity: 0.8;
90 cursor: pointer;
91 z-index: 8060;
92 }
93
94 #fancybox-loading div {
95 width: 44px;
96 height: 44px;
97 background: url('fancybox_loading.gif') center center no-repeat;
98 }
99
100 .fancybox-close {
101 position: absolute;
102 top: -18px;
103 right: -18px;
104 width: 36px;
105 height: 36px;
106 cursor: pointer;
107 z-index: 8040;
108 }
109
110 .fancybox-nav {
111 position: absolute;
112 top: 0;
113 width: 40%;
114 height: 100%;
115 cursor: pointer;
116 text-decoration: none;
117 background: transparent url('blank.gif'); /* helps IE */
118 -webkit-tap-highlight-color: rgba(0,0,0,0);
119 z-index: 8040;
120 }
121
122 .fancybox-prev {
123 left: 0;
124 }
125
126 .fancybox-next {
127 right: 0;
128 }
129
130 .fancybox-nav span {
131 position: absolute;
132 top: 50%;
133 width: 36px;
134 height: 34px;
135 margin-top: -18px;
136 cursor: pointer;
137 z-index: 8040;
138 visibility: hidden;
139 }
140
141 .fancybox-prev span {
142 left: 10px;
143 background-position: 0 -36px;
144 }
145
146 .fancybox-next span {
147 right: 10px;
148 background-position: 0 -72px;
149 }
150
151 .fancybox-nav:hover span {
152 visibility: visible;
153 }
154
155 .fancybox-tmp {
156 position: absolute;
157 top: -99999px;
158 left: -99999px;
159 visibility: hidden;
160 max-width: 99999px;
161 max-height: 99999px;
162 overflow: visible !important;
163 }
164
165 /* Overlay helper */
166
167 .fancybox-lock {
168 overflow: hidden !important;
169 width: auto;
170 }
171
172 .fancybox-lock body {
173 overflow: hidden !important;
174 }
175
176 .fancybox-lock-test {
177 overflow-y: hidden !important;
178 }
179
180 .fancybox-overlay {
181 position: absolute;
182 top: 0;
183 left: 0;
184 overflow: hidden;
185 display: none;
186 z-index: 8010;
187 background: url('fancybox_overlay.png');
188 }
189
190 .fancybox-overlay-fixed {
191 position: fixed;
192 bottom: 0;
193 right: 0;
194 }
195
196 .fancybox-lock .fancybox-overlay {
197 overflow: auto;
198 overflow-y: scroll;
199 }
200
201 /* Title helper */
202
203 .fancybox-title {
204 visibility: hidden;
205 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
206 position: relative;
207 text-shadow: none;
208 z-index: 8050;
209 }
210
211 .fancybox-opened .fancybox-title {
212 visibility: visible;
213 }
214
215 .fancybox-title-float-wrap {
216 position: absolute;
217 bottom: 0;
218 right: 50%;
219 margin-bottom: -35px;
220 z-index: 8050;
221 text-align: center;
222 }
223
224 .fancybox-title-float-wrap .child {
225 display: inline-block;
226 margin-right: -100%;
227 padding: 2px 20px;
228 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
229 background: rgba(0, 0, 0, 0.8);
230 -webkit-border-radius: 15px;
231 -moz-border-radius: 15px;
232 border-radius: 15px;
233 text-shadow: 0 1px 2px #222;
234 color: #FFF;
235 font-weight: bold;
236 line-height: 24px;
237 white-space: nowrap;
238 }
239
240 .fancybox-title-outside-wrap {
241 position: relative;
242 margin-top: 10px;
243 color: #fff;
244 }
245
246 .fancybox-title-inside-wrap {
247 padding-top: 10px;
248 }
249
250 .fancybox-title-over-wrap {
251 position: absolute;
252 bottom: 0;
253 left: 0;
254 color: #fff;
255 padding: 10px;
256 background: #000;
257 background: rgba(0, 0, 0, .8);
258 }
259
260 /*Retina graphics!*/
261 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
262 only screen and (min--moz-device-pixel-ratio: 1.5),
263 only screen and (min-device-pixel-ratio: 1.5){
264
265 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
266 background-image: url('fancybox_sprite@2x.png');
267 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
268 }
269
270 #fancybox-loading div {
271 background-image: url('fancybox_loading@2x.gif');
272 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
273 }
274 }