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