PluginProbe
AWSM Team – Team Showcase Plugin / 1.1
AWSM Team – Team Showcase Plugin v1.1
trunk 1.0 1.1 1.1.2 1.2.1 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4
← All changes | css/team.css +271 -349 trunk → 1.1 View file →
@@ -1,268 +1,4 @@
1 -@font-face {
2 - font-family: 'awsmicon';
3 - src: url('fonts/icomoon.eot');
4 - src: url('fonts/icomoon.eot') format('embedded-opentype'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.svg') format('svg');
5 - font-weight: normal;
6 - font-style: normal;
7 -}
8 -
9 -[class^="awsm-icon-"],
10 -[class*=" awsm-icon-"] {
11 -
12 - /* use !important to prevent issues with browser extensions that change fonts */
13 - font-family: 'awsmicon' !important;
14 - speak: none;
15 - font-style: normal;
16 - font-weight: normal;
17 - font-variant: normal;
18 - text-transform: none;
19 - line-height: 1; /* Better Font Rendering =========== */
20 - -webkit-font-smoothing: antialiased;
21 - -moz-osx-font-smoothing: grayscale;
22 -}
23 -
24 -.awsm-icon-viber:before {
25 - content: "\e923";
26 -}
27 -.awsm-icon-slack:before {
28 - content: "\e924";
29 -}
30 -.awsm-icon-discord:before {
31 - content: "\e925";
32 -}
33 -.awsm-icon-mixer:before {
34 - content: "\e926";
35 -}
36 -.awsm-icon-arrow-down:before {
37 - content: "\e60f";
38 -}
39 -.awsm-icon-arrow-left:before {
40 - content: "\e610";
41 -}
42 -.awsm-icon-arrow-right:before {
43 - content: "\e611";
44 -}
45 -.awsm-icon-close:before {
46 - content: "\e612";
47 -}
48 -.awsm-icon-yelp:before {
49 - content: "\e900";
50 -}
51 -.awsm-icon-github:before {
52 - content: "\e901";
53 -}
54 -.awsm-icon-flattr:before {
55 - content: "\e902";
56 -}
57 -.awsm-icon-xing:before {
58 - content: "\e903";
59 -}
60 -.awsm-icon-xing2:before {
61 - content: "\e904";
62 -}
63 -.awsm-icon-stumbleupon:before {
64 - content: "\e905";
65 -}
66 -.awsm-icon-stumbleupon2:before {
67 - content: "\e906";
68 -}
69 -.awsm-icon-delicious:before {
70 - content: "\e907";
71 -}
72 -.awsm-icon-lastfm:before {
73 - content: "\e908";
74 -}
75 -.awsm-icon-lastfm2:before {
76 - content: "\e909";
77 -}
78 -.awsm-icon-hackernews:before {
79 - content: "\e90a";
80 -}
81 -.awsm-icon-reddit:before {
82 - content: "\e90b";
83 -}
84 -.awsm-icon-soundcloud:before {
85 - content: "\e90c";
86 -}
87 -.awsm-icon-soundcloud2:before {
88 - content: "\e90d";
89 -}
90 -.awsm-icon-yahoo:before {
91 - content: "\e90e";
92 -}
93 -.awsm-icon-blogger2:before {
94 - content: "\e90f";
95 -}
96 -.awsm-icon-ello:before {
97 - content: "\e910";
98 -}
99 -.awsm-icon-wordpress2:before {
100 - content: "\e911";
101 -}
102 -.awsm-icon-steam:before {
103 - content: "\e912";
104 -}
105 -.awsm-icon-steam2:before {
106 - content: "\e913";
107 -}
108 -.awsm-icon-500px:before {
109 - content: "\e914";
110 -}
111 -.awsm-icon-deviantart:before {
112 - content: "\e915";
113 -}
114 -.awsm-icon-twitch:before {
115 - content: "\e916";
116 -}
117 -.awsm-icon-feed:before {
118 - content: "\e917";
119 -}
120 -.awsm-icon-feed2:before {
121 - content: "\e918";
122 -}
123 -.awsm-icon-sina-weibo:before {
124 - content: "\e919";
125 -}
126 -.awsm-icon-renren:before {
127 - content: "\e91a";
128 -}
129 -.awsm-icon-vk:before {
130 - content: "\e91b";
131 -}
132 -.awsm-icon-vine:before {
133 - content: "\e91c";
134 -}
135 -.awsm-icon-telegram:before {
136 - content: "\e91d";
137 -}
138 -.awsm-icon-spotify:before {
139 - content: "\e91e";
140 -}
141 -.awsm-icon-mail2:before {
142 - content: "\e91f";
143 -}
144 -.awsm-icon-mail3:before {
145 - content: "\e920";
146 -}
147 -.awsm-icon-check:before {
148 - content: "\e921";
149 -}
150 -.awsm-icon-mail:before {
151 - content: "\e945";
152 -}
153 -.awsm-icon-link:before {
154 - content: "\e9cb";
155 -}
156 -.awsm-icon-google-plus:before {
157 - content: "\ea8b";
158 -}
159 -.awsm-icon-google-plus2:before {
160 - content: "\ea8c";
161 -}
162 -.awsm-icon-hangouts:before {
163 - content: "\ea8e";
164 -}
165 -.awsm-icon-google-drive:before {
166 - content: "\ea8f";
167 -}
168 -.awsm-icon-facebook:before {
169 - content: "\ea90";
170 -}
171 -.awsm-icon-facebook2:before {
172 - content: "\ea91";
173 -}
174 -.awsm-icon-instagram:before {
175 - content: "\ea92";
176 -}
177 -.awsm-icon-whatsapp:before {
178 - content: "\ea93";
179 -}
180 -.awsm-icon-twitter:before {
181 - content: "\ea96";
182 -}
183 -.awsm-icon-youtube:before {
184 - content: "\ea9d";
185 -}
186 -.awsm-icon-vimeo:before {
187 - content: "\eaa0";
188 -}
189 -.awsm-icon-vimeo2:before {
190 - content: "\eaa1";
191 -}
192 -.awsm-icon-flickr:before {
193 - content: "\eaa3";
194 -}
195 -.awsm-icon-flickr2:before {
196 - content: "\eaa4";
197 -}
198 -.awsm-icon-dribbble:before {
199 - content: "\eaa7";
200 -}
201 -.awsm-icon-behance:before {
202 - content: "\eaa8";
203 -}
204 -.awsm-icon-behance2:before {
205 - content: "\eaa9";
206 -}
207 -.awsm-icon-dropbox:before {
208 - content: "\eaae";
209 -}
210 -.awsm-icon-wordpress:before {
211 - content: "\eab4";
212 -}
213 -.awsm-icon-blogger:before {
214 - content: "\eab8";
215 -}
216 -.awsm-icon-tumblr:before {
217 - content: "\eab9";
218 -}
219 -.awsm-icon-tumblr2:before {
220 - content: "\eaba";
221 -}
222 -.awsm-icon-skype:before {
223 - content: "\eac5";
224 -}
225 -.awsm-icon-linkedin2:before {
226 - content: "\eac9";
227 -}
228 -.awsm-icon-linkedin:before {
229 - content: "\eaca";
230 -}
231 -.awsm-icon-stackoverflow:before {
232 - content: "\ead0";
233 -}
234 -.awsm-icon-pinterest2:before {
235 - content: "\ead1";
236 -}
237 -.awsm-icon-pinterest:before {
238 - content: "\ead2";
239 -}
240 -.awsm-icon-foursquare:before {
241 - content: "\ead6";
242 -}
243 -.awsm-icon-snapchat-ghost:before {
244 - content: "\e927";
245 -}
246 -.awsm-icon-imdb:before {
247 - content: "\e928";
248 -}
249 -.awsm-icon-meetup:before {
250 - content: "\e929";
251 -}
252 -.awsm-icon-wechat:before {
253 - content: "\e92a";
254 -}
255 -.awsm-icon-weixin:before {
256 - content: "\e92a";
257 -}
258 -.awsm-icon-quora:before {
259 - content: "\e922";
260 -}
261 -.awsm-icon-phone:before {
262 - content: "\e942";
263 -}
264 -
265 1 .awsm-grid-wrapper,
266 2 .awsm-grid-wrapper *,
267 3 .awsm-grid-wrapper::before,
268 4 .awsm-grid-wrapper::after {
@@ -283,8 +19,13 @@
283 19 -webkit-margin-start: 0;
284 20 -webkit-margin-end: 0;
285 21 }
286 22
23 +html.awsm-popup-on{
24 + height: 100%;
25 + overflow: hidden;
26 +}
27 +
287 28 .awsm-personal-info,
288 29 .awsm-contact-info,
289 30 .awsm-flip-front,
290 31 .awsm-flip-back-inner {
@@ -352,10 +93,9 @@
352 93 }
353 94
354 95 .awsm-grid-wrapper a {
355 96 text-decoration: none;
356 - -webkit-box-shadow: none;
357 - box-shadow: none;
97 + box-shadow: none;
358 98 border-bottom: 0;
359 99 outline: none;
360 100 }
361 101
@@ -403,12 +143,9 @@
403 143 .awsm-social-icons a {
404 144 display: block;
405 145 -webkit-transition: -webkit-transform 0.3s;
406 146 -moz-transition: -moz-transform 0.3s;
407 - transition: -webkit-transform 0.3s;
408 - -moz-transition: transform 0.3s, -moz-transform 0.3s;
409 147 transition: transform 0.3s;
410 - transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
411 148 line-height: 1;
412 149 }
413 150
414 151 .awsm-social-icons a:hover {
@@ -413,10 +150,9 @@
413 150
414 151 .awsm-social-icons a:hover {
415 152 -moz-transform: translateY(-4px);
416 153 -webkit-transform: translateY(-4px);
417 - -ms-transform: translateY(-4px);
418 - transform: translateY(-4px);
154 + transform: translateY(-4px);
419 155 }
420 156
421 157 .awsm-grid-wrapper .awsm-contact-details {
422 158 margin-bottom: 20px;
@@ -437,11 +173,12 @@
437 173 font-size: 14px;
438 174 }
439 175
440 176 figure figcaption a,
177 +.awsm-popup-details a,
178 +.awsm-popup-items a,
441 179 .drawer-style a {
442 - -webkit-box-shadow: none;
443 - box-shadow: none;
180 + box-shadow: none;
444 181 border-bottom: 0;
445 182 }
446 183
447 184 .awsm-grid-nav {
@@ -512,8 +249,15 @@
512 249 }
513 250
514 251 }
515 252
253 +@media (max-width:830px) {
254 + .awsm-popup-on body {
255 + overflow: auto;
256 + }
257 +
258 +}
259 +
516 260 @media (max-width:678px) {
517 261 .awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
518 262 width: 100%;
519 263 }
@@ -518,9 +262,236 @@
518 262 width: 100%;
519 263 }
520 264
521 265 }
266 +@font-face {
267 + font-family: 'icomoon';
268 + src: url('fonts/icomoon.eot');
269 + src: url('fonts/icomoon.eot') format('embedded-opentype'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.svg') format('svg');
270 + font-weight: normal;
271 + font-style: normal;
272 +}
522 273
274 +[class^="awsm-icon-"],
275 +[class*=" awsm-icon-"] {
276 +
277 + /* use !important to prevent issues with browser extensions that change fonts */
278 + font-family: 'icomoon' !important;
279 + speak: none;
280 + font-style: normal;
281 + font-weight: normal;
282 + font-variant: normal;
283 + text-transform: none;
284 + line-height: 1; /* Better Font Rendering =========== */
285 + -webkit-font-smoothing: antialiased;
286 + -moz-osx-font-smoothing: grayscale;
287 +}
288 +
289 +.awsm-icon-yelp:before {
290 + content: "\e900";
291 +}
292 +.awsm-icon-flattr:before {
293 + content: "\e902";
294 +}
295 +.awsm-icon-xing:before {
296 + content: "\e903";
297 +}
298 +.awsm-icon-xing2:before {
299 + content: "\e904";
300 +}
301 +.awsm-icon-stumbleupon:before {
302 + content: "\e905";
303 +}
304 +.awsm-icon-stumbleupon2:before {
305 + content: "\e906";
306 +}
307 +.awsm-icon-delicious:before {
308 + content: "\e907";
309 +}
310 +.awsm-icon-lastfm:before {
311 + content: "\e908";
312 +}
313 +.awsm-icon-lastfm2:before {
314 + content: "\e909";
315 +}
316 +.awsm-icon-hackernews:before {
317 + content: "\e90a";
318 +}
319 +.awsm-icon-reddit:before {
320 + content: "\e90b";
321 +}
322 +.awsm-icon-soundcloud:before {
323 + content: "\e90c";
324 +}
325 +.awsm-icon-soundcloud2:before {
326 + content: "\e90d";
327 +}
328 +.awsm-icon-yahoo:before {
329 + content: "\e90e";
330 +}
331 +.awsm-icon-blogger2:before {
332 + content: "\e90f";
333 +}
334 +.awsm-icon-ello:before {
335 + content: "\e910";
336 +}
337 +.awsm-icon-wordpress2:before {
338 + content: "\e911";
339 +}
340 +.awsm-icon-steam:before {
341 + content: "\e912";
342 +}
343 +.awsm-icon-steam2:before {
344 + content: "\e913";
345 +}
346 +.awsm-icon-500px:before {
347 + content: "\e914";
348 +}
349 +.awsm-icon-deviantart:before {
350 + content: "\e915";
351 +}
352 +.awsm-icon-twitch:before {
353 + content: "\e916";
354 +}
355 +.awsm-icon-feed:before {
356 + content: "\e917";
357 +}
358 +.awsm-icon-feed2:before {
359 + content: "\e918";
360 +}
361 +.awsm-icon-sina-weibo:before {
362 + content: "\e919";
363 +}
364 +.awsm-icon-renren:before {
365 + content: "\e91a";
366 +}
367 +.awsm-icon-vk:before {
368 + content: "\e91b";
369 +}
370 +.awsm-icon-vine:before {
371 + content: "\e91c";
372 +}
373 +.awsm-icon-telegram:before {
374 + content: "\e91d";
375 +}
376 +.awsm-icon-spotify:before {
377 + content: "\e91e";
378 +}
379 +.awsm-icon-mail2:before {
380 + content: "\e91f";
381 +}
382 +.awsm-icon-mail3:before {
383 + content: "\e920";
384 +}
385 +.awsm-icon-arrow-down:before {
386 + content: "\e60f";
387 +}
388 +.awsm-icon-arrow-left:before {
389 + content: "\e610";
390 +}
391 +.awsm-icon-arrow-right:before {
392 + content: "\e611";
393 +}
394 +.awsm-icon-close:before {
395 + content: "\e612";
396 +}
397 +.awsm-icon-github:before {
398 + content: "\e901";
399 +}
400 +.awsm-icon-mail:before {
401 + content: "\e945";
402 +}
403 +.awsm-icon-link:before {
404 + content: "\e9cb";
405 +}
406 +.awsm-icon-google-plus:before {
407 + content: "\ea8b";
408 +}
409 +.awsm-icon-google-plus2:before {
410 + content: "\ea8c";
411 +}
412 +.awsm-icon-hangouts:before {
413 + content: "\ea8e";
414 +}
415 +.awsm-icon-google-drive:before {
416 + content: "\ea8f";
417 +}
418 +.awsm-icon-facebook:before {
419 + content: "\ea90";
420 +}
421 +.awsm-icon-facebook2:before {
422 + content: "\ea91";
423 +}
424 +.awsm-icon-instagram:before {
425 + content: "\ea92";
426 +}
427 +.awsm-icon-whatsapp:before {
428 + content: "\ea93";
429 +}
430 +.awsm-icon-twitter:before {
431 + content: "\ea96";
432 +}
433 +.awsm-icon-youtube:before {
434 + content: "\ea9d";
435 +}
436 +.awsm-icon-vimeo:before {
437 + content: "\eaa0";
438 +}
439 +.awsm-icon-vimeo2:before {
440 + content: "\eaa1";
441 +}
442 +.awsm-icon-flickr:before {
443 + content: "\eaa3";
444 +}
445 +.awsm-icon-flickr2:before {
446 + content: "\eaa4";
447 +}
448 +.awsm-icon-dribbble:before {
449 + content: "\eaa7";
450 +}
451 +.awsm-icon-behance:before {
452 + content: "\eaa8";
453 +}
454 +.awsm-icon-behance2:before {
455 + content: "\eaa9";
456 +}
457 +.awsm-icon-dropbox:before {
458 + content: "\eaae";
459 +}
460 +.awsm-icon-wordpress:before {
461 + content: "\eab4";
462 +}
463 +.awsm-icon-blogger:before {
464 + content: "\eab8";
465 +}
466 +.awsm-icon-tumblr:before {
467 + content: "\eab9";
468 +}
469 +.awsm-icon-tumblr2:before {
470 + content: "\eaba";
471 +}
472 +.awsm-icon-skype:before {
473 + content: "\eac5";
474 +}
475 +.awsm-icon-linkedin2:before {
476 + content: "\eac9";
477 +}
478 +.awsm-icon-linkedin:before {
479 + content: "\eaca";
480 +}
481 +.awsm-icon-stackoverflow:before {
482 + content: "\ead0";
483 +}
484 +.awsm-icon-pinterest2:before {
485 + content: "\ead1";
486 +}
487 +.awsm-icon-pinterest:before {
488 + content: "\ead2";
489 +}
490 +.awsm-icon-foursquare:before {
491 + content: "\ead6";
492 +}
493 +
523 494 /****************** Presets ***********************/
524 495
525 496 /*------------- Cards 1-----------*/
526 497 .cards-style.style-1 figure {
@@ -531,12 +502,11 @@
531 502 }
532 503
533 504 .cards-style.style-1 figure::before {
534 505 content: "";
535 - background: rgba(255, 255, 255, 0.9); /* FF3.6-15 */
506 + background: rgba(255, 255, 255, 0.9);
507 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
536 508 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
537 - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0.6)), color-stop(78%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
538 - background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
539 509 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
540 510 position: absolute;
541 511 top: 0;
542 512 right: 0;
@@ -543,16 +513,14 @@
543 513 bottom: 0;
544 514 left: 0;
545 515 -moz-transform: translateY(100%) translateY(-90px);
546 516 -webkit-transform: translateY(100%) translateY(-90px);
517 + -o-transform: translateY(100%) translateY(-90px);
547 518 -ms-transform: translateY(100%) translateY(-90px);
548 519 transform: translateY(100%) translateY(-90px);
549 520 -webkit-transition: -webkit-transform 0.4s;
550 521 -moz-transition: -moz-transform 0.4s;
551 - transition: -webkit-transform 0.4s;
552 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
553 522 transition: transform 0.4s;
554 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
555 523 z-index: 1;
556 524 }
557 525
558 526 .cards-style.style-1 figure img {
@@ -557,15 +525,12 @@
557 525
558 526 .cards-style.style-1 figure img {
559 527 -webkit-transition: -webkit-transform 0.8s;
560 528 -moz-transition: -moz-transform 0.8s;
561 - transition: -webkit-transform 0.8s;
562 - -moz-transition: transform 0.8s, -moz-transform 0.8s;
563 529 transition: transform 0.8s;
564 - transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
565 530 border-radius: 50%;
566 531 -webkit-border-radius: 50%;
567 - max-width: 160px !important;
532 + max-width: 160px;
568 533 margin: 0 auto;
569 534 display: block;
570 535 }
571 536
@@ -577,18 +542,16 @@
577 542 padding: 30px 20px;
578 543 -webkit-backface-visibility: hidden;
579 544 -moz-backface-visibility: hidden;
580 545 backface-visibility: hidden;
581 - -moz-transform: translateY(-moz-calc(100% - 100px));
582 - -webkit-transform: translateY(-webkit-calc(100% - 100px));
546 + -moz-transform: translateY(calc(100% - 100px));
547 + -webkit-transform: translateY(calc(100% - 100px));
548 + -o-transform: translateY(calc(100% - 100px));
583 549 -ms-transform: translateY(calc(100% - 100px));
584 550 transform: translateY(calc(100% - 100px));
585 551 -webkit-transition: -webkit-transform 0.4s;
586 552 -moz-transition: -moz-transform 0.4s;
587 - transition: -webkit-transform 0.4s;
588 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
589 553 transition: transform 0.4s;
590 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
591 554 text-align: center;
592 555 z-index: 2;
593 556 color: #000;
594 557 }
@@ -610,12 +573,9 @@
610 573 -moz-backface-visibility: hidden;
611 574 backface-visibility: hidden;
612 575 -webkit-transition: -webkit-transform 0.4s;
613 576 -moz-transition: -moz-transform 0.4s;
614 - transition: -webkit-transform 0.4s;
615 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
616 577 transition: transform 0.4s;
617 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
618 578 opacity: 0;
619 579 visibility: hidden;
620 580 }
621 581
@@ -661,10 +621,8 @@
661 621 }
662 622
663 623 .cards-style .awsm-flip-back-inner {
664 624 display: inline-block;
665 - width: -webkit-calc(100% - 1px);
666 - width: -moz-calc(100% - 1px);
667 625 width: calc(100% - 1px);
668 626 vertical-align: middle;
669 627 font-size: 14px;
670 628 }
@@ -674,17 +632,15 @@
674 632 text-align: center;
675 633 }
676 634
677 635 .cards-style.style-2 figure {
678 - -webkit-transform-style: preserve-3d;
679 - -moz-transform-style: preserve-3d;
680 - transform-style: preserve-3d;
636 + transform-style: preserve-3d;
681 637 }
682 638
683 639 .cards-style.style-2 figure img {
684 640 border-radius: 50%;
685 641 -webkit-border-radius: 50%;
686 - max-width: 160px !important;
642 + max-width: 160px;
687 643 margin: 0 auto;
688 644 display: block;
689 645 }
690 646
@@ -698,18 +654,15 @@
698 654 border: 1px solid rgba(0, 0, 0, 0.1);
699 655 color: #000;
700 656 -webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
701 657 -moz-transition: -moz-transform 0.6s, z-index 0.7s;
702 - -webkit-transition: z-index 0.7s, -webkit-transform 0.6s;
703 - transition: z-index 0.7s, -webkit-transform 0.6s;
704 - -moz-transition: transform 0.6s, z-index 0.7s, -moz-transform 0.6s;
705 658 transition: transform 0.6s, z-index 0.7s;
706 - transition: transform 0.6s, z-index 0.7s, -webkit-transform 0.6s, -moz-transform 0.6s;
707 659 }
708 660
709 661 .cards-style.style-2 .awsm-flip-front {
710 662 -moz-transform: rotateY(0deg);
711 663 -webkit-transform: rotateY(0deg);
664 + -o-transform: rotateY(0deg);
712 665 -ms-transform: rotateY(0deg);
713 666 transform: rotateY(0deg);
714 667 position: relative;
715 668 }
@@ -720,8 +673,9 @@
720 673
721 674 .cards-style.style-2 figcaption {
722 675 -moz-transform: rotateY(180deg);
723 676 -webkit-transform: rotateY(180deg);
677 + -o-transform: rotateY(180deg);
724 678 -ms-transform: rotateY(180deg);
725 679 transform: rotateY(180deg);
726 680 position: absolute;
727 681 left: 0;
@@ -737,8 +691,9 @@
737 691 .no-touchevents .cards-style.style-2 figure:hover .awsm-flip-front,
738 692 .cards-style.style-2 figure.cs-hover .awsm-flip-front {
739 693 -moz-transform: rotateY(180deg);
740 694 -webkit-transform: rotateY(180deg);
695 + -o-transform: rotateY(180deg);
741 696 -ms-transform: rotateY(180deg);
742 697 transform: rotateY(180deg);
743 698 }
744 699
@@ -745,8 +700,9 @@
745 700 .no-touchevents .cards-style.style-2 figure:hover figcaption,
746 701 .cards-style.style-2 figure.cs-hover figcaption {
747 702 -moz-transform: rotateY(0deg);
748 703 -webkit-transform: rotateY(0deg);
704 + -o-transform: rotateY(0deg);
749 705 -ms-transform: rotateY(0deg);
750 706 transform: rotateY(0deg);
751 707 }
752 708
@@ -759,12 +715,11 @@
759 715 }
760 716
761 717 .cards-style.style-3 figure::before {
762 718 content: "";
763 - background: rgba(255, 255, 255, 0.9); /* FF3.6-15 */
719 + background: rgba(255, 255, 255, 0.9);
720 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
764 721 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
765 - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(20%, rgba(255, 255, 255, 0.6)), color-stop(78%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
766 - background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
767 722 background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
768 723 position: absolute;
769 724 top: 0;
770 725 right: 0;
@@ -771,16 +726,14 @@
771 726 bottom: 0;
772 727 left: 0;
773 728 -moz-transform: translateY(100%) translateY(-90px);
774 729 -webkit-transform: translateY(100%) translateY(-90px);
730 + -o-transform: translateY(100%) translateY(-90px);
775 731 -ms-transform: translateY(100%) translateY(-90px);
776 732 transform: translateY(100%) translateY(-90px);
777 733 -webkit-transition: -webkit-transform 0.4s;
778 734 -moz-transition: -moz-transform 0.4s;
779 - transition: -webkit-transform 0.4s;
780 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
781 735 transition: transform 0.4s;
782 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
783 736 z-index: 1;
784 737 }
785 738
786 739 .cards-style.style-3 figure img {
@@ -785,12 +738,9 @@
785 738
786 739 .cards-style.style-3 figure img {
787 740 -webkit-transition: -webkit-transform 0.8s;
788 741 -moz-transition: -moz-transform 0.8s;
789 - transition: -webkit-transform 0.8s;
790 - -moz-transition: transform 0.8s, -moz-transform 0.8s;
791 742 transition: transform 0.8s;
792 - transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
793 743 }
794 744
795 745 .cards-style.style-3 figcaption {
796 746 bottom: 0;
@@ -802,16 +752,14 @@
802 752 -moz-backface-visibility: hidden;
803 753 backface-visibility: hidden;
804 754 -moz-transform: translateY(100%) translateY(-100px);
805 755 -webkit-transform: translateY(100%) translateY(-100px);
756 + -o-transform: translateY(100%) translateY(-100px);
806 757 -ms-transform: translateY(100%) translateY(-100px);
807 758 transform: translateY(100%) translateY(-100px);
808 759 -webkit-transition: -webkit-transform 0.4s;
809 760 -moz-transition: -moz-transform 0.4s;
810 - transition: -webkit-transform 0.4s;
811 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
812 761 transition: transform 0.4s;
813 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
814 762 text-align: center;
815 763 z-index: 2;
816 764 color: #000;
817 765 }
@@ -833,12 +781,9 @@
833 781 -moz-backface-visibility: hidden;
834 782 backface-visibility: hidden;
835 783 -webkit-transition: -webkit-transform 0.4s;
836 784 -moz-transition: -moz-transform 0.4s;
837 - transition: -webkit-transform 0.4s;
838 - -moz-transition: transform 0.4s, -moz-transform 0.4s;
839 785 transition: transform 0.4s;
840 - transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
841 786 opacity: 0;
842 787 visibility: hidden;
843 788 }
844 789
@@ -876,14 +821,9 @@
876 821 display: -moz-box;
877 822 display: -ms-flexbox;
878 823 display: -webkit-flex;
879 824 display: flex;
880 - -webkit-box-orient: horizontal;
881 - -webkit-box-direction: normal;
882 - -moz-box-orient: horizontal;
883 - -moz-box-direction: normal;
884 - -ms-flex-flow: row wrap;
885 - flex-flow: row wrap;
825 + flex-flow: row wrap;
886 826 -webkit-flex-flow: row wrap;
887 827 }
888 828
889 829 .cards-style.style-4::after {
@@ -899,12 +839,9 @@
899 839
900 840 .cards-style.style-4 figure img {
901 841 -webkit-transition: -webkit-transform 0.5s;
902 842 -moz-transition: -moz-transform 0.5s;
903 - transition: -webkit-transform 0.5s;
904 - -moz-transition: transform 0.5s, -moz-transform 0.5s;
905 843 transition: transform 0.5s;
906 - transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
907 844 }
908 845
909 846 .cards-style.style-4 figcaption {
910 847 padding: 20px;
@@ -928,10 +865,10 @@
928 865 -ms-transform: scale(1.05);
929 866 transform: scale(1.05);
930 867 }
931 868
869 +
932 870
933 -
934 871 .drawer-style.style-1 figcaption {
935 872 position: absolute;
936 873 left: 25px;
937 874 right: 25px;
@@ -944,25 +881,20 @@
944 881 opacity: 0;
945 882 -webkit-backface-visibility: hidden;
946 883 -moz-backface-visibility: hidden;
947 884 backface-visibility: hidden;
948 - -ms-transform: scale(0.6);
949 - transform: scale(0.6);
885 + transform: scale(0.6);
950 886 -webkit-transform: scale(0.6);
951 887 -moz-transform: scale(0.6);
952 888 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
953 889 -moz-transition: -moz-transform 0.2s, opacity 0.2s;
954 - -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
955 - transition: opacity 0.2s, -webkit-transform 0.2s;
956 - -moz-transition: transform 0.2s, opacity 0.2s, -moz-transform 0.2s;
957 890 transition: transform 0.2s, opacity 0.2s;
958 - transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
959 891 font-size: 0;
960 892 }
961 -
893 +
962 894 /*------------- List 4-----------*/
963 895 .list-style figure img {
964 - max-width: 300px !important;
896 + max-width: 300px;
965 897 }
966 898
967 899 .awsm-grid.list-style figcaption {
968 900 overflow: hidden;
@@ -1036,10 +968,10 @@
1036 968 .list-style.style-2 figure img {
1037 969 float: right;
1038 970 margin-left: 30px;
1039 971 }
972 +
1040 973
1041 -
1042 974 /*------------ Table 1 -----------*/
1043 975 .awsm-table {
1044 976 display: table;
1045 977 width: 100%;
@@ -1305,9 +1237,9 @@
1305 1237
1306 1238 }
1307 1239
1308 1240 @media screen and (max-width:650px) {
1309 -
1241 +
1310 1242 .awsm-personal-details{
1311 1243 max-height: 100%;
1312 1244 overflow: visible;
1313 1245 }
@@ -1316,15 +1248,11 @@
1316 1248 /* IE 10 and IE 11 Fix */
1317 1249 @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
1318 1250 .cards-style.style-1 figure::before {
1319 1251 -ms-transform: translateY(0px);
1320 - -webkit-transform: translateY(0px);
1321 - -moz-transform: translateY(0px);
1322 - transform: translateY(0px);
1252 + transform: translateY(0px);
1323 1253 opacity: 0;
1324 1254 visibility: hidden;
1325 - -webkit-transition: opacity 0.4s, visibility 0.4s;
1326 - -moz-transition: opacity 0.4s, visibility 0.4s;
1327 1255 transition: opacity 0.4s, visibility 0.4s;
1328 1256 }
1329 1257
1330 1258 .no-touchevents .cards-style.style-1 figure:hover::before,
@@ -1329,11 +1257,9 @@
1329 1257
1330 1258 .no-touchevents .cards-style.style-1 figure:hover::before,
1331 1259 .cards-style.style-1 figure.cs-hover::before {
1332 1260 -ms-transform: translateY(0px);
1333 - -webkit-transform: translateY(0px);
1334 - -moz-transform: translateY(0px);
1335 - transform: translateY(0px);
1261 + transform: translateY(0px);
1336 1262 opacity: 1;
1337 1263 visibility: visible;
1338 1264 }
1339 1265
@@ -1340,13 +1266,9 @@
1340 1266 .cards-style.style-2 .awsm-flip-front,
1341 1267 .cards-style.style-2 figcaption {
1342 1268 -webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
1343 1269 -moz-transition: -moz-transform 0.6s, z-index 0.7s;
1344 - -webkit-transition: z-index 0.7s, -webkit-transform 0.6s;
1345 - transition: z-index 0.7s, -webkit-transform 0.6s;
1346 - -moz-transition: transform 0.6s, z-index 0.7s, -moz-transform 0.6s;
1347 1270 transition: transform 0.6s, z-index 0.7s;
1348 - transition: transform 0.6s, z-index 0.7s, -webkit-transform 0.6s, -moz-transform 0.6s;
1349 1271 -webkit-backface-visibility: visible;
1350 1272 -moz-backface-visibility: visible;
1351 1273 backface-visibility: visible;
1352 1274 }
@@ -1376,5 +1298,5 @@
1376 1298 }
1377 1299
1378 1300 :root .cards-style.style-2 figure:hover figcaption {
1379 1301 z-index: 3;
1380 -}
1302 +}