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