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