eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on26/03/2015 16:12:11
Showing1 changed files
assets/css/eSM_reveal.css
History View file @06c79f6
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,424 @@
1 
+/****** REVEAL ******/
2 
+@-webkit-keyframes reveal--fadeInDown {
3 
+  0% {
4 
+    opacity: 0;
5 
+    visibility: hidden;
6 
+    -webkit-transform: translate3d(0, -30px, 0);
7 
+    -moz-transform: translate3d(0, -30px, 0);
8 
+    -ms-transform: translate3d(0, -30px, 0);
9 
+    -o-transform: translate3d(0, -30px, 0);
10 
+    transform: translate3d(0, -30px, 0); }
11 
+
12 
+  100% {
13 
+    opacity: 1;
14 
+    visibility: visible;
15 
+    -webkit-transform: none;
16 
+    -moz-transform: none;
17 
+    -ms-transform: none;
18 
+    -o-transform: none;
19 
+    transform: none; } }
20 
+@-moz-keyframes reveal--fadeInDown {
21 
+  0% {
22 
+    opacity: 0;
23 
+    visibility: hidden;
24 
+    -webkit-transform: translate3d(0, -30px, 0);
25 
+    -moz-transform: translate3d(0, -30px, 0);
26 
+    -ms-transform: translate3d(0, -30px, 0);
27 
+    -o-transform: translate3d(0, -30px, 0);
28 
+    transform: translate3d(0, -30px, 0); }
29 
+
30 
+  100% {
31 
+    opacity: 1;
32 
+    visibility: visible;
33 
+    -webkit-transform: none;
34 
+    -moz-transform: none;
35 
+    -ms-transform: none;
36 
+    -o-transform: none;
37 
+    transform: none; } }
38 
+@-o-keyframes reveal--fadeInDown {
39 
+  0% {
40 
+    opacity: 0;
41 
+    visibility: hidden;
42 
+    -webkit-transform: translate3d(0, -30px, 0);
43 
+    -moz-transform: translate3d(0, -30px, 0);
44 
+    -ms-transform: translate3d(0, -30px, 0);
45 
+    -o-transform: translate3d(0, -30px, 0);
46 
+    transform: translate3d(0, -30px, 0); }
47 
+
48 
+  100% {
49 
+    opacity: 1;
50 
+    visibility: visible;
51 
+    -webkit-transform: none;
52 
+    -moz-transform: none;
53 
+    -ms-transform: none;
54 
+    -o-transform: none;
55 
+    transform: none; } }
56 
+@keyframes reveal--fadeInDown {
57 
+  0% {
58 
+    opacity: 0;
59 
+    visibility: hidden;
60 
+    -webkit-transform: translate3d(0, -30px, 0);
61 
+    -moz-transform: translate3d(0, -30px, 0);
62 
+    -ms-transform: translate3d(0, -30px, 0);
63 
+    -o-transform: translate3d(0, -30px, 0);
64 
+    transform: translate3d(0, -30px, 0); }
65 
+
66 
+  100% {
67 
+    opacity: 1;
68 
+    visibility: visible;
69 
+    -webkit-transform: none;
70 
+    -moz-transform: none;
71 
+    -ms-transform: none;
72 
+    -o-transform: none;
73 
+    transform: none; } }
74 
+@-webkit-keyframes reveal--fadeInUp {
75 
+  0% {
76 
+    opacity: 0;
77 
+    visibility: hidden;
78 
+    -webkit-transform: translate3d(0, 30px, 0);
79 
+    -moz-transform: translate3d(0, 30px, 0);
80 
+    -ms-transform: translate3d(0, 30px, 0);
81 
+    -o-transform: translate3d(0, 30px, 0);
82 
+    transform: translate3d(0, 30px, 0); }
83 
+
84 
+  100% {
85 
+    opacity: 1;
86 
+    visibility: visible;
87 
+    -webkit-transform: none;
88 
+    -moz-transform: none;
89 
+    -ms-transform: none;
90 
+    -o-transform: none;
91 
+    transform: none; } }
92 
+@-moz-keyframes reveal--fadeInUp {
93 
+  0% {
94 
+    opacity: 0;
95 
+    visibility: hidden;
96 
+    -webkit-transform: translate3d(0, 30px, 0);
97 
+    -moz-transform: translate3d(0, 30px, 0);
98 
+    -ms-transform: translate3d(0, 30px, 0);
99 
+    -o-transform: translate3d(0, 30px, 0);
100 
+    transform: translate3d(0, 30px, 0); }
101 
+
102 
+  100% {
103 
+    opacity: 1;
104 
+    visibility: visible;
105 
+    -webkit-transform: none;
106 
+    -moz-transform: none;
107 
+    -ms-transform: none;
108 
+    -o-transform: none;
109 
+    transform: none; } }
110 
+@-o-keyframes reveal--fadeInUp {
111 
+  0% {
112 
+    opacity: 0;
113 
+    visibility: hidden;
114 
+    -webkit-transform: translate3d(0, 30px, 0);
115 
+    -moz-transform: translate3d(0, 30px, 0);
116 
+    -ms-transform: translate3d(0, 30px, 0);
117 
+    -o-transform: translate3d(0, 30px, 0);
118 
+    transform: translate3d(0, 30px, 0); }
119 
+
120 
+  100% {
121 
+    opacity: 1;
122 
+    visibility: visible;
123 
+    -webkit-transform: none;
124 
+    -moz-transform: none;
125 
+    -ms-transform: none;
126 
+    -o-transform: none;
127 
+    transform: none; } }
128 
+@keyframes reveal--fadeInUp {
129 
+  0% {
130 
+    opacity: 0;
131 
+    visibility: hidden;
132 
+    -webkit-transform: translate3d(0, 30px, 0);
133 
+    -moz-transform: translate3d(0, 30px, 0);
134 
+    -ms-transform: translate3d(0, 30px, 0);
135 
+    -o-transform: translate3d(0, 30px, 0);
136 
+    transform: translate3d(0, 30px, 0); }
137 
+
138 
+  100% {
139 
+    opacity: 1;
140 
+    visibility: visible;
141 
+    -webkit-transform: none;
142 
+    -moz-transform: none;
143 
+    -ms-transform: none;
144 
+    -o-transform: none;
145 
+    transform: none; } }
146 
+@-webkit-keyframes reveal--zoomOut {
147 
+  0% {
148 
+    opacity: 0;
149 
+    visibility: hidden;
150 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
151 
+    -moz-transform: scale3d(2.2, 1.2, 1);
152 
+    -ms-transform: scale3d(2.2, 1.2, 1);
153 
+    -o-transform: scale3d(2.2, 1.2, 1);
154 
+    transform: scale3d(2.2, 1.2, 1); }
155 
+
156 
+  100% {
157 
+    opacity: 1;
158 
+    visibility: visible;
159 
+    -webkit-transform: none;
160 
+    -moz-transform: none;
161 
+    -ms-transform: none;
162 
+    -o-transform: none;
163 
+    transform: none; } }
164 
+@-moz-keyframes reveal--zoomOut {
165 
+  0% {
166 
+    opacity: 0;
167 
+    visibility: hidden;
168 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
169 
+    -moz-transform: scale3d(2.2, 1.2, 1);
170 
+    -ms-transform: scale3d(2.2, 1.2, 1);
171 
+    -o-transform: scale3d(2.2, 1.2, 1);
172 
+    transform: scale3d(2.2, 1.2, 1); }
173 
+
174 
+  100% {
175 
+    opacity: 1;
176 
+    visibility: visible;
177 
+    -webkit-transform: none;
178 
+    -moz-transform: none;
179 
+    -ms-transform: none;
180 
+    -o-transform: none;
181 
+    transform: none; } }
182 
+@-o-keyframes reveal--zoomOut {
183 
+  0% {
184 
+    opacity: 0;
185 
+    visibility: hidden;
186 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
187 
+    -moz-transform: scale3d(2.2, 1.2, 1);
188 
+    -ms-transform: scale3d(2.2, 1.2, 1);
189 
+    -o-transform: scale3d(2.2, 1.2, 1);
190 
+    transform: scale3d(2.2, 1.2, 1); }
191 
+
192 
+  100% {
193 
+    opacity: 1;
194 
+    visibility: visible;
195 
+    -webkit-transform: none;
196 
+    -moz-transform: none;
197 
+    -ms-transform: none;
198 
+    -o-transform: none;
199 
+    transform: none; } }
200 
+@keyframes reveal--zoomOut {
201 
+  0% {
202 
+    opacity: 0;
203 
+    visibility: hidden;
204 
+    -webkit-transform: scale3d(2.2, 1.2, 1);
205 
+    -moz-transform: scale3d(2.2, 1.2, 1);
206 
+    -ms-transform: scale3d(2.2, 1.2, 1);
207 
+    -o-transform: scale3d(2.2, 1.2, 1);
208 
+    transform: scale3d(2.2, 1.2, 1); }
209 
+
210 
+  100% {
211 
+    opacity: 1;
212 
+    visibility: visible;
213 
+    -webkit-transform: none;
214 
+    -moz-transform: none;
215 
+    -ms-transform: none;
216 
+    -o-transform: none;
217 
+    transform: none; } }
218 
+@-webkit-keyframes reveal--zoomIn {
219 
+  0% {
220 
+    opacity: 0;
221 
+    visibility: hidden;
222 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
223 
+    -moz-transform: scale3d(0.2, 0.7, 1);
224 
+    -ms-transform: scale3d(0.2, 0.7, 1);
225 
+    -o-transform: scale3d(0.2, 0.7, 1);
226 
+    transform: scale3d(0.2, 0.7, 1); }
227 
+
228 
+  100% {
229 
+    opacity: 1;
230 
+    visibility: visible;
231 
+    -webkit-transform: none;
232 
+    -moz-transform: none;
233 
+    -ms-transform: none;
234 
+    -o-transform: none;
235 
+    transform: none; } }
236 
+@-moz-keyframes reveal--zoomIn {
237 
+  0% {
238 
+    opacity: 0;
239 
+    visibility: hidden;
240 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
241 
+    -moz-transform: scale3d(0.2, 0.7, 1);
242 
+    -ms-transform: scale3d(0.2, 0.7, 1);
243 
+    -o-transform: scale3d(0.2, 0.7, 1);
244 
+    transform: scale3d(0.2, 0.7, 1); }
245 
+
246 
+  100% {
247 
+    opacity: 1;
248 
+    visibility: visible;
249 
+    -webkit-transform: none;
250 
+    -moz-transform: none;
251 
+    -ms-transform: none;
252 
+    -o-transform: none;
253 
+    transform: none; } }
254 
+@-o-keyframes reveal--zoomIn {
255 
+  0% {
256 
+    opacity: 0;
257 
+    visibility: hidden;
258 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
259 
+    -moz-transform: scale3d(0.2, 0.7, 1);
260 
+    -ms-transform: scale3d(0.2, 0.7, 1);
261 
+    -o-transform: scale3d(0.2, 0.7, 1);
262 
+    transform: scale3d(0.2, 0.7, 1); }
263 
+
264 
+  100% {
265 
+    opacity: 1;
266 
+    visibility: visible;
267 
+    -webkit-transform: none;
268 
+    -moz-transform: none;
269 
+    -ms-transform: none;
270 
+    -o-transform: none;
271 
+    transform: none; } }
272 
+@keyframes reveal--zoomIn {
273 
+  0% {
274 
+    opacity: 0;
275 
+    visibility: hidden;
276 
+    -webkit-transform: scale3d(0.2, 0.7, 1);
277 
+    -moz-transform: scale3d(0.2, 0.7, 1);
278 
+    -ms-transform: scale3d(0.2, 0.7, 1);
279 
+    -o-transform: scale3d(0.2, 0.7, 1);
280 
+    transform: scale3d(0.2, 0.7, 1); }
281 
+
282 
+  100% {
283 
+    opacity: 1;
284 
+    visibility: visible;
285 
+    -webkit-transform: none;
286 
+    -moz-transform: none;
287 
+    -ms-transform: none;
288 
+    -o-transform: none;
289 
+    transform: none; } }
290 
+.reveal {
291 
+  -webkit-animation-fill-mode: both;
292 
+  -moz-animation-fill-mode: both;
293 
+  -o-animation-fill-mode: both;
294 
+  animation-fill-mode: both;
295 
+  -webkit-animation-duration: 0.5s;
296 
+  -moz-animation-duration: 0.5s;
297 
+  -o-animation-duration: 0.5s;
298 
+  animation-duration: 0.5s;
299 
+  -webkit-animation-delay: 0.5s;
300 
+  -moz-animation-delay: 0.5s;
301 
+  -o-animation-delay: 0.5s;
302 
+  animation-delay: 0.5s;
303 
+  opacity: 0;
304 
+  visibility: hidden; }
305 
+  .reveal.inview.reveal--fadeInDown {
306 
+    -webkit-animation-name: reveal--fadeInDown;
307 
+    -moz-animation-name: reveal--fadeInDown;
308 
+    -o-animation-name: reveal--fadeInDown;
309 
+    animation-name: reveal--fadeInDown; }
310 
+  .reveal.inview.reveal--fadeInUp {
311 
+    -webkit-animation-name: reveal--fadeInUp;
312 
+    -moz-animation-name: reveal--fadeInUp;
313 
+    -o-animation-name: reveal--fadeInUp;
314 
+    animation-name: reveal--fadeInUp; }
315 
+  .reveal.inview.reveal--zoomOut {
316 
+    -webkit-animation-name: reveal--zoomOut;
317 
+    -moz-animation-name: reveal--zoomOut;
318 
+    -o-animation-name: reveal--zoomOut;
319 
+    animation-name: reveal--zoomOut; }
320 
+  .reveal.inview.reveal--zoomIn {
321 
+    -webkit-animation-name: reveal--zoomIn;
322 
+    -moz-animation-name: reveal--zoomIn;
323 
+    -o-animation-name: reveal--zoomIn;
324 
+    animation-name: reveal--zoomIn; }
325 
+  .reveal.reveal-duration--250 {
326 
+    -webkit-animation-duration: 250ms;
327 
+    -moz-animation-duration: 250ms;
328 
+    -o-animation-duration: 250ms;
329 
+    animation-duration: 250ms; }
330 
+  .reveal.reveal-duration--500 {
331 
+    -webkit-animation-duration: 500ms;
332 
+    -moz-animation-duration: 500ms;
333 
+    -o-animation-duration: 500ms;
334 
+    animation-duration: 500ms; }
335 
+  .reveal.reveal-duration--750 {
336 
+    -webkit-animation-duration: 750ms;
337 
+    -moz-animation-duration: 750ms;
338 
+    -o-animation-duration: 750ms;
339 
+    animation-duration: 750ms; }
340 
+  .reveal.reveal-duration--1000 {
341 
+    -webkit-animation-duration: 1000ms;
342 
+    -moz-animation-duration: 1000ms;
343 
+    -o-animation-duration: 1000ms;
344 
+    animation-duration: 1000ms; }
345 
+  .reveal.reveal-duration--1250 {
346 
+    -webkit-animation-duration: 1250ms;
347 
+    -moz-animation-duration: 1250ms;
348 
+    -o-animation-duration: 1250ms;
349 
+    animation-duration: 1250ms; }
350 
+  .reveal.reveal-duration--1500 {
351 
+    -webkit-animation-duration: 1500ms;
352 
+    -moz-animation-duration: 1500ms;
353 
+    -o-animation-duration: 1500ms;
354 
+    animation-duration: 1500ms; }
355 
+  .reveal.reveal-duration--1750 {
356 
+    -webkit-animation-duration: 1750ms;
357 
+    -moz-animation-duration: 1750ms;
358 
+    -o-animation-duration: 1750ms;
359 
+    animation-duration: 1750ms; }
360 
+  .reveal.reveal-duration--2000 {
361 
+    -webkit-animation-duration: 2000ms;
362 
+    -moz-animation-duration: 2000ms;
363 
+    -o-animation-duration: 2000ms;
364 
+    animation-duration: 2000ms; }
365 
+  .reveal.reveal-delay--250 {
366 
+    -webkit-animation-delay: 250ms;
367 
+    -moz-animation-delay: 250ms;
368 
+    -o-animation-delay: 250ms;
369 
+    animation-delay: 250ms; }
370 
+  .reveal.reveal-delay--500 {
371 
+    -webkit-animation-delay: 500ms;
372 
+    -moz-animation-delay: 500ms;
373 
+    -o-animation-delay: 500ms;
374 
+    animation-delay: 500ms; }
375 
+  .reveal.reveal-delay--750 {
376 
+    -webkit-animation-delay: 750ms;
377 
+    -moz-animation-delay: 750ms;
378 
+    -o-animation-delay: 750ms;
379 
+    animation-delay: 750ms; }
380 
+  .reveal.reveal-delay--1000 {
381 
+    -webkit-animation-delay: 1000ms;
382 
+    -moz-animation-delay: 1000ms;
383 
+    -o-animation-delay: 1000ms;
384 
+    animation-delay: 1000ms; }
385 
+  .reveal.reveal-delay--1250 {
386 
+    -webkit-animation-delay: 1250ms;
387 
+    -moz-animation-delay: 1250ms;
388 
+    -o-animation-delay: 1250ms;
389 
+    animation-delay: 1250ms; }
390 
+  .reveal.reveal-delay--1500 {
391 
+    -webkit-animation-delay: 1500ms;
392 
+    -moz-animation-delay: 1500ms;
393 
+    -o-animation-delay: 1500ms;
394 
+    animation-delay: 1500ms; }
395 
+  .reveal.reveal-delay--1750 {
396 
+    -webkit-animation-delay: 1750ms;
397 
+    -moz-animation-delay: 1750ms;
398 
+    -o-animation-delay: 1750ms;
399 
+    animation-delay: 1750ms; }
400 
+  .reveal.reveal-delay--2000 {
401 
+    -webkit-animation-delay: 2000ms;
402 
+    -moz-animation-delay: 2000ms;
403 
+    -o-animation-delay: 2000ms;
404 
+    animation-delay: 2000ms; }
405 
+  .reveal.reveal-delay--2250 {
406 
+    -webkit-animation-delay: 2250ms;
407 
+    -moz-animation-delay: 2250ms;
408 
+    -o-animation-delay: 2250ms;
409 
+    animation-delay: 2250ms; }
410 
+  .reveal.reveal-delay--2500 {
411 
+    -webkit-animation-delay: 2500ms;
412 
+    -moz-animation-delay: 2500ms;
413 
+    -o-animation-delay: 2500ms;
414 
+    animation-delay: 2500ms; }
415 
+  .reveal.reveal-delay--2750 {
416 
+    -webkit-animation-delay: 2750ms;
417 
+    -moz-animation-delay: 2750ms;
418 
+    -o-animation-delay: 2750ms;
419 
+    animation-delay: 2750ms; }
420 
+  .reveal.reveal-delay--3000 {
421 
+    -webkit-animation-delay: 3000ms;
422 
+    -moz-animation-delay: 3000ms;
423 
+    -o-animation-delay: 3000ms;
424 
+    animation-delay: 3000ms; }