PluginProbe
AWSM Team – Team Showcase Plugin / 1.3.2
AWSM Team – Team Showcase Plugin v1.3.2
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 +349 -271 1.01.3.2 View file →
@@ -1,4 +1,268 @@
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 +
1 265 .awsm-grid-wrapper,
2 266 .awsm-grid-wrapper *,
3 267 .awsm-grid-wrapper::before,
4 268 .awsm-grid-wrapper::after {
@@ -19,13 +283,8 @@
19 283 -webkit-margin-start: 0;
20 284 -webkit-margin-end: 0;
21 285 }
22 286
23 -html.awsm-popup-on{
24 - height: 100%;
25 - overflow: hidden;
26 -}
27 -
28 287 .awsm-personal-info,
29 288 .awsm-contact-info,
30 289 .awsm-flip-front,
31 290 .awsm-flip-back-inner {
@@ -93,9 +352,10 @@
93 352 }
94 353
95 354 .awsm-grid-wrapper a {
96 355 text-decoration: none;
97 - box-shadow: none;
356 + -webkit-box-shadow: none;
357 + box-shadow: none;
98 358 border-bottom: 0;
99 359 outline: none;
100 360 }
101 361
@@ -143,9 +403,12 @@
143 403 .awsm-social-icons a {
144 404 display: block;
145 405 -webkit-transition: -webkit-transform 0.3s;
146 406 -moz-transition: -moz-transform 0.3s;
407 + transition: -webkit-transform 0.3s;
408 + -moz-transition: transform 0.3s, -moz-transform 0.3s;
147 409 transition: transform 0.3s;
410 + transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
148 411 line-height: 1;
149 412 }
150 413
151 414 .awsm-social-icons a:hover {
@@ -150,9 +413,10 @@
150 413
151 414 .awsm-social-icons a:hover {
152 415 -moz-transform: translateY(-4px);
153 416 -webkit-transform: translateY(-4px);
154 - transform: translateY(-4px);
417 + -ms-transform: translateY(-4px);
418 + transform: translateY(-4px);
155 419 }
156 420
157 421 .awsm-grid-wrapper .awsm-contact-details {
158 422 margin-bottom: 20px;
@@ -173,12 +437,11 @@
173 437 font-size: 14px;
174 438 }
175 439
176 440 figure figcaption a,
177 -.awsm-popup-details a,
178 -.awsm-popup-items a,
179 441 .drawer-style a {
180 - box-shadow: none;
442 + -webkit-box-shadow: none;
443 + box-shadow: none;
181 444 border-bottom: 0;
182 445 }
183 446
184 447 .awsm-grid-nav {
@@ -249,15 +512,8 @@
249 512 }
250 513
251 514 }
252 515
253 -@media (max-width:830px) {
254 - .awsm-popup-on body {
255 - overflow: auto;
256 - }
257 -
258 -}
259 -
260 516 @media (max-width:678px) {
261 517 .awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
262 518 width: 100%;
263 519 }
@@ -262,236 +518,9 @@
262 518 width: 100%;
263 519 }
264 520
265 521 }
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 -}
273 522
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 -
494 523 /****************** Presets ***********************/
495 524
496 525 /*------------- Cards 1-----------*/
497 526 .cards-style.style-1 figure {
@@ -502,11 +531,12 @@
502 531 }
503 532
504 533 .cards-style.style-1 figure::before {
505 534 content: "";
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 */
535 + background: rgba(255, 255, 255, 0.9); /* FF3.6-15 */
508 536 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%);
509 539 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+ */
510 540 position: absolute;
511 541 top: 0;
512 542 right: 0;
@@ -513,14 +543,16 @@
513 543 bottom: 0;
514 544 left: 0;
515 545 -moz-transform: translateY(100%) translateY(-90px);
516 546 -webkit-transform: translateY(100%) translateY(-90px);
517 - -o-transform: translateY(100%) translateY(-90px);
518 547 -ms-transform: translateY(100%) translateY(-90px);
519 548 transform: translateY(100%) translateY(-90px);
520 549 -webkit-transition: -webkit-transform 0.4s;
521 550 -moz-transition: -moz-transform 0.4s;
551 + transition: -webkit-transform 0.4s;
552 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
522 553 transition: transform 0.4s;
554 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
523 555 z-index: 1;
524 556 }
525 557
526 558 .cards-style.style-1 figure img {
@@ -525,12 +557,15 @@
525 557
526 558 .cards-style.style-1 figure img {
527 559 -webkit-transition: -webkit-transform 0.8s;
528 560 -moz-transition: -moz-transform 0.8s;
561 + transition: -webkit-transform 0.8s;
562 + -moz-transition: transform 0.8s, -moz-transform 0.8s;
529 563 transition: transform 0.8s;
564 + transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
530 565 border-radius: 50%;
531 566 -webkit-border-radius: 50%;
532 - max-width: 160px;
567 + max-width: 160px !important;
533 568 margin: 0 auto;
534 569 display: block;
535 570 }
536 571
@@ -542,16 +577,18 @@
542 577 padding: 30px 20px;
543 578 -webkit-backface-visibility: hidden;
544 579 -moz-backface-visibility: hidden;
545 580 backface-visibility: hidden;
546 - -moz-transform: translateY(calc(100% - 100px));
547 - -webkit-transform: translateY(calc(100% - 100px));
548 - -o-transform: translateY(calc(100% - 100px));
581 + -moz-transform: translateY(-moz-calc(100% - 100px));
582 + -webkit-transform: translateY(-webkit-calc(100% - 100px));
549 583 -ms-transform: translateY(calc(100% - 100px));
550 584 transform: translateY(calc(100% - 100px));
551 585 -webkit-transition: -webkit-transform 0.4s;
552 586 -moz-transition: -moz-transform 0.4s;
587 + transition: -webkit-transform 0.4s;
588 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
553 589 transition: transform 0.4s;
590 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
554 591 text-align: center;
555 592 z-index: 2;
556 593 color: #000;
557 594 }
@@ -573,9 +610,12 @@
573 610 -moz-backface-visibility: hidden;
574 611 backface-visibility: hidden;
575 612 -webkit-transition: -webkit-transform 0.4s;
576 613 -moz-transition: -moz-transform 0.4s;
614 + transition: -webkit-transform 0.4s;
615 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
577 616 transition: transform 0.4s;
617 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
578 618 opacity: 0;
579 619 visibility: hidden;
580 620 }
581 621
@@ -621,8 +661,10 @@
621 661 }
622 662
623 663 .cards-style .awsm-flip-back-inner {
624 664 display: inline-block;
665 + width: -webkit-calc(100% - 1px);
666 + width: -moz-calc(100% - 1px);
625 667 width: calc(100% - 1px);
626 668 vertical-align: middle;
627 669 font-size: 14px;
628 670 }
@@ -632,15 +674,17 @@
632 674 text-align: center;
633 675 }
634 676
635 677 .cards-style.style-2 figure {
636 - transform-style: preserve-3d;
678 + -webkit-transform-style: preserve-3d;
679 + -moz-transform-style: preserve-3d;
680 + transform-style: preserve-3d;
637 681 }
638 682
639 683 .cards-style.style-2 figure img {
640 684 border-radius: 50%;
641 685 -webkit-border-radius: 50%;
642 - max-width: 160px;
686 + max-width: 160px !important;
643 687 margin: 0 auto;
644 688 display: block;
645 689 }
646 690
@@ -654,15 +698,18 @@
654 698 border: 1px solid rgba(0, 0, 0, 0.1);
655 699 color: #000;
656 700 -webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
657 701 -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;
658 705 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;
659 707 }
660 708
661 709 .cards-style.style-2 .awsm-flip-front {
662 710 -moz-transform: rotateY(0deg);
663 711 -webkit-transform: rotateY(0deg);
664 - -o-transform: rotateY(0deg);
665 712 -ms-transform: rotateY(0deg);
666 713 transform: rotateY(0deg);
667 714 position: relative;
668 715 }
@@ -673,9 +720,8 @@
673 720
674 721 .cards-style.style-2 figcaption {
675 722 -moz-transform: rotateY(180deg);
676 723 -webkit-transform: rotateY(180deg);
677 - -o-transform: rotateY(180deg);
678 724 -ms-transform: rotateY(180deg);
679 725 transform: rotateY(180deg);
680 726 position: absolute;
681 727 left: 0;
@@ -691,9 +737,8 @@
691 737 .no-touchevents .cards-style.style-2 figure:hover .awsm-flip-front,
692 738 .cards-style.style-2 figure.cs-hover .awsm-flip-front {
693 739 -moz-transform: rotateY(180deg);
694 740 -webkit-transform: rotateY(180deg);
695 - -o-transform: rotateY(180deg);
696 741 -ms-transform: rotateY(180deg);
697 742 transform: rotateY(180deg);
698 743 }
699 744
@@ -700,9 +745,8 @@
700 745 .no-touchevents .cards-style.style-2 figure:hover figcaption,
701 746 .cards-style.style-2 figure.cs-hover figcaption {
702 747 -moz-transform: rotateY(0deg);
703 748 -webkit-transform: rotateY(0deg);
704 - -o-transform: rotateY(0deg);
705 749 -ms-transform: rotateY(0deg);
706 750 transform: rotateY(0deg);
707 751 }
708 752
@@ -715,11 +759,12 @@
715 759 }
716 760
717 761 .cards-style.style-3 figure::before {
718 762 content: "";
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 */
763 + background: rgba(255, 255, 255, 0.9); /* FF3.6-15 */
721 764 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%);
722 767 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+ */
723 768 position: absolute;
724 769 top: 0;
725 770 right: 0;
@@ -726,14 +771,16 @@
726 771 bottom: 0;
727 772 left: 0;
728 773 -moz-transform: translateY(100%) translateY(-90px);
729 774 -webkit-transform: translateY(100%) translateY(-90px);
730 - -o-transform: translateY(100%) translateY(-90px);
731 775 -ms-transform: translateY(100%) translateY(-90px);
732 776 transform: translateY(100%) translateY(-90px);
733 777 -webkit-transition: -webkit-transform 0.4s;
734 778 -moz-transition: -moz-transform 0.4s;
779 + transition: -webkit-transform 0.4s;
780 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
735 781 transition: transform 0.4s;
782 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
736 783 z-index: 1;
737 784 }
738 785
739 786 .cards-style.style-3 figure img {
@@ -738,9 +785,12 @@
738 785
739 786 .cards-style.style-3 figure img {
740 787 -webkit-transition: -webkit-transform 0.8s;
741 788 -moz-transition: -moz-transform 0.8s;
789 + transition: -webkit-transform 0.8s;
790 + -moz-transition: transform 0.8s, -moz-transform 0.8s;
742 791 transition: transform 0.8s;
792 + transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
743 793 }
744 794
745 795 .cards-style.style-3 figcaption {
746 796 bottom: 0;
@@ -752,14 +802,16 @@
752 802 -moz-backface-visibility: hidden;
753 803 backface-visibility: hidden;
754 804 -moz-transform: translateY(100%) translateY(-100px);
755 805 -webkit-transform: translateY(100%) translateY(-100px);
756 - -o-transform: translateY(100%) translateY(-100px);
757 806 -ms-transform: translateY(100%) translateY(-100px);
758 807 transform: translateY(100%) translateY(-100px);
759 808 -webkit-transition: -webkit-transform 0.4s;
760 809 -moz-transition: -moz-transform 0.4s;
810 + transition: -webkit-transform 0.4s;
811 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
761 812 transition: transform 0.4s;
813 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
762 814 text-align: center;
763 815 z-index: 2;
764 816 color: #000;
765 817 }
@@ -781,9 +833,12 @@
781 833 -moz-backface-visibility: hidden;
782 834 backface-visibility: hidden;
783 835 -webkit-transition: -webkit-transform 0.4s;
784 836 -moz-transition: -moz-transform 0.4s;
837 + transition: -webkit-transform 0.4s;
838 + -moz-transition: transform 0.4s, -moz-transform 0.4s;
785 839 transition: transform 0.4s;
840 + transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
786 841 opacity: 0;
787 842 visibility: hidden;
788 843 }
789 844
@@ -821,9 +876,14 @@
821 876 display: -moz-box;
822 877 display: -ms-flexbox;
823 878 display: -webkit-flex;
824 879 display: flex;
825 - flex-flow: row wrap;
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;
826 886 -webkit-flex-flow: row wrap;
827 887 }
828 888
829 889 .cards-style.style-4::after {
@@ -839,9 +899,12 @@
839 899
840 900 .cards-style.style-4 figure img {
841 901 -webkit-transition: -webkit-transform 0.5s;
842 902 -moz-transition: -moz-transform 0.5s;
903 + transition: -webkit-transform 0.5s;
904 + -moz-transition: transform 0.5s, -moz-transform 0.5s;
843 905 transition: transform 0.5s;
906 + transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
844 907 }
845 908
846 909 .cards-style.style-4 figcaption {
847 910 padding: 20px;
@@ -865,10 +928,10 @@
865 928 -ms-transform: scale(1.05);
866 929 transform: scale(1.05);
867 930 }
868 931
869 -
870 932
933 +
871 934 .drawer-style.style-1 figcaption {
872 935 position: absolute;
873 936 left: 25px;
874 937 right: 25px;
@@ -881,20 +944,25 @@
881 944 opacity: 0;
882 945 -webkit-backface-visibility: hidden;
883 946 -moz-backface-visibility: hidden;
884 947 backface-visibility: hidden;
885 - transform: scale(0.6);
948 + -ms-transform: scale(0.6);
949 + transform: scale(0.6);
886 950 -webkit-transform: scale(0.6);
887 951 -moz-transform: scale(0.6);
888 952 -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
889 953 -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;
890 957 transition: transform 0.2s, opacity 0.2s;
958 + transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
891 959 font-size: 0;
892 960 }
893 -
961 +
894 962 /*------------- List 4-----------*/
895 963 .list-style figure img {
896 - max-width: 300px;
964 + max-width: 300px !important;
897 965 }
898 966
899 967 .awsm-grid.list-style figcaption {
900 968 overflow: hidden;
@@ -968,10 +1036,10 @@
968 1036 .list-style.style-2 figure img {
969 1037 float: right;
970 1038 margin-left: 30px;
971 1039 }
972 -
973 1040
1041 +
974 1042 /*------------ Table 1 -----------*/
975 1043 .awsm-table {
976 1044 display: table;
977 1045 width: 100%;
@@ -1237,9 +1305,9 @@
1237 1305
1238 1306 }
1239 1307
1240 1308 @media screen and (max-width:650px) {
1241 -
1309 +
1242 1310 .awsm-personal-details{
1243 1311 max-height: 100%;
1244 1312 overflow: visible;
1245 1313 }
@@ -1248,11 +1316,15 @@
1248 1316 /* IE 10 and IE 11 Fix */
1249 1317 @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
1250 1318 .cards-style.style-1 figure::before {
1251 1319 -ms-transform: translateY(0px);
1252 - transform: translateY(0px);
1320 + -webkit-transform: translateY(0px);
1321 + -moz-transform: translateY(0px);
1322 + transform: translateY(0px);
1253 1323 opacity: 0;
1254 1324 visibility: hidden;
1325 + -webkit-transition: opacity 0.4s, visibility 0.4s;
1326 + -moz-transition: opacity 0.4s, visibility 0.4s;
1255 1327 transition: opacity 0.4s, visibility 0.4s;
1256 1328 }
1257 1329
1258 1330 .no-touchevents .cards-style.style-1 figure:hover::before,
@@ -1257,9 +1329,11 @@
1257 1329
1258 1330 .no-touchevents .cards-style.style-1 figure:hover::before,
1259 1331 .cards-style.style-1 figure.cs-hover::before {
1260 1332 -ms-transform: translateY(0px);
1261 - transform: translateY(0px);
1333 + -webkit-transform: translateY(0px);
1334 + -moz-transform: translateY(0px);
1335 + transform: translateY(0px);
1262 1336 opacity: 1;
1263 1337 visibility: visible;
1264 1338 }
1265 1339
@@ -1266,9 +1340,13 @@
1266 1340 .cards-style.style-2 .awsm-flip-front,
1267 1341 .cards-style.style-2 figcaption {
1268 1342 -webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
1269 1343 -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;
1270 1347 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;
1271 1349 -webkit-backface-visibility: visible;
1272 1350 -moz-backface-visibility: visible;
1273 1351 backface-visibility: visible;
1274 1352 }
@@ -1298,5 +1376,5 @@
1298 1376 }
1299 1377
1300 1378 :root .cards-style.style-2 figure:hover figcaption {
1301 1379 z-index: 3;
1302 -}
1380 +}