Skip to content

Instantly share code, notes, and snippets.

@tagliala
Last active September 12, 2018 18:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tagliala/309bdf275ba9da9bd09645fa9c03e162 to your computer and use it in GitHub Desktop.
Save tagliala/309bdf275ba9da9bd09645fa9c03e162 to your computer and use it in GitHub Desktop.
ThingsBoard Autoprefixer
146,149c145
< -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
< -webkit-transition-delay: 0ms;
< -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
< -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
---
181,182c177,179
< transform-origin: left top;
< -webkit-font-smoothing: antialiased;
---
> transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
> transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
> transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
184,192c181,184
< -moz-transform: translate3d(0, 6px, 0) scale(0.75);
< -ms-transform: translate3d(0, 6px, 0) scale(0.75);
< -o-transform: translate3d(0, 6px, 0) scale(0.75);
< transform: translate3d(0, 6px, 0) scale(0.75);
< -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) false, width cubic-bezier(0.25, 0.8, 0.25, 1) false;
< -webkit-transition-delay: 0.4s, 0.4s;
< -moz-transition: -moz-transform cubic-bezier(0.25, 0.8, 0.25, 1) false 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) false 0.4s;
< -o-transition: -o-transform cubic-bezier(0.25, 0.8, 0.25, 1) false 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) false 0.4s;
< transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }
---
> transform: translate3d(0, 6px, 0) scale(0.75);
> -webkit-transform-origin: left top;
> transform-origin: left top;
> -webkit-font-smoothing: antialiased; }
883c875,876
< transform: translate(-50%, -50%); }
---
> -webkit-transform: translate(-50%, -50%);
> transform: translate(-50%, -50%); }
899c892,893
< transform: translate(-50%, -50%); }
---
> -webkit-transform: translate(-50%, -50%);
> transform: translate(-50%, -50%); }
910c904,905
< transform: translate(0%, -50%) !important; }
---
> -webkit-transform: translate(0%, -50%) !important;
> transform: translate(0%, -50%) !important; }
1091,1101c1085
< @-moz-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
---
1115,1138c1098
< @-o-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
1151,1194c1110
< @-moz-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
1198,1200c1113
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1204,1206c1116
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1210,1212c1119
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
1216,1218c1122
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1222,1224c1125
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
1228,1230c1128
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1234,1324c1131
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1330,1332c1136
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1336,1338c1139
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1342,1344c1142
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
1348,1350c1145
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1354,1356c1148
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
1360,1362c1151
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1366,1368c1154
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
1371,1438c1156
< @-moz-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
1442,1444c1159
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
1448,1450c1162
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1454,1456c1165
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1460,1462c1168
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1466,1468c1171
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1472,1474c1174
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1478,1480c1177
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1484,1486c1180
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1490,1492c1183
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1496,1498c1186
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1502,1640c1189
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
1646,1648c1194
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
1652,1654c1197
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1658,1660c1200
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1664,1666c1203
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1670,1672c1206
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1676,1678c1209
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1682,1684c1212
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1688,1690c1215
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1694,1696c1218
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
1700,1702c1221
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
1706,1708c1224
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
1711,1778c1226
< @-moz-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
---
1782,1784c1229
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
1788,1790c1232
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
1794,1796c1235
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
1800,1802c1238
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
1806,1808c1241
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
1812,1814c1244
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
1818,1820c1247
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
1824,1826c1250
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
1830,1832c1253
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
1836,1838c1256
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
1842,1980c1259
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-o-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-ms-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
1986,1988c1264
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
1992,1994c1267
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
1998,2000c1270
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
2004,2006c1273
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
2010,2012c1276
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
2016,2018c1279
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
2022,2024c1282
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
2028,2030c1285
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
2034,2036c1288
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
2040,2042c1291
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
2046,2048c1294
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
2051,2088c1296
< @-moz-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
---
2092,2094c1299
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
2098,2100c1302
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
2104,2106c1305
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
2110,2112c1308
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
2116,2118c1311
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
2122,2200c1314
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-o-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-ms-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
2206,2208c1319
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
2212,2214c1322
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
2218,2220c1325
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
2224,2226c1328
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
2230,2232c1331
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
2236,2238c1334
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
2241,2284c1336
< @-moz-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
---
2288,2290c1339
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
2294,2296c1342
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
2300,2302c1345
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
2306,2308c1348
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
2312,2314c1351
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
2318,2320c1354
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
2324,2414c1357
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-o-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-ms-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
2420,2422c1362
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
2426,2428c1365
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
2432,2434c1368
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
2438,2440c1371
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
2444,2446c1374
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
2450,2452c1377
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
2456,2458c1380
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
2461,2480c1382
< @-moz-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
2484,2486c1385
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
2490,2492c1388
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
2496,2538c1391
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
2544,2546c1396
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
2550,2552c1399
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
2556,2558c1402
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
2561,2628c1404
< @-moz-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
---
2632,2634c1407
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
2638,2640c1410
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
2644,2646c1413
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
2650,2652c1416
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
2656,2658c1419
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
2662,2664c1422
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
2668,2670c1425
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
2674,2676c1428
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
2680,2682c1431
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
2686,2688c1434
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
2692,2830c1437
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-o-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-ms-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
2836,2838c1442
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
2842,2844c1445
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
2848,2850c1448
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
2854,2856c1451
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
2860,2862c1454
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
2866,2868c1457
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
2872,2874c1460
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
2878,2880c1463
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
2884,2886c1466
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
2890,2892c1469
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
2896,2898c1472
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
2901,2928c1474
< @-moz-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
---
2932,2934c1477
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
2938,2940c1480
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
2945,2947c1484
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
2952,3010c1488
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-o-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-ms-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
3016,3018c1493
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
3022,3024c1496
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
3029,3031c1500
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
3036,3038c1504
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
3041,3062c1506
< @-moz-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
---
3066,3068c1509
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3073,3075c1513
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
3080,3126c1517
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-o-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-ms-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
3132,3134c1522
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3139,3141c1526
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
3146,3148c1530
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
3151,3172c1532
< @-moz-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
3176,3178c1535
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3183,3185c1539
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
3190,3236c1543
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
3242,3244c1548
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3249,3251c1552
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
3256,3258c1556
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
3261,3282c1558
< @-moz-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
3286,3288c1561
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
3293,3295c1565
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
3300,3346c1569
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
3352,3354c1574
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
3359,3361c1578
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
3366,3368c1582
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
3371,3392c1584
< @-moz-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
3396,3398c1587
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
3403,3405c1591
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
3410,3456c1595
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
3462,3464c1600
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
3469,3471c1604
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
3476,3478c1608
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
3481,3508c1610
< @-moz-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
3513,3515c1614
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
3520,3522c1618
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
3526,3528c1621
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
3532,3590c1624
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
3597,3599c1630
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
3604,3606c1634
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
3610,3612c1637
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
3616,3618c1640
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
3621,3648c1642
< @-moz-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
3653,3655c1646
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
3660,3662c1650
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
3666,3668c1653
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
3672,3730c1656
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3737,3739c1662
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
3744,3746c1666
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
3750,3752c1669
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
3756,3786c1672
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-moz-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3793,3795c1678
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
3800,3802c1682
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
3806,3808c1685
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
3812,3870c1688
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3877,3879c1694
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
3884,3886c1698
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
3890,3892c1701
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
3896,3898c1704
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
3901,3928c1706
< @-moz-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
3933,3935c1710
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
3940,3942c1714
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
3946,3948c1717
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
3952,4010c1720
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4017,4019c1726
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
4024,4026c1730
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
4030,4032c1733
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
4036,4066c1736
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4073,4075c1742
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
4080,4082c1746
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
4086,4088c1749
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
4092,4150c1752
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4157,4159c1758
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
4164,4166c1762
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
4170,4172c1765
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
4176,4178c1768
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4181,4186c1770
< @-moz-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
4193,4204c1776
< @-o-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
< @-ms-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
4211,4226c1782
< @-moz-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
---
4230,4232c1785
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4237,4271c1789
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
4278,4280c1795
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4285,4287c1799
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
4291,4306c1802
< @-moz-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
---
4310,4312c1805
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4317,4351c1809
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
4358,4360c1815
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4365,4367c1819
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
4371,4386c1822
< @-moz-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
---
4390,4392c1825
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4397,4431c1829
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
4438,4440c1835
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4445,4447c1839
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
4451,4466c1842
< @-moz-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
---
4470,4472c1845
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4477,4511c1849
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
4518,4520c1855
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4525,4527c1859
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
4531,4546c1862
< @-moz-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
---
4550,4552c1865
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4557,4591c1869
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
4598,4600c1875
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4605,4607c1879
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
4611,4626c1882
< @-moz-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
4631,4633c1886
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4638,4672c1890
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
4679,4681c1896
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4686,4688c1900
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
4691,4706c1902
< @-moz-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
4711,4713c1906
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4718,4752c1910
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
4759,4761c1916
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4766,4768c1920
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
4771,4786c1922
< @-moz-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
4791,4793c1926
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4798,4832c1930
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
4839,4841c1936
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
4846,4848c1940
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
4851,4856c1942
< @-moz-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
4863,4874c1948
< @-o-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
4881,4896c1954
< @-moz-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
4900,4902c1957
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
4907,4941c1961
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4948,4950c1967
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
4955,4973c1971
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
4980,4982c1977
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
4987,5021c1981
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5028,5030c1987
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
5035,5037c1991
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5041,5056c1994
< @-moz-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
---
5060,5062c1997
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
5067,5101c2001
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5108,5110c2007
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
5115,5133c2011
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5140,5142c2017
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
5147,5181c2021
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5188,5190c2027
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
5195,5197c2031
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5201,5216c2034
< @-moz-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
5220,5222c2037
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
5227,5261c2041
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5268,5270c2047
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
5275,5277c2051
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5281,5296c2054
< @-moz-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
5301,5303c2058
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
5308,5342c2062
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5349,5351c2068
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
5356,5358c2072
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
5361,5376c2074
< @-moz-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
5381,5383c2078
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
5388,5422c2082
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5429,5431c2088
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
5436,5454c2092
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5461,5463c2098
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
5468,5502c2102
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5509,5511c2108
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
5516,5518c2112
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
5521,5577c2114
< @-moz-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
---
5581,5583c2117
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
5586,5588c2119
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
5592,5594c2122
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
5597,5599c2124
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
5603,5605c2127
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
5608,5610c2129
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5614,5616c2132
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
5619,5621c2134
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5625,5627c2137
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
5630,5746c2139
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-o-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-ms-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5752,5754c2144
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
5757,5759c2146
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
5763,5765c2149
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
5768,5770c2151
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
5774,5776c2154
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
5779,5781c2156
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5785,5787c2159
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
5790,5792c2161
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5796,5798c2164
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
5801,5803c2166
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
5806,5835c2168
< @-moz-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
5839,5841c2171
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
5847,5849c2176
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
5853,5855c2179
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
5859,5921c2182
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
5929,5931c2189
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
5937,5939c2194
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
5943,5945c2197
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
5949,5951c2200
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
5956,5973c2204
< @-moz-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
5977,5979c2207
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
5985,6023c2212
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
6031,6033c2219
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
6039,6041c2224
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
6046,6075c2228
< @-moz-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
6079,6081c2231
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
6087,6089c2236
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
6093,6095c2239
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
6099,6161c2242
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
6169,6171c2249
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
6177,6179c2254
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
6183,6185c2257
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
6189,6191c2260
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
6196,6213c2264
< @-moz-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
6217,6219c2267
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
6225,6263c2272
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
6271,6273c2279
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
6279,6281c2284
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
6286,6319c2288
< @-moz-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
6323,6325c2291
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
6331,6333c2296
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
6339,6341c2301
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
6347,6417c2306
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
6425,6427c2313
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
6433,6435c2318
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
6441,6443c2323
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
6449,6451c2328
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
6456,6473c2332
< @-moz-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
6477,6479c2335
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
6485,6523c2340
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
6531,6533c2347
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
6539,6541c2352
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
6546,6571c2356
< @-moz-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
---
6575,6577c2359
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
6580,6582c2361
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6587,6589c2365
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
6592,6646c2367
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
6653,6655c2373
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
6658,6660c2375
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6665,6667c2379
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
6670,6672c2381
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
6676,6701c2384
< @-moz-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
6705,6707c2387
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6710,6712c2389
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6717,6719c2393
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6722,6776c2395
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
6783,6785c2401
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6788,6790c2403
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6795,6797c2407
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6800,6802c2409
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
6806,6831c2412
< @-moz-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
---
6835,6837c2415
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6840,6842c2417
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6847,6849c2421
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6852,6906c2423
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
6913,6915c2429
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6918,6920c2431
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6925,6927c2435
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
6930,6958c2437
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-moz-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
6965,6967c2443
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
6970,6972c2445
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
6977,6979c2449
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
6982,7036c2451
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7043,7045c2457
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7048,7050c2459
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7055,7057c2463
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7060,7062c2465
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7066,7091c2468
< @-moz-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
7095,7097c2471
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7100,7102c2473
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7107,7109c2477
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7112,7166c2479
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7173,7175c2485
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7178,7180c2487
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7185,7187c2491
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7190,7192c2493
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7196,7221c2496
< @-moz-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
---
7225,7227c2499
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
7230,7232c2501
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
7237,7239c2505
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
7242,7296c2507
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7303,7305c2513
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
7308,7310c2515
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
7315,7317c2519
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
7320,7348c2521
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7355,7357c2527
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7360,7362c2529
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7367,7369c2533
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7372,7426c2535
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7433,7435c2541
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7438,7440c2543
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7445,7447c2547
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7450,7478c2549
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7485,7487c2555
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7490,7492c2557
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7497,7499c2561
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7502,7556c2563
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7563,7565c2569
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7568,7570c2571
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7575,7577c2575
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
7580,7608c2577
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7615,7617c2583
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7620,7622c2585
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7627,7629c2589
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7632,7686c2591
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7693,7695c2597
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7698,7700c2599
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
7705,7707c2603
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7710,7738c2605
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7745,7747c2611
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7750,7752c2613
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7757,7759c2617
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7762,7816c2619
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7823,7825c2625
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7828,7830c2627
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
7835,7837c2631
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
7840,7842c2633
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7846,7921c2636
< @-moz-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
7925,7927c2639
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
7930,7932c2641
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
7935,7937c2643
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
7941,7943c2646
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
7946,7948c2648
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
7951,7953c2650
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
7957,7959c2653
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
7962,7964c2655
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
7967,7969c2657
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
7973,7975c2660
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
7980,7982c2664
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
7985,7987c2666
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
7991,8145c2669
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
8153,8155c2676
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
8158,8160c2678
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
8163,8165c2680
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
8169,8171c2683
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
8174,8176c2685
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
8179,8181c2687
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
8185,8187c2690
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
8190,8192c2692
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
8195,8197c2694
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
8201,8203c2697
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
8208,8210c2701
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
8213,8215c2703
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
8219,8221c2706
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
8226,8243c2710
< @-moz-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
---
8249,8251c2715
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
8257,8295c2720
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-o-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-ms-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
8303,8305c2727
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
8311,8313c2732
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
8316,8333c2734
< @-moz-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
---
8339,8341c2739
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
8347,8385c2744
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-o-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-ms-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
8393,8395c2751
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
8401,8403c2756
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
8425,8428c2778
< -webkit-transition: opacity 0.35s false;
< -moz-transition: opacity 0.35s false false;
< -o-transition: opacity 0.35s false false;
< transition: opacity 0.35s; }
---
> transition: opacity .35s; }
8512,8515c2862,2864
< -webkit-transition: -webkit-transform 0.3s false, ease-in-out false false;
< -moz-transition: -moz-transform 0.3s false false, ease-in-out false false false;
< -o-transition: -o-transform 0.3s false false, ease-in-out false false false;
< transition: transform 0.3s, ease-in-out; }
---
> transition: ease-in-out, -webkit-transform .3s;
> transition: transform .3s, ease-in-out;
> transition: transform .3s, ease-in-out, -webkit-transform .3s; }
8566,8569c2915
< -moz-transform: rotateZ(180deg);
< -ms-transform: rotateZ(180deg);
< -o-transform: rotateZ(180deg);
< transform: rotateZ(180deg); }
---
> transform: rotateZ(180deg); }
8578,8580c2923
< -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1) false;
< -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1) false false;
< -o-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1) false false;
---
8582,8584c2924
< -webkit-transition-property: height;
< -moz-transition-property: height;
< -o-transition-property: height;
---
9721,9731c4060
< @-moz-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
---
9745,9768c4073
< @-o-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
9781,9824c4085
< @-moz-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
9828,9830c4088
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9834,9836c4091
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9840,9842c4094
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
9846,9848c4097
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9852,9854c4100
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
9858,9860c4103
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9864,9954c4106
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9960,9962c4111
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9966,9968c4114
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9972,9974c4117
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
9978,9980c4120
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9984,9986c4123
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
9990,9992c4126
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
9996,9998c4129
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
10001,10068c4131
< @-moz-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
10072,10074c4134
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
10078,10080c4137
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10084,10086c4140
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10090,10092c4143
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10096,10098c4146
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10102,10104c4149
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10108,10110c4152
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10114,10116c4155
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10120,10122c4158
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10126,10128c4161
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10132,10270c4164
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
10276,10278c4169
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
10282,10284c4172
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10288,10290c4175
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10294,10296c4178
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10300,10302c4181
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10306,10308c4184
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10312,10314c4187
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10318,10320c4190
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10324,10326c4193
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
10330,10332c4196
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
10336,10338c4199
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
10341,10408c4201
< @-moz-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
---
10412,10414c4204
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
10418,10420c4207
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
10424,10426c4210
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
10430,10432c4213
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10436,10438c4216
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10442,10444c4219
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10448,10450c4222
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10454,10456c4225
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10460,10462c4228
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10466,10468c4231
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10472,10610c4234
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-o-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-ms-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
10616,10618c4239
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
10622,10624c4242
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
10628,10630c4245
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
10634,10636c4248
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10640,10642c4251
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10646,10648c4254
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10652,10654c4257
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10658,10660c4260
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10664,10666c4263
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
10670,10672c4266
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
10676,10678c4269
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
10681,10718c4271
< @-moz-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
---
10722,10724c4274
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
10728,10730c4277
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
10734,10736c4280
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
10740,10742c4283
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
10746,10748c4286
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
10752,10830c4289
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-o-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-ms-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
10836,10838c4294
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
10842,10844c4297
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
10848,10850c4300
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
10854,10856c4303
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
10860,10862c4306
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
10866,10868c4309
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
10871,10914c4311
< @-moz-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
---
10918,10920c4314
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
10924,10926c4317
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
10930,10932c4320
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
10936,10938c4323
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
10942,10944c4326
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
10948,10950c4329
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
10954,11044c4332
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-o-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-ms-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
11050,11052c4337
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
11056,11058c4340
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
11062,11064c4343
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
11068,11070c4346
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
11074,11076c4349
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
11080,11082c4352
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
11086,11088c4355
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
11091,11110c4357
< @-moz-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
11114,11116c4360
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11120,11122c4363
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
11126,11168c4366
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11174,11176c4371
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11180,11182c4374
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
11186,11188c4377
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11191,11258c4379
< @-moz-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
---
11262,11264c4382
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
11268,11270c4385
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
11274,11276c4388
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
11280,11282c4391
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
11286,11288c4394
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
11292,11294c4397
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
11298,11300c4400
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
11304,11306c4403
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
11310,11312c4406
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
11316,11318c4409
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
11322,11460c4412
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-o-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-ms-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
11466,11468c4417
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
11472,11474c4420
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
11478,11480c4423
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
11484,11486c4426
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
11490,11492c4429
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
11496,11498c4432
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
11502,11504c4435
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
11508,11510c4438
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
11514,11516c4441
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
11520,11522c4444
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
11526,11528c4447
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
11531,11558c4449
< @-moz-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
---
11562,11564c4452
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11568,11570c4455
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
11575,11577c4459
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
11582,11640c4463
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-o-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-ms-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
11646,11648c4468
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
11652,11654c4471
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
11659,11661c4475
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
11666,11668c4479
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
11671,11692c4481
< @-moz-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
---
11696,11698c4484
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
11703,11705c4488
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
11710,11756c4492
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-o-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-ms-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
11762,11764c4497
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
11769,11771c4501
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
11776,11778c4505
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
11781,11802c4507
< @-moz-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
11806,11808c4510
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
11813,11815c4514
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
11820,11866c4518
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
11872,11874c4523
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
11879,11881c4527
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
11886,11888c4531
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
11891,11912c4533
< @-moz-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
11916,11918c4536
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
11923,11925c4540
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
11930,11976c4544
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
11982,11984c4549
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
11989,11991c4553
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
11996,11998c4557
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
12001,12022c4559
< @-moz-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
12026,12028c4562
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12033,12035c4566
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
12040,12086c4570
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
12092,12094c4575
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12099,12101c4579
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
12106,12108c4583
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
12111,12138c4585
< @-moz-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
12143,12145c4589
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
12150,12152c4593
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
12156,12158c4596
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
12162,12220c4599
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
12227,12229c4605
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
12234,12236c4609
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
12240,12242c4612
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
12246,12248c4615
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
12251,12278c4617
< @-moz-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
12283,12285c4621
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
12290,12292c4625
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
12296,12298c4628
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
12302,12360c4631
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12367,12369c4637
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
12374,12376c4641
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
12380,12382c4644
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
12386,12416c4647
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-moz-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12423,12425c4653
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
12430,12432c4657
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
12436,12438c4660
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
12442,12500c4663
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12507,12509c4669
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
12514,12516c4673
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
12520,12522c4676
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
12526,12528c4679
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12531,12558c4681
< @-moz-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
12563,12565c4685
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
12570,12572c4689
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
12576,12578c4692
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
12582,12640c4695
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12647,12649c4701
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
12654,12656c4705
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
12660,12662c4708
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
12666,12696c4711
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12703,12705c4717
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
12710,12712c4721
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
12716,12718c4724
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
12722,12780c4727
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12787,12789c4733
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
12794,12796c4737
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
12800,12802c4740
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
12806,12808c4743
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
12811,12816c4745
< @-moz-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
12823,12834c4751
< @-o-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
< @-ms-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
12841,12856c4757
< @-moz-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
---
12860,12862c4760
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12867,12901c4764
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
12908,12910c4770
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12915,12917c4774
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
12921,12936c4777
< @-moz-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
---
12940,12942c4780
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12947,12981c4784
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
12988,12990c4790
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
12995,12997c4794
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
13001,13016c4797
< @-moz-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
---
13020,13022c4800
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13027,13061c4804
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
13068,13070c4810
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13075,13077c4814
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
13081,13096c4817
< @-moz-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
---
13100,13102c4820
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13107,13141c4824
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
13148,13150c4830
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13155,13157c4834
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
13161,13176c4837
< @-moz-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
---
13180,13182c4840
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13187,13221c4844
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
13228,13230c4850
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13235,13237c4854
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
13241,13256c4857
< @-moz-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
13261,13263c4861
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13268,13302c4865
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
13309,13311c4871
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13316,13318c4875
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
13321,13336c4877
< @-moz-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
13341,13343c4881
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13348,13382c4885
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
13389,13391c4891
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13396,13398c4895
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
13401,13416c4897
< @-moz-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
13421,13423c4901
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13428,13462c4905
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
13469,13471c4911
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13476,13478c4915
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
13481,13486c4917
< @-moz-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
13493,13504c4923
< @-o-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
13511,13526c4929
< @-moz-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
13530,13532c4932
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
13537,13571c4936
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13578,13580c4942
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
13585,13603c4946
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13610,13612c4952
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
13617,13651c4956
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13658,13660c4962
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
13665,13667c4966
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13671,13686c4969
< @-moz-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
---
13690,13692c4972
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
13697,13731c4976
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13738,13740c4982
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
13745,13763c4986
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13770,13772c4992
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
13777,13811c4996
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13818,13820c5002
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
13825,13827c5006
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
13831,13846c5009
< @-moz-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
13850,13852c5012
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
13857,13891c5016
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13898,13900c5022
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
13905,13907c5026
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13911,13926c5029
< @-moz-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
13931,13933c5033
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
13938,13972c5037
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13979,13981c5043
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
13986,13988c5047
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
13991,14006c5049
< @-moz-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
14011,14013c5053
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
14018,14052c5057
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
14059,14061c5063
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
14066,14084c5067
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
14091,14093c5073
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
14098,14132c5077
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
14139,14141c5083
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
14146,14148c5087
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
14151,14207c5089
< @-moz-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
---
14211,14213c5092
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
14216,14218c5094
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
14222,14224c5097
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
14227,14229c5099
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
14233,14235c5102
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
14238,14240c5104
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14244,14246c5107
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
14249,14251c5109
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14255,14257c5112
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
14260,14376c5114
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-o-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-ms-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14382,14384c5119
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
14387,14389c5121
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
14393,14395c5124
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
14398,14400c5126
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
14404,14406c5129
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
14409,14411c5131
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14415,14417c5134
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
14420,14422c5136
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14426,14428c5139
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
14431,14433c5141
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
14436,14465c5143
< @-moz-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
14469,14471c5146
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
14477,14479c5151
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
14483,14485c5154
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
14489,14551c5157
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
14559,14561c5164
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
14567,14569c5169
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
14573,14575c5172
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
14579,14581c5175
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
14586,14603c5179
< @-moz-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
14607,14609c5182
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
14615,14653c5187
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
14661,14663c5194
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
14669,14671c5199
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
14676,14705c5203
< @-moz-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
14709,14711c5206
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
14717,14719c5211
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
14723,14725c5214
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
14729,14791c5217
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
14799,14801c5224
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
14807,14809c5229
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
14813,14815c5232
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
14819,14821c5235
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
14826,14843c5239
< @-moz-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
14847,14849c5242
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
14855,14893c5247
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
14901,14903c5254
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
14909,14911c5259
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
14916,14949c5263
< @-moz-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
14953,14955c5266
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
14961,14963c5271
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
14969,14971c5276
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
14977,15047c5281
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
15055,15057c5288
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
15063,15065c5293
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
15071,15073c5298
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
15079,15081c5303
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
15086,15103c5307
< @-moz-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
15107,15109c5310
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
15115,15153c5315
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
15161,15163c5322
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
15169,15171c5327
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
15176,15201c5331
< @-moz-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
---
15205,15207c5334
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15210,15212c5336
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15217,15219c5340
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15222,15276c5342
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
15283,15285c5348
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15288,15290c5350
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15295,15297c5354
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15300,15302c5356
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
15306,15331c5359
< @-moz-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
15335,15337c5362
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15340,15342c5364
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15347,15349c5368
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15352,15406c5370
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
15413,15415c5376
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15418,15420c5378
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15425,15427c5382
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15430,15432c5384
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
15436,15461c5387
< @-moz-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
---
15465,15467c5390
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15470,15472c5392
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15477,15479c5396
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15482,15536c5398
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
15543,15545c5404
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15548,15550c5406
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15555,15557c5410
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15560,15588c5412
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-moz-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
15595,15597c5418
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15600,15602c5420
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15607,15609c5424
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15612,15666c5426
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
15673,15675c5432
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15678,15680c5434
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15685,15687c5438
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15690,15692c5440
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
15696,15721c5443
< @-moz-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
15725,15727c5446
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15730,15732c5448
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15737,15739c5452
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15742,15796c5454
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
15803,15805c5460
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15808,15810c5462
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15815,15817c5466
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
15820,15822c5468
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
15826,15851c5471
< @-moz-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
---
15855,15857c5474
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15860,15862c5476
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
15867,15869c5480
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15872,15926c5482
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15933,15935c5488
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15938,15940c5490
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
15945,15947c5494
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
15950,15978c5496
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
15985,15987c5502
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
15990,15992c5504
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
15997,15999c5508
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16002,16056c5510
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16063,16065c5516
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16068,16070c5518
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
16075,16077c5522
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16080,16108c5524
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16115,16117c5530
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16120,16122c5532
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
16127,16129c5536
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16132,16186c5538
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16193,16195c5544
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16198,16200c5546
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
16205,16207c5550
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
16210,16238c5552
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16245,16247c5558
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16250,16252c5560
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
16257,16259c5564
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16262,16316c5566
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16323,16325c5572
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16328,16330c5574
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
16335,16337c5578
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16340,16368c5580
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16375,16377c5586
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16380,16382c5588
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
16387,16389c5592
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16392,16446c5594
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16453,16455c5600
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16458,16460c5602
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
16465,16467c5606
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
16470,16472c5608
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16476,16551c5611
< @-moz-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
16555,16557c5614
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16560,16562c5616
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16565,16567c5618
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16571,16573c5621
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
16576,16578c5623
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16581,16583c5625
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16587,16589c5628
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
16592,16594c5630
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16597,16599c5632
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16603,16605c5635
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
16610,16612c5639
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16615,16617c5641
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16621,16775c5644
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
16783,16785c5651
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
16788,16790c5653
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16793,16795c5655
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16799,16801c5658
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
16804,16806c5660
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16809,16811c5662
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16815,16817c5665
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
16820,16822c5667
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16825,16827c5669
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16831,16833c5672
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
16838,16840c5676
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
16843,16845c5678
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
16849,16851c5681
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
16856,16873c5685
< @-moz-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
---
16879,16881c5690
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
16887,16925c5695
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-o-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-ms-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
16933,16935c5702
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
16941,16943c5707
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
16946,16963c5709
< @-moz-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
---
16969,16971c5714
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
16977,17015c5719
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-o-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-ms-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
17023,17025c5726
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
17031,17033c5731
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
17040,17043c5738
< -webkit-transition: all 0.2s ease-in-out;
< -moz-transition: all 0.2s ease-in-out false;
< -o-transition: all 0.2s ease-in-out false;
< transition: all 0.2s ease-in-out; }
---
> transition: all .2s ease-in-out; }
17060,17063c5755
< -moz-transform: scale(1.05);
< -ms-transform: scale(1.05);
< -o-transform: scale(1.05);
< transform: scale(1.05); }
---
> transform: scale(1.05); }
17264,17265c5955
< -webkit-box-sizing: border-box;
< -moz-box-sizing: border-box;
---
17594c6283
< -moz-user-select: none;
---
17596c6285,6287
< user-select: none; }
---
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none; }
17827c6519
---
> box-sizing: border-box;
17837c6528
< -pie-background: -pie-linear-gradient(270deg, #bbb, #ddd);
---
17839,17842c6529
< background: -owg-linear-gradient(270deg, #bbb, #ddd);
< background: -webkit-linear-gradient(270deg, #bbb, #ddd);
< background: -moz-linear-gradient(270deg, #bbb, #ddd);
< background: -o-linear-gradient(270deg, #bbb, #ddd);
---
17845,17849c6531
< -webkit-box-sizing: border-box;
< -moz-box-sizing: border-box;
< box-sizing: border-box;
< -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1), 0 0 3px 1px rgba(0, 0, 0, 0.1), inset 0 8px 3px -8px rgba(255, 255, 255, 0.4);
< -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1), 0 0 3px 1px rgba(0, 0, 0, 0.1), inset 0 8px 3px -8px rgba(255, 255, 255, 0.4);
---
17863,17866c6545
< -webkit-transition: all 0.1s false;
< -moz-transition: all 0.1s false false;
< -o-transition: all 0.1s false false;
< transition: all 0.1s; }
---
> transition: all .1s; }
17869,17872c6548
< -webkit-transition: all 0.1s false;
< -moz-transition: all 0.1s false false;
< -o-transition: all 0.1s false false;
< transition: all 0.1s;
---
> transition: all .1s;
17874,17877c6550
< -moz-transform: scaleY(0.85);
< -ms-transform: scaleY(0.85);
< -o-transform: scaleY(0.85);
< transform: scaleY(0.85); }
---
> transform: scaleY(0.85); }
17888,17889c6560
< -webkit-box-shadow: inset 8px 6px 5px -7px #a2a2a2, inset -8px 6px 5px -7px #a2a2a2, inset 0 -3px 2px -2px rgba(200, 200, 200, 0.5), 0 3px 3px -2px #fff, inset 0 -230px 60px -200px rgba(255, 255, 255, 0.2), inset 0 220px 40px -200px rgba(0, 0, 0, 0.3);
< -moz-box-shadow: inset 8px 6px 5px -7px #a2a2a2, inset -8px 6px 5px -7px #a2a2a2, inset 0 -3px 2px -2px rgba(200, 200, 200, 0.5), 0 3px 3px -2px #fff, inset 0 -230px 60px -200px rgba(255, 255, 255, 0.2), inset 0 220px 40px -200px rgba(0, 0, 0, 0.3);
---
17891,17894c6562
< -webkit-transition: all 0.2s false;
< -moz-transition: all 0.2s false false;
< -o-transition: all 0.2s false false;
< transition: all 0.2s; }
---
> transition: all .2s; }
17895c6564
---
> box-sizing: border-box;
17901,17904c6569
< background-image: -owg-linear-gradient(0deg, transparent 30%, transparent 70%), -owg-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%);
< background-image: -webkit-linear-gradient(0deg, transparent 30%, transparent 70%), -webkit-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%);
< background-image: -moz-linear-gradient(0deg, transparent 30%, transparent 70%), -moz-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%);
< background-image: -o-linear-gradient(0deg, transparent 30%, transparent 70%), -o-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%);
---
17907,17908c6571
< -webkit-box-shadow: 30px 30px 30px -20px rgba(58, 58, 58, 0.3), -30px 30px 30px -20px rgba(58, 58, 58, 0.3), 0 30px 30px 0 rgba(16, 16, 16, 0.3), inset 0 -1px 0 0 #484848;
< -moz-box-shadow: 30px 30px 30px -20px rgba(58, 58, 58, 0.3), -30px 30px 30px -20px rgba(58, 58, 58, 0.3), 0 30px 30px 0 rgba(16, 16, 16, 0.3), inset 0 -1px 0 0 #484848;
---
17910,17916c6573
< -webkit-box-sizing: border-box;
< -moz-box-sizing: border-box;
< box-sizing: border-box;
< -webkit-transition: all 0.2s false;
< -moz-transition: all 0.2s false false;
< -o-transition: all 0.2s false false;
< transition: all 0.2s; }
---
> transition: all .2s; }
17924,17927c6581
< -moz-transform: scaleY(0.85);
< -ms-transform: scaleY(0.85);
< -o-transform: scaleY(0.85);
< transform: scaleY(0.85); }
---
> transform: scaleY(0.85); }
17932,17935c6586
< -moz-transform: scaleY(1);
< -ms-transform: scaleY(1);
< -o-transform: scaleY(1);
< transform: scaleY(1); }
---
> transform: scaleY(1); }
17939,17942c6589
< background-image: -owg-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent);
< background-image: -webkit-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent);
< background-image: -moz-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent);
< background-image: -o-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent);
---
17945,17946c6591
< -webkit-box-shadow: inset 8px -4px 5px -7px #a9a9a9, inset -8px -4px 5px -7px #808080, 0 -3px 8px -4px rgba(50, 50, 50, 0.4), inset 0 3px 4px -2px #9c9c9c, inset 0 280px 40px -200px rgba(0, 0, 0, 0.2), inset 0 -200px 40px -200px rgba(180, 180, 180, 0.2);
< -moz-box-shadow: inset 8px -4px 5px -7px #a9a9a9, inset -8px -4px 5px -7px #808080, 0 -3px 8px -4px rgba(50, 50, 50, 0.4), inset 0 3px 4px -2px #9c9c9c, inset 0 280px 40px -200px rgba(0, 0, 0, 0.2), inset 0 -200px 40px -200px rgba(180, 180, 180, 0.2);
---
17950,17953c6594
< background-image: -owg-linear-gradient(90deg, #868686 30%, transparent 70%), -owg-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%);
< background-image: -webkit-linear-gradient(90deg, #868686 30%, transparent 70%), -webkit-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%);
< background-image: -moz-linear-gradient(90deg, #868686 30%, transparent 70%), -moz-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%);
< background-image: -o-linear-gradient(90deg, #868686 30%, transparent 70%), -o-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%);
---
17955,17956c6595
< -webkit-box-shadow: 30px 30px 30px -20px rgba(49, 49, 49, 0.1), -30px 30px 30px -20px rgba(111, 111, 111, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(167, 167, 167, 0.6);
< -moz-box-shadow: 30px 30px 30px -20px rgba(49, 49, 49, 0.1), -30px 30px 30px -20px rgba(111, 111, 111, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(167, 167, 167, 0.6);
---
18003,18006c6641
< background-image: -owg-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25));
< background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25));
< background-image: -moz-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25));
< background-image: -o-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25));
---
18011,18014c6645
< background-image: -owg-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
< background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
< background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
< background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
---
18688,18691c7319
< -webkit-transition: all 0.2s ease-in-out;
< -moz-transition: all 0.2s ease-in-out false;
< -o-transition: all 0.2s ease-in-out false;
< transition: all 0.2s ease-in-out; }
---
> transition: all .2s ease-in-out; }
18748,18750c7375
< -webkit-transition: none false false;
< -moz-transition: none false false false;
< -o-transition: none false false false;
---
19029,19032c7653
< -webkit-transition: right 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -webkit-transition-delay: 0.2s;
< -moz-transition: right 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
< -o-transition: right 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
---
19043,19045c7663
< -webkit-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -moz-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
< -o-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
---
19053,19056c7670
< -webkit-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -webkit-transition-delay: 0.2s;
< -moz-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
< -o-transition: margin-top 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
---
19553c8168,8169
---
> /* stylelint-disable selector-no-vendor-prefix */
> /* stylelint-enable selector-no-vendor-prefix */
19639c8255,8256
< transform: translate(0%, -50%) !important; }
---
> -webkit-transform: translate(0%, -50%) !important;
> transform: translate(0%, -50%) !important; }
19764c8382
---
> /* stylelint-disable-line value-no-vendor-prefix */
19770c8388
< -webkit-box-orient: vertical; }
---
> /* stylelint-disable-line property-no-vendor-prefix */ }
19815c8433,8434
< transform: translate(-50%, -50%); }
---
> -webkit-transform: translate(-50%, -50%);
> transform: translate(-50%, -50%); }
19826c8445,8446
< transform: translate(0%, -50%) !important; }
---
> -webkit-transform: translate(0%, -50%) !important;
> transform: translate(0%, -50%) !important; }
19870,19872c8489
< -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -moz-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
< -o-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
---
19883,19886c8499
< -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -webkit-transition-delay: 0.2s;
< -moz-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
< -o-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0.2s;
---
20042,20044c8655,8657
< -moz-user-select: none;
< -ms-user-select: none;
< user-select: none; }
---
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none; }
20091,20094c8704,8706
< -khtml-user-select: none;
< -moz-user-select: none;
< -ms-user-select: none;
< user-select: none;
---
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none;
20152c8764,8767
< user-select: none;
---
> -webkit-user-select: none;
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none;
20251c8866,8867
< animation: dash 3s linear infinite;
---
> -webkit-animation: dash 3s linear infinite;
> animation: dash 3s linear infinite;
20298,20299c8913
< -webkit-touch-callout: none;
< /* iOS Safari */
---
20301,20310c8915,8917
< /* Safari */
< -khtml-user-select: none;
< /* Konqueror HTML */
< -moz-user-select: none;
< /* Firefox */
< -ms-user-select: none;
< /* Internet Explorer/Edge */
< user-select: none;
< /* Non-prefixed version, currently
< supported by Chrome and Opera */ }
---
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none; }
20314c8921,8923
< transition: transform .2s; }
---
> transition: -webkit-transform .2s;
> transition: transform .2s;
> transition: transform .2s, -webkit-transform .2s; }
20318c8927,8928
< transform: scale(1.25); }
---
> -webkit-transform: scale(1.25);
> transform: scale(1.25); }
20340c8950
< transform: translate(-50%, -50%); }
---
> transform: translate(-50%, -50%); }
20354c8965,8968
---
> @-webkit-keyframes dash {
> from {
> stroke-dashoffset: 500; } }
>
20455,20456c9068
< -webkit-box-sizing: border-box;
< -moz-box-sizing: border-box;
---
21049,21059c9660
< @-moz-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
---
21073,21096c9673
< @-o-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes flash {
< 0% {
< opacity: 1; }
< 25% {
< opacity: 0; }
< 50% {
< opacity: 1; }
< 75% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
21109,21152c9685
< @-moz-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
21156,21158c9688
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21162,21164c9691
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21168,21170c9694
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
21174,21176c9697
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21180,21182c9700
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
21186,21188c9703
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21192,21282c9706
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounce {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 40% {
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 50% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 60% {
< -webkit-transform: translateY(-15px);
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
< transform: translateY(-15px); }
< 80% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21288,21290c9711
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21294,21296c9714
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21300,21302c9717
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
21306,21308c9720
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21312,21314c9723
< -moz-transform: translateY(-15px);
< -ms-transform: translateY(-15px);
< -o-transform: translateY(-15px);
---
21318,21320c9726
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21324,21326c9729
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
21329,21396c9731
< @-moz-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
21400,21402c9734
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
21406,21408c9737
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21412,21414c9740
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21418,21420c9743
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21424,21426c9746
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21430,21432c9749
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21436,21438c9752
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21442,21444c9755
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21448,21450c9758
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21454,21456c9761
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21460,21598c9764
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes shake {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 10% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 20% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 30% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 40% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 50% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 60% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 70% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 90% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
21604,21606c9769
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
21610,21612c9772
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21616,21618c9775
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21622,21624c9778
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21628,21630c9781
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21634,21636c9784
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21640,21642c9787
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21646,21648c9790
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21652,21654c9793
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
21658,21660c9796
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
21664,21666c9799
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
21669,21736c9801
< @-moz-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
---
21740,21742c9804
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
21746,21748c9807
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
21752,21754c9810
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
21758,21760c9813
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21764,21766c9816
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21770,21772c9819
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21776,21778c9822
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21782,21784c9825
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21788,21790c9828
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21794,21796c9831
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21800,21938c9834
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-o-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
< transform: scale(1) rotate(0); } }
<
< @-ms-keyframes tada {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 10% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 20% {
< -webkit-transform: scale(0.9) rotate(-3deg);
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
< transform: scale(0.9) rotate(-3deg); }
< 30% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 40% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 50% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 60% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 70% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 80% {
< -webkit-transform: scale(1.1) rotate(-3deg);
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
< transform: scale(1.1) rotate(-3deg); }
< 90% {
< -webkit-transform: scale(1.1) rotate(3deg);
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
< transform: scale(1.1) rotate(3deg); }
< 100% {
< -webkit-transform: scale(1) rotate(0);
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
21944,21946c9839
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
21950,21952c9842
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
21956,21958c9845
< -moz-transform: scale(0.9) rotate(-3deg);
< -ms-transform: scale(0.9) rotate(-3deg);
< -o-transform: scale(0.9) rotate(-3deg);
---
21962,21964c9848
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21968,21970c9851
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21974,21976c9854
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21980,21982c9857
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21986,21988c9860
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
21992,21994c9863
< -moz-transform: scale(1.1) rotate(-3deg);
< -ms-transform: scale(1.1) rotate(-3deg);
< -o-transform: scale(1.1) rotate(-3deg);
---
21998,22000c9866
< -moz-transform: scale(1.1) rotate(3deg);
< -ms-transform: scale(1.1) rotate(3deg);
< -o-transform: scale(1.1) rotate(3deg);
---
22004,22006c9869
< -moz-transform: scale(1) rotate(0);
< -ms-transform: scale(1) rotate(0);
< -o-transform: scale(1) rotate(0);
---
22009,22046c9871
< @-moz-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
---
22050,22052c9874
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
22056,22058c9877
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
22062,22064c9880
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
22068,22070c9883
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
22074,22076c9886
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
22080,22158c9889
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-o-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
< transform: rotate(0deg); } }
<
< @-ms-keyframes swing {
< 20%, 40%, 60%, 80%, 100% {
< -webkit-transform-origin: top center 50%;
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
< transform-origin: top center 50%; }
< 20% {
< -webkit-transform: rotate(15deg);
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
< transform: rotate(15deg); }
< 40% {
< -webkit-transform: rotate(-10deg);
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
< transform: rotate(-10deg); }
< 60% {
< -webkit-transform: rotate(5deg);
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
< transform: rotate(5deg); }
< 80% {
< -webkit-transform: rotate(-5deg);
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
< transform: rotate(-5deg); }
< 100% {
< -webkit-transform: rotate(0deg);
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
22164,22166c9894
< -moz-transform-origin: top center 50%;
< -ms-transform-origin: top center 50%;
< -o-transform-origin: top center 50%;
---
22170,22172c9897
< -moz-transform: rotate(15deg);
< -ms-transform: rotate(15deg);
< -o-transform: rotate(15deg);
---
22176,22178c9900
< -moz-transform: rotate(-10deg);
< -ms-transform: rotate(-10deg);
< -o-transform: rotate(-10deg);
---
22182,22184c9903
< -moz-transform: rotate(5deg);
< -ms-transform: rotate(5deg);
< -o-transform: rotate(5deg);
---
22188,22190c9906
< -moz-transform: rotate(-5deg);
< -ms-transform: rotate(-5deg);
< -o-transform: rotate(-5deg);
---
22194,22196c9909
< -moz-transform: rotate(0deg);
< -ms-transform: rotate(0deg);
< -o-transform: rotate(0deg);
---
22199,22242c9911
< @-moz-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
---
22246,22248c9914
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
22252,22254c9917
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
22258,22260c9920
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
22264,22266c9923
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
22270,22272c9926
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
22276,22278c9929
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
22282,22372c9932
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-o-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); } }
<
< @-ms-keyframes wobble {
< 0% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
< transform: translateX(0%); }
< 15% {
< -webkit-transform: translateX(-25%) rotate(-5deg);
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
< transform: translateX(-25%) rotate(-5deg); }
< 30% {
< -webkit-transform: translateX(20%) rotate(3deg);
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
< transform: translateX(20%) rotate(3deg); }
< 45% {
< -webkit-transform: translateX(-15%) rotate(-3deg);
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
< transform: translateX(-15%) rotate(-3deg); }
< 60% {
< -webkit-transform: translateX(10%) rotate(2deg);
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
< transform: translateX(10%) rotate(2deg); }
< 75% {
< -webkit-transform: translateX(-5%) rotate(-1deg);
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
< transform: translateX(-5%) rotate(-1deg); }
< 100% {
< -webkit-transform: translateX(0%);
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
22378,22380c9937
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
22384,22386c9940
< -moz-transform: translateX(-25%) rotate(-5deg);
< -ms-transform: translateX(-25%) rotate(-5deg);
< -o-transform: translateX(-25%) rotate(-5deg);
---
22390,22392c9943
< -moz-transform: translateX(20%) rotate(3deg);
< -ms-transform: translateX(20%) rotate(3deg);
< -o-transform: translateX(20%) rotate(3deg);
---
22396,22398c9946
< -moz-transform: translateX(-15%) rotate(-3deg);
< -ms-transform: translateX(-15%) rotate(-3deg);
< -o-transform: translateX(-15%) rotate(-3deg);
---
22402,22404c9949
< -moz-transform: translateX(10%) rotate(2deg);
< -ms-transform: translateX(10%) rotate(2deg);
< -o-transform: translateX(10%) rotate(2deg);
---
22408,22410c9952
< -moz-transform: translateX(-5%) rotate(-1deg);
< -ms-transform: translateX(-5%) rotate(-1deg);
< -o-transform: translateX(-5%) rotate(-1deg);
---
22414,22416c9955
< -moz-transform: translateX(0%);
< -ms-transform: translateX(0%);
< -o-transform: translateX(0%);
---
22419,22438c9957
< @-moz-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
22442,22444c9960
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22448,22450c9963
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
22454,22496c9966
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes pulse {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 50% {
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22502,22504c9971
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22508,22510c9974
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
22514,22516c9977
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22519,22586c9979
< @-moz-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
---
22590,22592c9982
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
22596,22598c9985
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
22602,22604c9988
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
22608,22610c9991
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
22614,22616c9994
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
22620,22622c9997
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
22626,22628c10000
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
22632,22634c10003
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
22638,22640c10006
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
22644,22646c10009
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
22650,22788c10012
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-o-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); } }
<
< @-ms-keyframes wiggle {
< 0% {
< -webkit-transform: skewX(9deg);
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
< transform: skewX(9deg); }
< 10% {
< -webkit-transform: skewX(-8deg);
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
< transform: skewX(-8deg); }
< 20% {
< -webkit-transform: skewX(7deg);
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
< transform: skewX(7deg); }
< 30% {
< -webkit-transform: skewX(-6deg);
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
< transform: skewX(-6deg); }
< 40% {
< -webkit-transform: skewX(5deg);
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
< transform: skewX(5deg); }
< 50% {
< -webkit-transform: skewX(-4deg);
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
< transform: skewX(-4deg); }
< 60% {
< -webkit-transform: skewX(3deg);
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
< transform: skewX(3deg); }
< 70% {
< -webkit-transform: skewX(-2deg);
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
< transform: skewX(-2deg); }
< 80% {
< -webkit-transform: skewX(1deg);
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
< transform: skewX(1deg); }
< 90% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
< transform: skewX(0deg); }
< 100% {
< -webkit-transform: skewX(0deg);
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
22794,22796c10017
< -moz-transform: skewX(9deg);
< -ms-transform: skewX(9deg);
< -o-transform: skewX(9deg);
---
22800,22802c10020
< -moz-transform: skewX(-8deg);
< -ms-transform: skewX(-8deg);
< -o-transform: skewX(-8deg);
---
22806,22808c10023
< -moz-transform: skewX(7deg);
< -ms-transform: skewX(7deg);
< -o-transform: skewX(7deg);
---
22812,22814c10026
< -moz-transform: skewX(-6deg);
< -ms-transform: skewX(-6deg);
< -o-transform: skewX(-6deg);
---
22818,22820c10029
< -moz-transform: skewX(5deg);
< -ms-transform: skewX(5deg);
< -o-transform: skewX(5deg);
---
22824,22826c10032
< -moz-transform: skewX(-4deg);
< -ms-transform: skewX(-4deg);
< -o-transform: skewX(-4deg);
---
22830,22832c10035
< -moz-transform: skewX(3deg);
< -ms-transform: skewX(3deg);
< -o-transform: skewX(3deg);
---
22836,22838c10038
< -moz-transform: skewX(-2deg);
< -ms-transform: skewX(-2deg);
< -o-transform: skewX(-2deg);
---
22842,22844c10041
< -moz-transform: skewX(1deg);
< -ms-transform: skewX(1deg);
< -o-transform: skewX(1deg);
---
22848,22850c10044
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
22854,22856c10047
< -moz-transform: skewX(0deg);
< -ms-transform: skewX(0deg);
< -o-transform: skewX(0deg);
---
22859,22886c10049
< @-moz-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
---
22890,22892c10052
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22896,22898c10055
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
22903,22905c10059
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
22910,22968c10063
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-o-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); } }
<
< @-ms-keyframes bounceOut {
< 0% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); }
< 25% {
< -webkit-transform: scale(0.95, 0.95);
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
< transform: scale(0.95, 0.95); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.1, 1.1);
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
< transform: scale(1.1, 1.1); }
< 100% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
22974,22976c10068
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
22980,22982c10071
< -moz-transform: scale(0.95, 0.95);
< -ms-transform: scale(0.95, 0.95);
< -o-transform: scale(0.95, 0.95);
---
22987,22989c10075
< -moz-transform: scale(1.1, 1.1);
< -ms-transform: scale(1.1, 1.1);
< -o-transform: scale(1.1, 1.1);
---
22994,22996c10079
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
22999,23020c10081
< @-moz-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
---
23024,23026c10084
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23031,23033c10088
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
23038,23084c10092
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-o-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); } }
<
< @-ms-keyframes bounceOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
23090,23092c10097
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23097,23099c10101
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
23104,23106c10105
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
23109,23130c10107
< @-moz-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
23134,23136c10110
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23141,23143c10114
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
23148,23194c10118
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes bounceOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
23200,23202c10123
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23207,23209c10127
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
23214,23216c10131
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
23219,23240c10133
< @-moz-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
23244,23246c10136
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
23251,23253c10140
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
23258,23304c10144
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes bounceOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
23310,23312c10149
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
23317,23319c10153
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
23324,23326c10157
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
23329,23350c10159
< @-moz-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
23354,23356c10162
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
23361,23363c10166
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
23368,23414c10170
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes bounceOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 20% {
< opacity: 1;
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
23420,23422c10175
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
23427,23429c10179
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
23434,23436c10183
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
23439,23466c10185
< @-moz-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
---
23471,23473c10189
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
23478,23480c10193
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
23484,23486c10196
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
23490,23548c10199
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-o-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
< transform: scale(1, 1); } }
<
< @-ms-keyframes bounceIn {
< 0% {
< opacity: 0;
< -webkit-transform: scale(0.3, 0.3);
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
< transform: scale(0.3, 0.3); }
< 50% {
< opacity: 1;
< -webkit-transform: scale(1.05, 1.05);
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
< transform: scale(1.05, 1.05); }
< 70% {
< -webkit-transform: scale(0.9, 0.9);
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
< transform: scale(0.9, 0.9); }
< 100% {
< -webkit-transform: scale(1, 1);
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
23555,23557c10205
< -moz-transform: scale(0.3, 0.3);
< -ms-transform: scale(0.3, 0.3);
< -o-transform: scale(0.3, 0.3);
---
23562,23564c10209
< -moz-transform: scale(1.05, 1.05);
< -ms-transform: scale(1.05, 1.05);
< -o-transform: scale(1.05, 1.05);
---
23568,23570c10212
< -moz-transform: scale(0.9, 0.9);
< -ms-transform: scale(0.9, 0.9);
< -o-transform: scale(0.9, 0.9);
---
23574,23576c10215
< -moz-transform: scale(1, 1);
< -ms-transform: scale(1, 1);
< -o-transform: scale(1, 1);
---
23579,23606c10217
< @-moz-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
23611,23613c10221
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
23618,23620c10225
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
23624,23626c10228
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
23630,23688c10231
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInDown {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(30px);
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
< transform: translateY(30px); }
< 80% {
< -webkit-transform: translateY(-10px);
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
< transform: translateY(-10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23695,23697c10237
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
23702,23704c10241
< -moz-transform: translateY(30px);
< -ms-transform: translateY(30px);
< -o-transform: translateY(30px);
---
23708,23710c10244
< -moz-transform: translateY(-10px);
< -ms-transform: translateY(-10px);
< -o-transform: translateY(-10px);
---
23714,23744c10247
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-moz-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23751,23753c10253
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
23758,23760c10257
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
23764,23766c10260
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
23770,23828c10263
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes bounceInUp {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateY(-30px);
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
< transform: translateY(-30px); }
< 80% {
< -webkit-transform: translateY(10px);
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
< transform: translateY(10px); }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23835,23837c10269
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
23842,23844c10273
< -moz-transform: translateY(-30px);
< -ms-transform: translateY(-30px);
< -o-transform: translateY(-30px);
---
23848,23850c10276
< -moz-transform: translateY(10px);
< -ms-transform: translateY(10px);
< -o-transform: translateY(10px);
---
23854,23856c10279
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
23859,23886c10281
< @-moz-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
23891,23893c10285
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
23898,23900c10289
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
23904,23906c10292
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
23910,23968c10295
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInRight {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(-30px);
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
< transform: translateX(-30px); }
< 80% {
< -webkit-transform: translateX(10px);
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
< transform: translateX(10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
23975,23977c10301
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
23982,23984c10305
< -moz-transform: translateX(-30px);
< -ms-transform: translateX(-30px);
< -o-transform: translateX(-30px);
---
23988,23990c10308
< -moz-transform: translateX(10px);
< -ms-transform: translateX(10px);
< -o-transform: translateX(10px);
---
23994,24024c10311
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24031,24033c10317
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
24038,24040c10321
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
24044,24046c10324
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
24050,24108c10327
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes bounceInLeft {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 60% {
< opacity: 1;
< -webkit-transform: translateX(30px);
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
< transform: translateX(30px); }
< 80% {
< -webkit-transform: translateX(-10px);
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
< transform: translateX(-10px); }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24115,24117c10333
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
24122,24124c10337
< -moz-transform: translateX(30px);
< -ms-transform: translateX(30px);
< -o-transform: translateX(30px);
---
24128,24130c10340
< -moz-transform: translateX(-10px);
< -ms-transform: translateX(-10px);
< -o-transform: translateX(-10px);
---
24134,24136c10343
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24139,24144c10345
< @-moz-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
24151,24162c10351
< @-o-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
< @-ms-keyframes fadeOut {
< 0% {
< opacity: 1; }
< 100% {
< opacity: 0; } }
<
---
24169,24184c10357
< @-moz-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
---
24188,24190c10360
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24195,24229c10364
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUp {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
24236,24238c10370
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24243,24245c10374
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
24249,24264c10377
< @-moz-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
---
24268,24270c10380
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24275,24309c10384
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutDown {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
24316,24318c10390
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24323,24325c10394
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
24329,24344c10397
< @-moz-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
---
24348,24350c10400
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24355,24389c10404
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutRight {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
24396,24398c10410
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24403,24405c10414
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
24409,24424c10417
< @-moz-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
---
24428,24430c10420
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24435,24469c10424
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutLeft {
< 0% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
24476,24478c10430
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24483,24485c10434
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
24489,24504c10437
< @-moz-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
---
24508,24510c10440
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24515,24549c10444
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-o-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px);
< opacity: 0; } }
<
< @-ms-keyframes fadeOutUpBig {
< 0% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; }
< 100% {
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
24556,24558c10450
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24563,24565c10454
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
24569,24584c10457
< @-moz-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
---
24589,24591c10461
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24596,24630c10465
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-o-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px); } }
<
< @-ms-keyframes fadeOutDownBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
24637,24639c10471
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24644,24646c10475
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
24649,24664c10477
< @-moz-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
---
24669,24671c10481
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24676,24710c10485
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-o-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); } }
<
< @-ms-keyframes fadeOutRightBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
24717,24719c10491
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24724,24726c10495
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
24729,24744c10497
< @-moz-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
---
24749,24751c10501
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24756,24790c10505
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-o-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); } }
<
< @-ms-keyframes fadeOutLeftBig {
< 0% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); }
< 100% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
24797,24799c10511
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
24804,24806c10515
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
24809,24814c10517
< @-moz-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
24821,24832c10523
< @-o-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
< @-ms-keyframes fadeIn {
< 0% {
< opacity: 0; }
< 100% {
< opacity: 1; } }
<
---
24839,24854c10529
< @-moz-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
24858,24860c10532
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
24865,24899c10536
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUp {
< 0% {
< -webkit-transform: translateY(20px);
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
< transform: translateY(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24906,24908c10542
< -moz-transform: translateY(20px);
< -ms-transform: translateY(20px);
< -o-transform: translateY(20px);
---
24913,24931c10546
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24938,24940c10552
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
24945,24979c10556
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInDown {
< 0% {
< -webkit-transform: translateY(-20px);
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
< transform: translateY(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24986,24988c10562
< -moz-transform: translateY(-20px);
< -ms-transform: translateY(-20px);
< -o-transform: translateY(-20px);
---
24993,24995c10566
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
24999,25014c10569
< @-moz-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
---
25018,25020c10572
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
25025,25059c10576
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInRight {
< 0% {
< -webkit-transform: translateX(20px);
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
< transform: translateX(20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25066,25068c10582
< -moz-transform: translateX(20px);
< -ms-transform: translateX(20px);
< -o-transform: translateX(20px);
---
25073,25091c10586
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-moz-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25098,25100c10592
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
25105,25139c10596
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInLeft {
< 0% {
< -webkit-transform: translateX(-20px);
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
< transform: translateX(-20px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25146,25148c10602
< -moz-transform: translateX(-20px);
< -ms-transform: translateX(-20px);
< -o-transform: translateX(-20px);
---
25153,25155c10606
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25159,25174c10609
< @-moz-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
---
25178,25180c10612
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
25185,25219c10616
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-o-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0);
< opacity: 1; } }
<
< @-ms-keyframes fadeInUpBig {
< 0% {
< -webkit-transform: translateY(2000px);
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
< transform: translateY(2000px);
< opacity: 0; }
< 100% {
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
25226,25228c10622
< -moz-transform: translateY(2000px);
< -ms-transform: translateY(2000px);
< -o-transform: translateY(2000px);
---
25233,25235c10626
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
25239,25254c10629
< @-moz-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
---
25259,25261c10633
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
25266,25300c10637
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-o-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
< transform: translateY(0); } }
<
< @-ms-keyframes fadeInDownBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateY(-2000px);
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
< transform: translateY(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateY(0);
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
25307,25309c10643
< -moz-transform: translateY(-2000px);
< -ms-transform: translateY(-2000px);
< -o-transform: translateY(-2000px);
---
25314,25316c10647
< -moz-transform: translateY(0);
< -ms-transform: translateY(0);
< -o-transform: translateY(0);
---
25319,25334c10649
< @-moz-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
---
25339,25341c10653
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
25346,25380c10657
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInRightBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(2000px);
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
< transform: translateX(2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25387,25389c10663
< -moz-transform: translateX(2000px);
< -ms-transform: translateX(2000px);
< -o-transform: translateX(2000px);
---
25394,25412c10667
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-moz-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25419,25421c10673
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
25426,25460c10677
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-o-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
< transform: translateX(0); } }
<
< @-ms-keyframes fadeInLeftBig {
< 0% {
< opacity: 0;
< -webkit-transform: translateX(-2000px);
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
< transform: translateX(-2000px); }
< 100% {
< opacity: 1;
< -webkit-transform: translateX(0);
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25467,25469c10683
< -moz-transform: translateX(-2000px);
< -ms-transform: translateX(-2000px);
< -o-transform: translateX(-2000px);
---
25474,25476c10687
< -moz-transform: translateX(0);
< -ms-transform: translateX(0);
< -o-transform: translateX(0);
---
25479,25535c10689
< @-moz-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
---
25539,25541c10692
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
25544,25546c10694
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
25550,25552c10697
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
25555,25557c10699
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
25561,25563c10702
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
25566,25568c10704
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25572,25574c10707
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
25577,25579c10709
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25583,25585c10712
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
25588,25704c10714
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-o-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; } }
<
< @-ms-keyframes flip {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0);
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
< transform: perspective(400px) rotateY(0);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 40% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -webkit-animation-timing-function: ease-out;
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
< animation-timing-function: ease-out; }
< 50% {
< -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 80% {
< -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
< transform: perspective(400px) rotateY(360deg) scale(0.95);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
< animation-timing-function: ease-in; }
< 100% {
< -webkit-transform: perspective(400px) scale(1);
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
< transform: perspective(400px) scale(1);
< -webkit-animation-timing-function: ease-in;
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25710,25712c10719
< -moz-transform: perspective(400px) rotateY(0);
< -ms-transform: perspective(400px) rotateY(0);
< -o-transform: perspective(400px) rotateY(0);
---
25715,25717c10721
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
25721,25723c10724
< -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
< -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
---
25726,25728c10726
< -moz-animation-timing-function: ease-out;
< -ms-animation-timing-function: ease-out;
< -o-animation-timing-function: ease-out;
---
25732,25734c10729
< -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
< -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
---
25737,25739c10731
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25743,25745c10734
< -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
< -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
---
25748,25750c10736
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25754,25756c10739
< -moz-transform: perspective(400px) scale(1);
< -ms-transform: perspective(400px) scale(1);
< -o-transform: perspective(400px) scale(1);
---
25759,25761c10741
< -moz-animation-timing-function: ease-in;
< -ms-animation-timing-function: ease-in;
< -o-animation-timing-function: ease-in;
---
25764,25793c10743
< @-moz-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
25797,25799c10746
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
25805,25807c10751
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
25811,25813c10754
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
25817,25879c10757
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateX(-10deg);
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
< transform: perspective(400px) rotateX(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateX(10deg);
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
< transform: perspective(400px) rotateX(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
25887,25889c10764
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
25895,25897c10769
< -moz-transform: perspective(400px) rotateX(-10deg);
< -ms-transform: perspective(400px) rotateX(-10deg);
< -o-transform: perspective(400px) rotateX(-10deg);
---
25901,25903c10772
< -moz-transform: perspective(400px) rotateX(10deg);
< -ms-transform: perspective(400px) rotateX(10deg);
< -o-transform: perspective(400px) rotateX(10deg);
---
25907,25909c10775
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
25914,25931c10779
< @-moz-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
25935,25937c10782
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
25943,25981c10787
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
< transform: perspective(400px) rotateX(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutX {
< 0% {
< -webkit-transform: perspective(400px) rotateX(0deg);
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
< transform: perspective(400px) rotateX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateX(90deg);
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
25989,25991c10794
< -moz-transform: perspective(400px) rotateX(0deg);
< -ms-transform: perspective(400px) rotateX(0deg);
< -o-transform: perspective(400px) rotateX(0deg);
---
25997,25999c10799
< -moz-transform: perspective(400px) rotateX(90deg);
< -ms-transform: perspective(400px) rotateX(90deg);
< -o-transform: perspective(400px) rotateX(90deg);
---
26004,26033c10803
< @-moz-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
26037,26039c10806
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
26045,26047c10811
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
26051,26053c10814
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
26057,26119c10817
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes flipInY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 40% {
< -webkit-transform: perspective(400px) rotateY(-10deg);
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
< transform: perspective(400px) rotateY(-10deg); }
< 70% {
< -webkit-transform: perspective(400px) rotateY(10deg);
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
< transform: perspective(400px) rotateY(10deg); }
< 100% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
26127,26129c10824
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
26135,26137c10829
< -moz-transform: perspective(400px) rotateY(-10deg);
< -ms-transform: perspective(400px) rotateY(-10deg);
< -o-transform: perspective(400px) rotateY(-10deg);
---
26141,26143c10832
< -moz-transform: perspective(400px) rotateY(10deg);
< -ms-transform: perspective(400px) rotateY(10deg);
< -o-transform: perspective(400px) rotateY(10deg);
---
26147,26149c10835
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
26154,26171c10839
< @-moz-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
26175,26177c10842
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
26183,26221c10847
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
< transform: perspective(400px) rotateY(90deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes flipOutY {
< 0% {
< -webkit-transform: perspective(400px) rotateY(0deg);
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
< transform: perspective(400px) rotateY(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: perspective(400px) rotateY(90deg);
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
26229,26231c10854
< -moz-transform: perspective(400px) rotateY(0deg);
< -ms-transform: perspective(400px) rotateY(0deg);
< -o-transform: perspective(400px) rotateY(0deg);
---
26237,26239c10859
< -moz-transform: perspective(400px) rotateY(90deg);
< -ms-transform: perspective(400px) rotateY(90deg);
< -o-transform: perspective(400px) rotateY(90deg);
---
26244,26277c10863
< @-moz-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
---
26281,26283c10866
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
26289,26291c10871
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
26297,26299c10876
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
26305,26375c10881
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-o-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; } }
<
< @-ms-keyframes lightSpeedIn {
< 0% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; }
< 60% {
< -webkit-transform: translateX(-20%) skewX(30deg);
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
< transform: translateX(-20%) skewX(30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 80% {
< -webkit-transform: translateX(0%) skewX(-15deg);
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
< transform: translateX(0%) skewX(-15deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
26383,26385c10888
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
26391,26393c10893
< -moz-transform: translateX(-20%) skewX(30deg);
< -ms-transform: translateX(-20%) skewX(30deg);
< -o-transform: translateX(-20%) skewX(30deg);
---
26399,26401c10898
< -moz-transform: translateX(0%) skewX(-15deg);
< -ms-transform: translateX(0%) skewX(-15deg);
< -o-transform: translateX(0%) skewX(-15deg);
---
26407,26409c10903
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
26414,26431c10907
< @-moz-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
26435,26437c10910
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
26443,26481c10915
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
< transform: translateX(100%) skewX(-30deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes lightSpeedOut {
< 0% {
< -webkit-transform: translateX(0%) skewX(0deg);
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
< transform: translateX(0%) skewX(0deg);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1; }
< 100% {
< -webkit-transform: translateX(100%) skewX(-30deg);
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
26489,26491c10922
< -moz-transform: translateX(0%) skewX(0deg);
< -ms-transform: translateX(0%) skewX(0deg);
< -o-transform: translateX(0%) skewX(0deg);
---
26497,26499c10927
< -moz-transform: translateX(100%) skewX(-30deg);
< -ms-transform: translateX(100%) skewX(-30deg);
< -o-transform: translateX(100%) skewX(-30deg);
---
26504,26529c10931
< @-moz-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
---
26533,26535c10934
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
26538,26540c10936
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26545,26547c10940
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
26550,26604c10942
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
< transform: rotate(200deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOut {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(200deg);
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
26611,26613c10948
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
26616,26618c10950
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26623,26625c10954
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
26628,26630c10956
< -moz-transform: rotate(200deg);
< -ms-transform: rotate(200deg);
< -o-transform: rotate(200deg);
---
26634,26659c10959
< @-moz-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
26663,26665c10962
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26668,26670c10964
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26675,26677c10968
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26680,26734c10970
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
26741,26743c10976
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26746,26748c10978
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26753,26755c10982
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26758,26760c10984
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
26764,26789c10987
< @-moz-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
---
26793,26795c10990
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26798,26800c10992
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26805,26807c10996
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26810,26864c10998
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
26871,26873c11004
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26876,26878c11006
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26883,26885c11010
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
26888,26916c11012
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-moz-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
26923,26925c11018
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
26928,26930c11020
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
26935,26937c11024
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
26940,26994c11026
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27001,27003c11032
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27006,27008c11034
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27013,27015c11038
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27018,27020c11040
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27024,27049c11043
< @-moz-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
---
27053,27055c11046
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27058,27060c11048
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27065,27067c11052
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27070,27124c11054
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-o-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; } }
<
< @-ms-keyframes rotateOutUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27131,27133c11060
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27136,27138c11062
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27143,27145c11066
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27148,27150c11068
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27154,27179c11071
< @-moz-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
---
27183,27185c11074
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
27188,27190c11076
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
27195,27197c11080
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
27200,27254c11082
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateIn {
< 0% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(-200deg);
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
< transform: rotate(-200deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: center center 50%;
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
< transform-origin: center center 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27261,27263c11088
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
27266,27268c11090
< -moz-transform: rotate(-200deg);
< -ms-transform: rotate(-200deg);
< -o-transform: rotate(-200deg);
---
27273,27275c11094
< -moz-transform-origin: center center 50%;
< -ms-transform-origin: center center 50%;
< -o-transform-origin: center center 50%;
---
27278,27306c11096
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27313,27315c11102
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27318,27320c11104
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27325,27327c11108
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27330,27384c11110
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27391,27393c11116
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27396,27398c11118
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27403,27405c11122
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27408,27436c11124
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27443,27445c11130
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27448,27450c11132
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27455,27457c11136
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27460,27514c11138
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpLeft {
< 0% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: left bottom 50%;
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
< transform-origin: left bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27521,27523c11144
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27526,27528c11146
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27533,27535c11150
< -moz-transform-origin: left bottom 50%;
< -ms-transform-origin: left bottom 50%;
< -o-transform-origin: left bottom 50%;
---
27538,27566c11152
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27573,27575c11158
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27578,27580c11160
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27585,27587c11164
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27590,27644c11166
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInUpRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< transform: rotate(-90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27651,27653c11172
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27656,27658c11174
< -moz-transform: rotate(-90deg);
< -ms-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
---
27663,27665c11178
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27668,27696c11180
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-moz-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27703,27705c11186
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27708,27710c11188
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27715,27717c11192
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27720,27774c11194
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-o-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< opacity: 1; } }
<
< @-ms-keyframes rotateInDownRight {
< 0% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(90deg);
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
< transform: rotate(90deg);
< opacity: 0; }
< 100% {
< -webkit-transform-origin: right bottom 50%;
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
< transform-origin: right bottom 50%;
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27781,27783c11200
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27786,27788c11202
< -moz-transform: rotate(90deg);
< -ms-transform: rotate(90deg);
< -o-transform: rotate(90deg);
---
27793,27795c11206
< -moz-transform-origin: right bottom 50%;
< -ms-transform-origin: right bottom 50%;
< -o-transform-origin: right bottom 50%;
---
27798,27800c11208
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27804,27879c11211
< @-moz-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
---
27883,27885c11214
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
27888,27890c11216
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
27893,27895c11218
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
27899,27901c11221
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
27904,27906c11223
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
27909,27911c11225
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
27915,27917c11228
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
27920,27922c11230
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
27925,27927c11232
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
27931,27933c11235
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
27938,27940c11239
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
27943,27945c11241
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
27949,28103c11244
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-o-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
< transform: translateY(700px);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0; } }
<
< @-ms-keyframes hinge {
< 0% {
< -webkit-transform: rotate(0);
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
< transform: rotate(0);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 20%, 60% {
< -webkit-transform: rotate(80deg);
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
< transform: rotate(80deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 40% {
< -webkit-transform: rotate(60deg);
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
< transform: rotate(60deg);
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 80% {
< -webkit-transform: rotate(60deg) translateY(0);
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
< transform: rotate(60deg) translateY(0);
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform-origin: top left 50%;
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
< transform-origin: top left 50%;
< -webkit-animation-timing-function: ease-in-out;
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
< animation-timing-function: ease-in-out; }
< 100% {
< -webkit-transform: translateY(700px);
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
28111,28113c11251
< -moz-transform: rotate(0);
< -ms-transform: rotate(0);
< -o-transform: rotate(0);
---
28116,28118c11253
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
28121,28123c11255
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
28127,28129c11258
< -moz-transform: rotate(80deg);
< -ms-transform: rotate(80deg);
< -o-transform: rotate(80deg);
---
28132,28134c11260
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
28137,28139c11262
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
28143,28145c11265
< -moz-transform: rotate(60deg);
< -ms-transform: rotate(60deg);
< -o-transform: rotate(60deg);
---
28148,28150c11267
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
28153,28155c11269
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
28159,28161c11272
< -moz-transform: rotate(60deg) translateY(0);
< -ms-transform: rotate(60deg) translateY(0);
< -o-transform: rotate(60deg) translateY(0);
---
28166,28168c11276
< -moz-transform-origin: top left 50%;
< -ms-transform-origin: top left 50%;
< -o-transform-origin: top left 50%;
---
28171,28173c11278
< -moz-animation-timing-function: ease-in-out;
< -ms-animation-timing-function: ease-in-out;
< -o-animation-timing-function: ease-in-out;
---
28177,28179c11281
< -moz-transform: translateY(700px);
< -ms-transform: translateY(700px);
< -o-transform: translateY(700px);
---
28184,28201c11285
< @-moz-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
---
28207,28209c11290
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
28215,28253c11295
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-o-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); } }
<
< @-ms-keyframes rollIn {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
28261,28263c11302
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
28269,28271c11307
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
28274,28291c11309
< @-moz-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
---
28297,28299c11314
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
28305,28343c11319
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-o-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
< transform: translateX(-100%) rotate(-120deg); } }
<
< @-ms-keyframes rollOut {
< 0% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
< opacity: 1;
< -webkit-transform: translateX(0px) rotate(0deg);
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
< transform: translateX(0px) rotate(0deg); }
< 100% {
< filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
< opacity: 0;
< -webkit-transform: translateX(-100%) rotate(-120deg);
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
28351,28353c11326
< -moz-transform: translateX(0px) rotate(0deg);
< -ms-transform: translateX(0px) rotate(0deg);
< -o-transform: translateX(0px) rotate(0deg);
---
28359,28361c11331
< -moz-transform: translateX(-100%) rotate(-120deg);
< -ms-transform: translateX(-100%) rotate(-120deg);
< -o-transform: translateX(-100%) rotate(-120deg);
---
28364,28372c11333
< @-moz-keyframes tbMoveFromTopFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
---
28377,28398c11338
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
< @-o-keyframes tbMoveFromTopFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
< @-ms-keyframes tbMoveFromTopFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
---
> transform: translate(0, -100%); } }
28404,28416c11344
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
< @-moz-keyframes tbMoveToTopFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
---
> transform: translate(0, -100%); } }
28422,28443c11350
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
< @-o-keyframes tbMoveToTopFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
<
< @-ms-keyframes tbMoveToTopFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, -100%);
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
---
> transform: translate(0, -100%); } }
28449,28452c11356
< -moz-transform: translate(0, -100%);
< -ms-transform: translate(0, -100%);
< -o-transform: translate(0, -100%);
< transform: translate(0, -100%); } }
---
> transform: translate(0, -100%); } }
28454,28462c11357
< @-moz-keyframes tbMoveFromBottomFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, 100%);
< -moz-transform: translate(0, 100%);
< -ms-transform: translate(0, 100%);
< -o-transform: translate(0, 100%);
< transform: translate(0, 100%); } }
<
---
28467,28488c11362
< -moz-transform: translate(0, 100%);
< -ms-transform: translate(0, 100%);
< -o-transform: translate(0, 100%);
< transform: translate(0, 100%); } }
<
< @-o-keyframes tbMoveFromBottomFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, 100%);
< -moz-transform: translate(0, 100%);
< -ms-transform: translate(0, 100%);
< -o-transform: translate(0, 100%);
< transform: translate(0, 100%); } }
<
< @-ms-keyframes tbMoveFromBottomFade {
< from {
< opacity: 0;
< -webkit-transform: translate(0, 100%);
< -moz-transform: translate(0, 100%);
< -ms-transform: translate(0, 100%);
< -o-transform: translate(0, 100%);
< transform: translate(0, 100%); } }
---
> transform: translate(0, 100%); } }
28494,28497c11368
< -moz-transform: translate(0, 100%);
< -ms-transform: translate(0, 100%);
< -o-transform: translate(0, 100%);
< transform: translate(0, 100%); } }
---
> transform: translate(0, 100%); } }
28499,28507c11369
< @-moz-keyframes tbMoveToBottomFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, 150%);
< -moz-transform: translate(0, 150%);
< -ms-transform: translate(0, 150%);
< -o-transform: translate(0, 150%);
< transform: translate(0, 150%); } }
<
---
28512,28533c11374
< -moz-transform: translate(0, 150%);
< -ms-transform: translate(0, 150%);
< -o-transform: translate(0, 150%);
< transform: translate(0, 150%); } }
<
< @-o-keyframes tbMoveToBottomFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, 150%);
< -moz-transform: translate(0, 150%);
< -ms-transform: translate(0, 150%);
< -o-transform: translate(0, 150%);
< transform: translate(0, 150%); } }
<
< @-ms-keyframes tbMoveToBottomFade {
< to {
< opacity: 0;
< -webkit-transform: translate(0, 150%);
< -moz-transform: translate(0, 150%);
< -ms-transform: translate(0, 150%);
< -o-transform: translate(0, 150%);
< transform: translate(0, 150%); } }
---
> transform: translate(0, 150%); } }
28539,28542c11380
< -moz-transform: translate(0, 150%);
< -ms-transform: translate(0, 150%);
< -o-transform: translate(0, 150%);
< transform: translate(0, 150%); } }
---
> transform: translate(0, 150%); } }
28558c11397,11398
---
> /* stylelint-disable selector-no-vendor-prefix */
> /* stylelint-enable selector-no-vendor-prefix */
28597c11437,11438
< -webkit-font-feature-settings: "liga"; }
---
> -webkit-font-feature-settings: "liga";
> /* stylelint-disable-line property-no-vendor-prefix */ }
28604,28607c11445
< -webkit-transition: border-bottom 0.35s false;
< -moz-transition: border-bottom 0.35s false false;
< -o-transition: border-bottom 0.35s false false;
< transition: border-bottom 0.35s; }
---
> transition: border-bottom .35s; }
28755,28756c11592
< -webkit-touch-callout: none;
< /* iOS Safari */
---
28758,28767c11594,11596
< /* Safari */
< -khtml-user-select: none;
< /* Konqueror HTML */
< -moz-user-select: none;
< /* Firefox */
< -ms-user-select: none;
< /* Internet Explorer/Edge */
< user-select: none;
< /* Non-prefixed version, currently
< supported by Chrome and Opera */ }
---
> -moz-user-select: none;
> -ms-user-select: none;
> user-select: none; }
28991,28993c11819
< -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
< -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
< -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) false;
---
29071,29075c11896
< -webkit-animation: tbMoveFromTopFade 0.3s ease both;
< -moz-animation: tbMoveFromTopFade 0.3s ease both;
< -ms-animation: tbMoveFromTopFade 0.3s ease both;
< -o-animation: tbMoveFromTopFade 0.3s ease both;
< animation: tbMoveFromTopFade 0.3s ease both;
---
29077c11898,11900
< display: inline-block !important; }
---
> display: inline-block !important;
> -webkit-animation: tbMoveFromTopFade .3s ease both;
> animation: tbMoveFromTopFade .3s ease both; }
29080,29084c11903,11904
< -webkit-animation: tbMoveToTopFade 0.3s ease both;
< -moz-animation: tbMoveToTopFade 0.3s ease both;
< -ms-animation: tbMoveToTopFade 0.3s ease both;
< -o-animation: tbMoveToTopFade 0.3s ease both;
< animation: tbMoveToTopFade 0.3s ease both; }
---
> -webkit-animation: tbMoveToTopFade .3s ease both;
> animation: tbMoveToTopFade .3s ease both; }
29097,29101c11916
< -webkit-animation: tbMoveFromBottomFade 0.3s ease both;
< -moz-animation: tbMoveFromBottomFade 0.3s ease both;
< -ms-animation: tbMoveFromBottomFade 0.3s ease both;
< -o-animation: tbMoveFromBottomFade 0.3s ease both;
< animation: tbMoveFromBottomFade 0.3s ease both;
---
29103c11918,11920
< display: inline-block !important; }
---
> display: inline-block !important;
> -webkit-animation: tbMoveFromBottomFade .3s ease both;
> animation: tbMoveFromBottomFade .3s ease both; }
29106,29110c11923,11924
< -webkit-animation: tbMoveToBottomFade 0.3s ease both;
< -moz-animation: tbMoveToBottomFade 0.3s ease both;
< -ms-animation: tbMoveToBottomFade 0.3s ease both;
< -o-animation: tbMoveToBottomFade 0.3s ease both;
< animation: tbMoveToBottomFade 0.3s ease both; }
---
> -webkit-animation: tbMoveToBottomFade .3s ease both;
> animation: tbMoveToBottomFade .3s ease both; }
29113,29115c11926
< -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
< -moz-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) false;
< -o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) false;
---
29118,29121c11929
< -moz-transform: translate3d(0, -42px, 0);
< -ms-transform: translate3d(0, -42px, 0);
< -o-transform: translate3d(0, -42px, 0);
< transform: translate3d(0, -42px, 0); }
---
> transform: translate3d(0, -42px, 0); }
29211c12019
< /*# sourceMappingURL=style.7eaf91686f3402d2859367ff0de495e9.css.map*/---
> /*# sourceMappingURL=style.ff03c08b79b38a231e54937df77ca346.css.map*/
This file has been truncated, but you can view the full file.
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
md-card.tb-login-card {
width: 330px !important; }
@media (min-width: 960px) {
md-card.tb-login-card {
width: 450px !important; } }
md-card.tb-login-card md-card-title img.tb-login-logo {
height: 50px; }
md-card.tb-login-card md-card-content {
margin-top: -50px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
md-toast.tb-info-toast .md-toast-content {
height: 100%;
padding: 18px;
font-size: 18px; }
md-toast.tb-success-toast .md-toast-content {
height: 100%;
font-size: 18px !important;
background-color: #008000; }
md-toast.tb-error-toast .md-toast-content {
height: 100%;
font-size: 18px !important;
background-color: #800000; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-datakey-config {
min-width: 500px !important;
min-height: 500px !important; }
.tb-datakey-config md-content {
background-color: #fff; }
tb-datakey-config md-content {
background-color: #fff; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-json-form {
padding-bottom: 14px !important;
overflow: auto; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.json-form-error {
position: relative;
bottom: -5px;
font-size: 12px;
line-height: 12px;
color: #f44336;
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
.tb-container {
position: relative;
padding: 10px 0;
margin-top: 32px; }
.tb-field.tb-required label::after {
font-size: 13px;
color: rgba(0, 0, 0, 0.54);
vertical-align: top;
content: " *"; }
.tb-field.tb-focused:not(.tb-readonly) label::after {
color: #dd2c00; }
.tb-date-field.tb-required div > div:first-child::after {
font-size: 13px;
color: rgba(0, 0, 0, 0.54);
vertical-align: top;
content: " *"; }
.tb-date-field.tb-focused:not(.tb-readonly) div > div:first-child::after {
color: #dd2c00; }
label.tb-label {
position: absolute;
right: auto;
bottom: 100%;
left: 0;
color: rgba(0, 0, 0, 0.54);
transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
-webkit-transform: translate3d(0, 6px, 0) scale(0.75);
transform: translate3d(0, 6px, 0) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-font-smoothing: antialiased; }
label.tb-label.tb-focused {
color: #607d8b; }
label.tb-label.tb-required::after {
font-size: 13px;
color: rgba(0, 0, 0, 0.54);
vertical-align: top;
content: " *"; }
label.tb-label.tb-focused:not(.tb-readonly)::after {
color: #dd2c00; }
.tb-head-label {
color: rgba(0, 0, 0, 0.54); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.json-form-ace-editor {
position: relative;
height: 100%;
border: 1px solid #c0c0c0; }
.json-form-ace-editor .title-panel {
position: absolute;
top: 10px;
right: 20px;
z-index: 5;
font-size: .8rem;
font-weight: 500; }
.json-form-ace-editor .title-panel label {
padding: 4px;
color: #00acc1;
text-transform: uppercase;
background: rgba(220, 220, 220, 0.35);
border-radius: 5px; }
.json-form-ace-editor .title-panel button.tidy-button {
background: rgba(220, 220, 220, 0.35) !important; }
.json-form-ace-editor .title-panel button.tidy-button span {
padding: 0 !important;
font-size: 12px !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-color-preview {
position: relative;
width: 24px;
height: 24px;
overflow: hidden;
content: "";
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
background-color: #fff;
background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
background-position: 0 0, 4px 4px;
background-size: 8px 8px; }
.tb-color-preview .tb-color-result {
width: 100%;
height: 100%; }
.rc-select {
box-sizing: border-box;
display: inline-block;
position: relative;
vertical-align: middle;
color: #666;
line-height: 28px;
}
.rc-select-allow-clear .rc-select-selection--single .rc-select-selection__rendered {
padding-right: 40px;
}
.rc-select ul,
.rc-select li {
margin: 0;
padding: 0;
list-style: none;
}
.rc-select > ul > li > a {
padding: 0;
background-color: #fff;
}
.rc-select-arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
outline: none;
}
.rc-select-arrow b {
border-color: #999999 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
width: 0;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
left: 50%;
}
.rc-select-selection {
outline: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
box-sizing: border-box;
display: block;
background-color: #fff;
border-radius: 6px;
border: 1px solid #d9d9d9;
}
.rc-select-selection__placeholder {
position: absolute;
top: 0;
color: #aaa;
}
.rc-select-selection__clear {
font-weight: bold;
position: absolute;
line-height: 28px;
}
.rc-select-selection__clear:after {
content: '\D7';
}
.rc-select-focused .rc-select-selection {
border-color: #23c0fa;
box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}
.rc-select-enabled .rc-select-selection:hover {
border-color: #23c0fa;
box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}
.rc-select-enabled .rc-select-selection:active {
border-color: #2db7f5;
}
.rc-select-selection--single {
height: 28px;
line-height: 28px;
cursor: pointer;
position: relative;
}
.rc-select-selection--single .rc-select-selection-selected-value {
position: absolute;
left: 0;
top: 0;
}
.rc-select-selection--single .rc-select-selection__rendered {
height: 28px;
position: relative;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 10px;
padding-right: 20px;
line-height: 28px;
}
.rc-select-selection--single .rc-select-selection__clear {
top: 0;
right: 20px;
}
.rc-select-disabled {
color: #ccc;
cursor: not-allowed;
}
.rc-select-disabled .rc-select-selection--single,
.rc-select-disabled .rc-select-selection__choice__remove {
cursor: not-allowed;
color: #ccc;
}
.rc-select-disabled .rc-select-selection--single:hover,
.rc-select-disabled .rc-select-selection__choice__remove:hover {
cursor: not-allowed;
color: #ccc;
}
.rc-select-search__field__wrap {
display: inline-block;
}
.rc-select-search__field__placeholder {
position: absolute;
top: 0;
left: 3px;
color: #aaa;
}
.rc-select-search--inline {
width: 100%;
}
.rc-select-search--inline .rc-select-search__field__wrap {
width: 100%;
}
.rc-select-search--inline .rc-select-search__field {
border: none;
font-size: 100%;
background: transparent;
outline: 0;
width: 100%;
}
.rc-select-search--inline .rc-select-search__field::-ms-clear {
display: none;
}
.rc-select-search--inline .rc-select-search__field__mirror {
position: absolute;
top: -999px;
left: 0;
white-space: pre;
}
.rc-select-search--inline > i {
float: right;
}
.rc-select-enabled.rc-select-selection--multiple {
cursor: text;
}
.rc-select-selection--multiple {
min-height: 28px;
}
.rc-select-selection--multiple .rc-select-search--inline {
float: left;
width: auto;
}
.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field {
width: 0.75em;
}
.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap {
width: auto;
}
.rc-select-selection--multiple .rc-select-search__field__placeholder {
top: 5px;
left: 8px;
}
.rc-select-selection--multiple .rc-select-selection__rendered {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 8px;
padding-bottom: 2px;
}
.rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice {
margin-top: 4px;
line-height: 20px;
}
.rc-select-selection--multiple .rc-select-selection__clear {
top: 1px;
right: 8px;
}
.rc-select-enabled .rc-select-selection__choice {
cursor: default;
}
.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {
margin-left: -8px;
margin-right: 8px;
}
.rc-select-enabled .rc-select-selection__choice__disabled {
cursor: not-allowed;
}
.rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content {
margin-left: 0;
margin-right: 0;
}
.rc-select .rc-select-selection__choice {
background-color: #f3f3f3;
border-radius: 4px;
float: left;
padding: 0 15px;
margin-right: 4px;
position: relative;
overflow: hidden;
transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.rc-select .rc-select-selection__choice__content {
margin-left: 0;
margin-right: 0;
transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rc-select .rc-select-selection__choice-zoom-enter,
.rc-select .rc-select-selection__choice-zoom-appear,
.rc-select .rc-select-selection__choice-zoom-leave {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.rc-select .rc-select-selection__choice-zoom-leave {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active,
.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active {
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-name: rcSelectChoiceZoomIn;
animation-name: rcSelectChoiceZoomIn;
}
.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-name: rcSelectChoiceZoomOut;
animation-name: rcSelectChoiceZoomOut;
}
@-webkit-keyframes rcSelectChoiceZoomIn {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes rcSelectChoiceZoomIn {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes rcSelectChoiceZoomOut {
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@keyframes rcSelectChoiceZoomOut {
to {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
.rc-select .rc-select-selection__choice__remove {
color: #919191;
cursor: pointer;
font-weight: bold;
padding: 0 0 0 8px;
position: absolute;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
top: 0;
right: 2px;
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s;
}
.rc-select .rc-select-selection__choice__remove:before {
content: '\D7';
}
.rc-select .rc-select-selection__choice__remove:hover {
color: #333;
}
.rc-select-dropdown {
background-color: white;
border: 1px solid #d9d9d9;
box-shadow: 0 0px 4px #d9d9d9;
border-radius: 4px;
box-sizing: border-box;
z-index: 100;
left: -9999px;
top: -9999px;
position: absolute;
outline: none;
}
.rc-select-dropdown:empty,
.rc-select-dropdown-hidden {
display: none;
}
.rc-select-dropdown-menu {
outline: none;
margin: 0;
padding: 0;
list-style: none;
z-index: 9999;
}
.rc-select-dropdown-menu > li {
margin: 0;
padding: 0;
}
.rc-select-dropdown-menu-item-group-list {
margin: 0;
padding: 0;
}
.rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item {
padding-left: 20px;
}
.rc-select-dropdown-menu-item-group-title {
color: #999;
line-height: 1.5;
padding: 8px 10px;
border-bottom: 1px solid #dedede;
}
li.rc-select-dropdown-menu-item {
margin: 0;
position: relative;
display: block;
padding: 7px 10px;
font-weight: normal;
color: #666;
white-space: nowrap;
}
li.rc-select-dropdown-menu-item-disabled {
color: #ccc;
cursor: not-allowed;
}
li.rc-select-dropdown-menu-item-selected {
color: #666;
background-color: #ddd;
}
li.rc-select-dropdown-menu-item-active {
background-color: #5897fb;
color: white;
cursor: pointer;
}
li.rc-select-dropdown-menu-item-divider {
height: 1px;
margin: 1px 0;
overflow: hidden;
background-color: #e5e5e5;
line-height: 0;
}
.rc-select-dropdown-slide-up-enter,
.rc-select-dropdown-slide-up-appear {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.rc-select-dropdown-slide-up-leave {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft {
-webkit-animation-name: rcSelectDropdownSlideUpIn;
animation-name: rcSelectDropdownSlideUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft {
-webkit-animation-name: rcSelectDropdownSlideUpOut;
animation-name: rcSelectDropdownSlideUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft {
-webkit-animation-name: rcSelectDropdownSlideDownIn;
animation-name: rcSelectDropdownSlideDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft {
-webkit-animation-name: rcSelectDropdownSlideDownOut;
animation-name: rcSelectDropdownSlideDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes rcSelectDropdownSlideUpIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes rcSelectDropdownSlideUpIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes rcSelectDropdownSlideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes rcSelectDropdownSlideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@-webkit-keyframes rcSelectDropdownSlideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes rcSelectDropdownSlideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes rcSelectDropdownSlideDownOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes rcSelectDropdownSlideDownOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
.rc-select-open .rc-select-arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-image-select-container {
position: relative;
width: 100%;
height: 100px; }
.tb-image-preview {
width: 100%;
max-width: 100px;
height: 100%;
max-height: 100px; }
.tb-image-preview-container {
position: relative;
float: left;
width: 100px;
height: 100px;
margin-right: 12px;
vertical-align: top;
border: solid 1px; }
.tb-image-preview-container div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
font-size: 18px;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.tb-dropzone {
position: relative;
height: 100px;
padding: 0 8px;
overflow: hidden;
vertical-align: top;
border: dashed 2px; }
.tb-dropzone div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
font-size: 24px;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.tb-image-clear-container {
position: relative;
float: right;
width: 48px;
height: 100px; }
.tb-image-clear-btn {
position: absolute !important;
top: 50%;
-webkit-transform: translate(0%, -50%) !important;
transform: translate(0%, -50%) !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-js-func {
position: relative; }
tb-js-func .tb-disabled {
color: rgba(0, 0, 0, 0.38); }
tb-js-func .fill-height {
height: 100%; }
.tb-js-func-toolbar .md-button.tidy {
min-width: 32px;
min-height: 15px;
padding: 4px;
margin: 0 5px 0 0;
font-size: .8rem;
line-height: 15px;
color: #7b7b7b;
background: rgba(220, 220, 220, 0.35); }
.tb-js-func-panel {
height: calc(100% - 80px);
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-js-func-panel #tb-javascript-input {
width: 100%;
min-width: 200px;
height: 100%; }
.tb-js-func-panel #tb-javascript-input:not(.fill-height) {
min-height: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.tb-fullscreen {
position: fixed !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.tb-fullscreen section.header-buttons {
top: 25px; }
.tb-fullscreen-parent {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #eee; }
.md-button.tb-fullscreen-button-style,
.tb-fullscreen-button-style {
background: #ccc;
opacity: .85; }
.md-button.tb-fullscreen-button-style ng-md-icon,
.tb-fullscreen-button-style ng-md-icon {
color: #666; }
.md-button.tb-fullscreen-button-pos,
.tb-fullscreen-button-pos {
position: absolute;
top: 10px;
right: 10px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
/*
.md-button.tb-help-button-style,
.tb-help-button-style {
}
.md-button.tb-help-button-pos,
.tb-help-button-pos {
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@-webkit-keyframes flash {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes flash {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(0);
transform: translateY(0); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
80% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(0);
transform: translateY(0); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
80% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
30% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
60% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes shake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
30% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
60% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
50% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
70% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@keyframes tada {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
50% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
70% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
transform-origin: top center 50%; }
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
transform-origin: top center 50%; }
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); } }
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); } }
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
25% {
-webkit-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
25% {
-webkit-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
70% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
70% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; } }
@keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; } }
@-webkit-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; } }
@keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; } }
@-webkit-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; } }
@keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; } }
@-webkit-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; } }
@keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; } }
@-webkit-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0; } }
@keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0; } }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@-webkit-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); } }
@keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); } }
.tb-invisible {
display: none !important; }
.tb-primary-toolbar h1 {
font-size: 24px !important;
font-weight: 400 !important; }
.tb-breadcrumb {
font-size: 18px !important;
font-weight: 400 !important; }
.tb-breadcrumb h1,
.tb-breadcrumb a,
.tb-breadcrumb span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tb-breadcrumb a {
border: none;
opacity: .75;
transition: opacity .35s; }
.tb-breadcrumb a:hover,
.tb-breadcrumb a:focus {
text-decoration: none !important;
border: none;
opacity: 1; }
.tb-breadcrumb .divider {
padding: 0 30px; }
md-sidenav.tb-site-sidenav {
width: 250px; }
md-icon.tb-logo-title {
width: 200px;
height: 36px; }
.tb-nav-header {
z-index: 2;
flex-shrink: 0;
white-space: nowrap; }
.tb-nav-header-toolbar {
z-index: 2;
flex-shrink: 0;
white-space: nowrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.tb-nav-header-toolbar .md-toolbar-tools {
flex-basis: auto; }
.tb-side-menu-toolbar {
overflow-y: auto; }
.tb-entity-subtype-search {
margin-top: 15px; }
.tb-entity-search {
margin-top: 34px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-side-menu .md-button.tb-active {
font-weight: 500;
background-color: rgba(255, 255, 255, 0.15); }
.tb-side-menu,
.tb-side-menu ul {
padding: 0;
margin-top: 0;
list-style: none; }
.tb-side-menu .tb-menu-toggle-list a.md-button {
padding: 0 16px 0 32px;
font-weight: 500;
text-transform: none;
text-rendering: optimizeLegibility; }
.tb-side-menu .tb-menu-toggle-list .md-button {
padding: 0 16px 0 32px;
text-transform: none; }
.tb-side-menu .tb-menu-toggle-list .tb-menu-toggle-list a.md-button {
padding: 0 16px 0 48px; }
.tb-side-menu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.tb-side-menu .md-button-toggle .md-toggle-icon {
display: inline-block;
width: 15px;
margin: auto 0 auto auto;
background-size: 100% auto;
transition: ease-in-out, -webkit-transform .3s;
transition: transform .3s, ease-in-out;
transition: transform .3s, ease-in-out, -webkit-transform .3s; }
.tb-side-menu .md-button {
display: flex;
width: 100%;
max-height: 40px;
padding: 0 16px;
margin: 0;
overflow: hidden;
line-height: 40px;
color: inherit;
text-align: left;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
border-radius: 0; }
.tb-side-menu .md-button span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tb-side-menu tb-menu-link span.md-toggle-icon {
padding-top: 12px;
padding-bottom: 12px; }
.tb-side-menu ng-md-icon {
margin-right: 8px;
margin-left: 0; }
.tb-side-menu md-icon {
margin-right: 8px;
margin-left: 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.md-button-toggle .md-toggle-icon.tb-toggled {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.tb-menu-toggle-list.ng-hide {
max-height: 0; }
.tb-menu-toggle-list {
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
transition-property: height; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-dashboard-autocomplete .tb-not-found {
display: block;
height: 48px;
line-height: 1.5; }
.tb-dashboard-autocomplete .tb-dashboard-item {
display: block;
height: 48px; }
.tb-dashboard-autocomplete li {
height: auto !important;
white-space: normal !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-kv-map span.no-data-found {
position: relative;
display: flex;
height: 40px;
text-transform: uppercase; }
.tb-kv-map span.no-data-found.disabled {
color: rgba(0, 0, 0, 0.38); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-json-object-edit {
position: relative; }
tb-json-object-edit .fill-height {
height: 100%; }
.tb-json-object-panel {
height: 100%;
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-json-object-panel #tb-json-input {
width: 100%;
min-width: 200px;
height: 100%; }
.tb-json-object-panel #tb-json-input:not(.fill-height) {
min-height: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-json-content {
position: relative; }
tb-json-content .fill-height {
height: 100%; }
.tb-json-content-toolbar .md-button.tidy {
min-width: 32px;
min-height: 15px;
padding: 4px;
margin: 0 5px 0 0;
font-size: .8rem;
line-height: 15px;
color: #7b7b7b;
background: rgba(220, 220, 220, 0.35); }
.tb-json-content-panel {
height: 100%;
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-json-content-panel #tb-json-input {
width: 100%;
min-width: 200px;
height: 100%; }
.tb-json-content-panel #tb-json-input:not(.fill-height) {
min-height: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
div.tb-user-info {
line-height: 1.5; }
div.tb-user-info span {
text-align: left;
text-transform: none; }
div.tb-user-info span.tb-user-display-name {
font-size: .8rem;
font-weight: 300;
letter-spacing: .008em; }
div.tb-user-info span.tb-user-authority {
font-size: .8rem;
font-weight: 300;
letter-spacing: .005em;
opacity: .8; }
md-icon.tb-mini-avatar {
width: 36px;
height: 36px;
margin: auto 8px;
font-size: 36px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-aliases-dialog .md-dialog-content {
padding-top: 0;
padding-bottom: 0; }
.tb-aliases-dialog .tb-aliases-header {
min-height: 40px;
padding: 0 34px 0 34px;
margin: 5px; }
.tb-aliases-dialog .tb-aliases-header .tb-header-label {
font-size: 14px;
color: rgba(0, 0, 0, 0.570588); }
.tb-aliases-dialog .tb-alias {
padding: 0 0 0 10px;
margin: 5px; }
.tb-aliases-dialog .tb-alias md-input-container {
margin: 0; }
.tb-aliases-dialog .tb-alias .tb-resolve-multiple-switch {
padding-left: 10px; }
.tb-aliases-dialog .tb-alias .tb-resolve-multiple-switch .resolve-multiple-switch {
margin: 0; }
.tb-aliases-dialog .tb-alias .md-button.md-icon-button {
margin: 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-entity-alias-dialog .tb-resolve-multiple-switch {
padding-left: 10px; }
.tb-entity-alias-dialog .tb-resolve-multiple-switch .resolve-multiple-switch {
margin: 0; }
.tb-entity-alias-dialog .tb-resolve-multiple-switch .resolve-multiple-label {
margin: 5px 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
md-select.tb-entity-type-select {
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
.tb-entity-type-list {
#entity_type_list_chips {
.md-chips {
padding-bottom: 1px;
}
}
.tb-error-messages {
margin-top: -11px;
height: 35px;
.tb-error-message {
padding-left: 1px;
}
}
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
.tb-entity-subtype-list {
#entity_subtype_list_chips {
.md-chips {
padding-bottom: 1px;
}
}
.tb-error-messages {
margin-top: -11px;
height: 35px;
.tb-error-message {
padding-left: 1px;
}
}
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
md-select.tb-entity-subtype-select {
min-width: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-entity-subtype-autocomplete .tb-entity-subtype-item {
display: block;
height: 48px; }
.tb-entity-subtype-autocomplete li {
height: auto !important;
white-space: normal !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-entity-autocomplete .tb-entity-item {
display: block;
height: 48px; }
.tb-entity-autocomplete li {
height: auto !important;
white-space: normal !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
.tb-entity-list {
#entity_list_chips {
.md-chips {
padding-bottom: 1px;
}
}
.tb-error-messages {
margin-top: -11px;
height: 35px;
.tb-error-message {
padding-left: 1px;
}
}
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
.tb-entity-select {
}
*/
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-entity-filter #relationsQueryFilter {
padding-top: 20px; }
.tb-entity-filter #relationsQueryFilter tb-entity-select {
min-height: 92px; }
.tb-entity-filter .tb-root-state-entity-switch {
padding-left: 10px; }
.tb-entity-filter .tb-root-state-entity-switch .root-state-entity-switch {
margin: 0; }
.tb-entity-filter .tb-root-state-entity-switch .root-state-entity-label {
margin: 5px 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-entity-filter-view .entity-filter-empty {
font-size: 14px;
line-height: 16px;
color: rgba(221, 44, 0, 0.87); }
.tb-entity-filter-view .entity-filter-type {
font-size: 14px;
line-height: 16px;
color: rgba(0, 0, 0, 0.570588); }
.tb-entity-filter-view .entity-filter-value {
font-size: 14px;
line-height: 16px;
color: rgba(0, 0, 0, 0.570588); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
tb-aliases-entity-select {
min-width: 52px; }
.md-panel.tb-aliases-entity-select-panel {
position: absolute; }
.tb-aliases-entity-select-panel {
min-width: 300px;
max-height: 150px;
overflow-x: hidden;
overflow-y: auto;
background: #fff;
border-radius: 4px;
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }
@media (min-height: 350px) {
.tb-aliases-entity-select-panel {
max-height: 250px; } }
.tb-aliases-entity-select-panel md-content {
background-color: #fff; }
section.tb-aliases-entity-select {
min-height: 32px;
padding: 0 6px; }
@media (max-width: 960px) {
section.tb-aliases-entity-select {
padding: 0; } }
section.tb-aliases-entity-select span {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: all;
cursor: pointer; }
md-backdrop.md-edit-dialog-backdrop{z-index:80}md-edit-dialog{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:81;background-color:#f9f9f9;border-radius:2px;cursor:default}md-edit-dialog>.md-content{padding:16px 24px 0}md-edit-dialog>.md-content .md-title{color:rgba(0,0,0,.87);margin-bottom:8px}md-edit-dialog>.md-content md-input-container{margin:0;font-size:13px}md-edit-dialog>.md-content md-input-container input{float:none}md-edit-dialog>.md-content md-input-container .md-errors-spacer{min-height:auto;min-width:auto;color:rgba(0,0,0,.54)}md-edit-dialog>.md-content md-input-container .md-errors-spacer .md-char-counter{padding:5px 2px 5px 0}md-edit-dialog>.md-content md-input-container [ng-message]{padding:5px 0 5px 2px}md-edit-dialog>.md-actions{margin:0 16px 8px}md-edit-dialog>.md-actions .md-button{margin:0;min-width:initial}md-edit-dialog>.md-actions .md-button+.md-button{margin-left:8px}.md-table-pagination{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;box-sizing:border-box;padding:0 24px;font-size:12px;color:rgba(0,0,0,.54);border-top:1px rgba(0,0,0,.12) solid}.md-table-pagination md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-width:64px}.md-table-pagination md-select:not([disabled]):focus .md-select-value{color:rgba(0,0,0,.54)}.md-table-pagination md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.md-table-pagination md-select .md-select-value span.md-select-icon{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-right:-6px!important}.md-table-pagination md-select .md-select-value span.md-select-icon:after{top:initial;-webkit-transform:scaleY(0.5) scaleX(1);transform:scaleY(0.5) scaleX(1)}.md-table-pagination>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:56px}.md-table-pagination>.buttons:not(:first-child),.md-table-pagination>.limit-select:not(:first-child){margin-left:32px}.md-table-pagination>.buttons{margin-right:-16px}.md-table-pagination>.buttons>.md-button.md-icon-button{margin:0}.md-table-pagination>.buttons>.label+.md-button.md-icon-button{margin-left:20px}md-select.md-table-select{margin:0}md-select.md-table-select>.md-select-value{padding:0;min-width:0;min-height:24px;border-bottom:0!important}md-select.md-table-select>.md-select-value>span{display:block;height:auto;-webkit-transform:none!important;transform:none!important}md-select.md-table-select>.md-select-value>span>.md-text{display:inherit;height:inherit;-webkit-transform:inherit;transform:inherit}md-select.md-table-select>.md-select-value>span.md-select-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:24px;margin:0}md-select.md-table-select>.md-select-value>span.md-select-icon:after{top:initial}.md-select-menu-container.md-pagination-select,.md-select-menu-container.md-table-select{margin-left:-2px;border-radius:2px}.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-pagination-select md-select-menu,.md-select-menu-container.md-table-select md-content,.md-select-menu-container.md-table-select md-select-menu{border-radius:inherit}.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-table-select md-content{padding:0}.md-select-menu-container.md-table-select .md-text{font-size:13px}.md-select-menu-container.md-pagination-select .md-text{font-size:12px}md-toolbar.md-table-toolbar{box-shadow:none}md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default{background-color:#fff;color:rgba(0,0,0,.87)}md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button{color:rgba(0,0,0,.87)}@media only screen and (max-width:959px) and (min-width:0) and (orientation:landscape){md-toolbar.md-table-toolbar .md-toolbar-tools{height:64px;max-height:initial}}md-toolbar.md-table-toolbar .md-toolbar-tools{padding:0 24px}md-toolbar.md-table-toolbar .md-toolbar-tools md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button{margin:0}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:first-child{margin-left:-12px}md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:last-child{margin-right:-12px}md-card>md-table-container:first-child,md-card>md-toolbar.md-table-toolbar:first-child{border-top-left-radius:2px;border-top-right-radius:2px}md-card>md-table-container:last-child,md-card>md-toolbar.md-table-toolbar:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}md-table-container{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.md-table{width:100%;border-spacing:0;overflow:hidden}table.md-table thead.md-head>tr.md-row{height:56px}table.md-table tbody.md-body>tr.md-row,table.md-table tfoot.md-foot>tr.md-row{height:48px}table.md-table thead.md-head+.md-table-progress md-progress-linear{top:-3px}table.md-table .md-table-progress th{padding:0}table.md-table .md-table-progress th md-progress-linear{height:0;transition:opacity 1s}table.md-table .md-table-progress th md-progress-linear.ng-hide{opacity:0}table.md-table .md-table-progress th md-progress-linear>.md-container{height:3px;top:0;transition:none}table.md-table .md-table-progress th md-progress-linear>.md-container>.md-bar{height:3px}table.md-table th.md-column{color:rgba(0,0,0,.54);font-size:12px;font-weight:700;white-space:nowrap}table.md-table th.md-column.md-sort{cursor:pointer}table.md-table th.md-column md-icon{height:16px;width:16px;font-size:16px!important;line-height:16px!important}table.md-table th.md-column md-icon.md-sort-icon{color:rgba(0,0,0,.26);opacity:0;transition:-webkit-transform .25s,opacity .25s;transition:transform .25s,opacity .25s}table.md-table th.md-column md-icon.md-sort-icon.md-asc{-webkit-transform:rotate(0deg);transform:rotate(0deg)}table.md-table th.md-column md-icon.md-sort-icon.md-desc{-webkit-transform:rotate(180deg);transform:rotate(180deg)}table.md-table th.md-column md-icon:not(:first-child){margin-left:8px}table.md-table th.md-column md-icon:not(:last-child){margin-right:8px}table.md-table th.md-column.md-active,table.md-table th.md-column.md-active md-icon{color:rgba(0,0,0,.87)}table.md-table th.md-column.md-active md-icon.md-sort-icon,table.md-table th.md-column:hover md-icon.md-sort-icon{opacity:1}table.md-table tr.md-row[data-ng-repeat].ng-leave,table.md-table tr.md-row[ng-repeat].ng-leave,table.md-table tr.md-row[ng\:repeat].ng-leave,table.md-table tr.md-row[x-ng-repeat].ng-leave{display:none}table.md-table.md-row-select tbody.md-body>tr.md-row{transition:background-color .2s}table.md-table.md-row-select tbody.md-body>tr.md-row:not([disabled]):hover{background-color:#eee!important}table.md-table.md-row-select tbody.md-body>tr.md-row.md-selected{background-color:#f5f5f5}table.md-table.md-row-select td.md-cell:first-child,table.md-table.md-row-select th.md-column:first-child{width:20px;padding:0 0 0 24px}table.md-table.md-row-select td.md-cell:nth-child(2),table.md-table.md-row-select th.md-column:nth-child(2){padding:0 24px}table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2){padding:0 56px 0 0}table.md-table:not(.md-row-select) td.md-cell:first-child,table.md-table:not(.md-row-select) th.md-column:first-child{padding:0 24px}table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2){padding:0 56px 0 0}table.md-table td.md-cell,table.md-table th.md-column{vertical-align:middle;text-align:left}table.md-table td.md-cell>*,table.md-table th.md-column>*{vertical-align:middle}table.md-table td.md-cell:last-child,table.md-table th.md-column:last-child{padding:0 24px 0 0}table.md-table td.md-cell.md-clickable,table.md-table th.md-column.md-clickable{cursor:pointer}table.md-table td.md-cell.md-clickable:focus,table.md-table th.md-column.md-clickable:focus{outline:0}table.md-table td.md-cell.md-numeric,table.md-table th.md-column.md-numeric{text-align:right}table.md-table td.md-cell md-checkbox,table.md-table th.md-column md-checkbox{margin:0;width:20px}table.md-table td.md-cell{color:rgba(0,0,0,.87);font-size:13px;border-top:1px rgba(0,0,0,.12) solid}table.md-table td.md-cell.md-numeric md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}table.md-table td.md-cell.md-numeric md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}table.md-table td.md-cell.md-placeholder{color:rgba(0,0,0,.26)}table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;color:rgba(0,0,0,.54);width:18px;text-align:right}table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon:after{-webkit-transform:scaleY(0.4) scaleX(0.8);transform:scaleY(0.4) scaleX(0.8)}@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
md-toolbar.md-table-toolbar.alternate .md-toolbar-tools md-icon {
color: white; }
.md-table.tb-attribute-table {
table-layout: fixed; }
.md-table.tb-attribute-table td.md-cell.tb-value-cell {
overflow: auto; }
.md-table .md-cell ng-md-icon {
float: right;
height: 16px;
fill: #757575; }
.widgets-carousel {
position: relative;
height: calc(100% - 100px);
min-height: 150px !important;
margin: 0; }
.widgets-carousel tb-dashboard #gridster-parent {
padding: 0 7px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-relation-filters .header {
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px; }
.tb-relation-filters .header .cell {
padding-right: 5px;
padding-left: 5px;
font-size: 12px;
font-weight: 700;
color: rgba(0, 0, 0, 0.54);
white-space: nowrap; }
.tb-relation-filters .body {
max-height: 300px;
padding-right: 5px;
padding-bottom: 20px;
padding-left: 5px;
overflow: auto; }
.tb-relation-filters .body .row {
padding-top: 5px; }
.tb-relation-filters .body .cell {
padding-right: 5px;
padding-left: 5px; }
.tb-relation-filters .body .cell md-select {
margin: 0 0 24px; }
.tb-relation-filters .body .cell md-input-container {
margin: 0; }
.tb-relation-filters .body .cell md-chips-wrap {
padding: 0;
margin: 0 0 24px; }
.tb-relation-filters .body .cell md-chips-wrap md-autocomplete {
height: 30px; }
.tb-relation-filters .body .cell md-chips-wrap md-autocomplete md-autocomplete-wrap {
height: 30px; }
.tb-relation-filters .body .cell .md-chips .md-chip-input-container input {
height: 26px;
padding: 2px 2px 2px;
line-height: 26px; }
.tb-relation-filters .body .md-button {
margin: 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.tb-relation-table md-toolbar.md-table-toolbar.alternate .md-toolbar-tools md-icon {
color: white; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-relation-additional-info-panel {
height: 100%;
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-relation-additional-info-panel #tb-relation-additional-info {
width: 100%;
min-width: 200px;
height: 100%;
min-height: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-relation-type-autocomplete .tb-relation-type-item {
display: block;
height: 48px; }
.tb-relation-type-autocomplete li {
height: auto !important;
white-space: normal !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
md-list.tb-event-table {
padding: 0; }
md-list.tb-event-table md-list-item {
padding: 0; }
md-list.tb-event-table .tb-row {
height: 48px;
padding: 0;
overflow: hidden; }
md-list.tb-event-table .tb-row .tb-cell {
text-overflow: ellipsis; }
md-list.tb-event-table .tb-row .tb-cell.tb-scroll {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap; }
md-list.tb-event-table .tb-row .tb-cell.tb-nowrap {
white-space: nowrap; }
md-list.tb-event-table .tb-row:hover {
background-color: #eee; }
md-list.tb-event-table .tb-header:hover {
background: none; }
md-list.tb-event-table .tb-header .tb-cell {
font-size: 12px;
font-weight: 700;
color: rgba(0, 0, 0, 0.54);
white-space: nowrap;
background: none; }
md-list.tb-event-table .tb-cell {
padding: 0 6px;
margin: auto 0;
overflow: hidden;
font-size: 13px;
color: rgba(0, 0, 0, 0.87);
text-align: left;
vertical-align: middle; }
md-list.tb-event-table .tb-cell:first-child {
padding-left: 14px; }
md-list.tb-event-table .tb-cell:last-child {
padding-right: 14px; }
md-list.tb-event-table .tb-cell .md-button {
padding: 0;
margin: 0; }
md-list.tb-event-table .tb-cell.tb-number {
text-align: right; }
#tb-event-content {
width: 100%;
min-width: 400px;
height: 100%;
min-height: 50px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-alarm-details-panel {
height: 100%;
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-alarm-details-panel #tb-alarm-details {
width: 100%;
min-width: 600px;
height: 100%;
min-height: 200px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-alarm-container {
overflow-x: auto; }
md-list.tb-alarm-table {
min-width: 700px;
padding: 0; }
md-list.tb-alarm-table md-list-item {
padding: 0; }
md-list.tb-alarm-table .tb-row {
height: 48px;
padding: 0;
overflow: hidden; }
md-list.tb-alarm-table .tb-row:hover {
background-color: #eee; }
md-list.tb-alarm-table .tb-header:hover {
background: none; }
md-list.tb-alarm-table .tb-header .tb-cell {
font-size: 12px;
font-weight: 700;
color: rgba(0, 0, 0, 0.54);
white-space: nowrap;
background: none; }
md-list.tb-alarm-table .tb-cell {
padding: 0 24px;
margin: auto 0;
overflow: hidden;
font-size: 13px;
color: rgba(0, 0, 0, 0.87);
text-align: left;
vertical-align: middle; }
md-list.tb-alarm-table .tb-cell .md-button {
padding: 0;
margin: 0; }
md-list.tb-alarm-table .tb-cell.tb-number {
text-align: right; }
#tb-alarm-content {
width: 100%;
min-width: 400px;
height: 100%;
min-height: 50px; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
#tb-audit-log-action-data,
#tb-audit-log-failure-details {
width: 100%;
min-width: 400px;
height: 100%;
min-height: 50px;
border: 1px solid #c0c0c0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-audit-logs {
background-color: #fff; }
.tb-audit-logs .tb-audit-log-margin-18px {
margin-bottom: 18px; }
.tb-audit-logs .tb-audit-log-toolbar {
font-size: 20px; }
.tb-audit-logs md-input-container.tb-audit-log-search-input .md-errors-spacer {
min-height: 0; }
.tb-audit-log-container {
overflow-x: auto; }
md-list.tb-audit-log-table {
min-width: 700px;
padding: 0; }
md-list.tb-audit-log-table.tb-audit-log-table-full {
min-width: 900px; }
md-list.tb-audit-log-table md-list-item {
padding: 0; }
md-list.tb-audit-log-table .tb-row {
height: 48px;
padding: 0;
overflow: hidden; }
md-list.tb-audit-log-table .tb-row:hover {
background-color: #eee; }
md-list.tb-audit-log-table .tb-header:hover {
background: none; }
md-list.tb-audit-log-table .tb-header .tb-cell {
font-size: 12px;
font-weight: 700;
color: rgba(0, 0, 0, 0.54);
white-space: nowrap;
background: none; }
md-list.tb-audit-log-table .tb-cell {
padding: 0 24px;
margin: auto 0;
overflow: hidden;
font-size: 13px;
color: rgba(0, 0, 0, 0.87);
text-align: left;
vertical-align: middle; }
md-list.tb-audit-log-table .tb-cell .md-button {
padding: 0;
margin: 0; }
md-list.tb-audit-log-table .tb-cell.tb-number {
text-align: right; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.extension-table {
/*
&.tb-data-table table.md-table tbody tr td.tb-action-cell,
&.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
width: 114px;
}
*/ }
.extension-table md-input-container .md-errors-spacer {
min-height: 0; }
.extension-table .sync-widget {
max-height: 90px;
overflow: hidden; }
.extension-table .toolbar-widget {
min-height: 39px;
max-height: 39px; }
.extension__syncStatus--black {
color: #000 !important; }
.extension__syncStatus--green {
color: #228634 !important; }
.extension__syncStatus--red {
color: #862222 !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.extension-form li > .md-button {
margin: 0;
color: rgba(0, 0, 0, 0.7); }
.extension-form .vAccordion--default {
padding-left: 3px;
margin-top: 0; }
.extension-form .tb-container {
width: 100%; }
.extension-form .dropdown-messages .tb-error-message {
padding: 5px 0 0 0; }
.extension-form .dropdown-section {
margin-bottom: 30px; }
.extension-form v-pane.inner-invalid > v-pane-header {
border-bottom: 2px solid #dd2c00; }
.extension-form.extension-mqtt md-checkbox {
margin-left: 10px; }
.tb-extension-custom-transformer-panel {
height: 100%;
margin-left: 15px;
border: 1px solid #c0c0c0; }
.tb-extension-custom-transformer-panel .tb-extension-custom-transformer {
width: 100%;
min-width: 600px;
height: 100%;
min-height: 200px; }
.tb-extension-custom-transformer-panel .ace_text-input {
position: absolute !important; }
.extensionDialog {
min-width: 1000px; }
.tb-container-for-select {
height: 58px; }
.tb-drop-file-input-hide {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 200%; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@-webkit-keyframes flash {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes flash {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(0);
transform: translateY(0); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
80% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(0);
transform: translateY(0); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
80% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
30% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
60% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes shake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
30% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
60% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
50% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
70% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@keyframes tada {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
50% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
70% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
transform-origin: top center 50%; }
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center 50%;
transform-origin: top center 50%; }
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
50% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); } }
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg); }
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg); }
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg); }
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg); }
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg); }
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg); }
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg); }
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg); }
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg); }
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); }
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg); } }
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
25% {
-webkit-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
25% {
-webkit-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); } }
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
70% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05); }
70% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); }
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; } }
@keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; } }
@-webkit-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; } }
@keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; } }
@-webkit-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; } }
@keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; } }
@-webkit-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; } }
@keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; } }
@-webkit-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0; } }
@keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
100% {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0; } }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; } }
@-webkit-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@-webkit-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); } }
@keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); } }
.tb-uppercase {
text-transform: uppercase; }
.tb-card-item {
transition: all .2s ease-in-out; }
.tb-card-item md-card-content {
max-height: 53px;
padding-top: 0; }
.tb-card-item md-card-title {
width: 100%; }
.tb-card-item md-card-title md-card-title-text {
min-width: 50%;
max-height: 32px; }
.tb-card-item md-card-title md-card-title-text .md-headline {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tb-current-item {
opacity: .5;
-webkit-transform: scale(1.05);
transform: scale(1.05); }
#tb-vertical-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.tb-details-title {
width: inherit;
margin: 20px 8px 0 0;
overflow: hidden;
font-size: 1rem;
font-weight: 400;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap; }
@media (min-width: 961px) {
.tb-details-title {
font-size: 1.6rem; } }
.tb-details-subtitle {
width: inherit;
margin: 10px 0;
overflow: hidden;
font-size: 1rem;
text-overflow: ellipsis;
white-space: nowrap;
opacity: .8; }
md-sidenav.tb-sidenav-details {
z-index: 59 !important;
width: 100% !important;
max-width: 100% !important; }
md-sidenav.tb-sidenav-details .md-toolbar-tools {
height: 100%;
min-height: 100px;
max-height: 120px; }
@media (min-width: 961px) {
md-sidenav.tb-sidenav-details {
width: 80% !important; } }
@media (min-width: 1281px) {
md-sidenav.tb-sidenav-details {
width: 65% !important; } }
md-sidenav.tb-sidenav-details tb-dashboard md-content {
background-color: #cfd8dc; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.tb-default-dashboard .tb-default-dashboard-label {
padding-bottom: 8px; }
@media (min-width: 960px) {
.tb-default-dashboard tb-dashboard-autocomplete {
padding-right: 12px; } }
@media (max-width: 960px) {
.tb-default-dashboard tb-dashboard-autocomplete {
padding-bottom: 12px; } }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Retrieves a color value from the $material-colors Sass map
* Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
*
* @function
* @param {string} color-name - quoted, lower-case, dasherized color
* name (e.g. 'pink', 'amber')
* @param {string} [color-variant='500'] - quoted, lowercase color variant (e.g.
* '200', 'a100')
*/
.tb-home-links .md-headline {
font-size: 20px; }
@media (min-width: 1600px) {
.tb-home-links .md-headline {
font-size: 24px; } }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-editor .tb-split {
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto; }
.tb-editor .ace_editor {
font-size: 14px !important; }
.tb-editor .tb-content {
border: 1px solid #c0c0c0; }
.tb-editor .gutter {
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%; }
.tb-editor .gutter.gutter-horizontal {
cursor: col-resize;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==); }
.tb-editor .gutter.gutter-vertical {
cursor: row-resize;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=); }
.tb-editor .tb-split.tb-split-horizontal,
.tb-editor .gutter.gutter-horizontal {
float: left;
height: 100%; }
.tb-editor .tb-split.tb-split-vertical {
display: flex; }
.tb-editor .tb-split.tb-split-vertical .tb-split.tb-content {
height: 100%; }
.tb-split-vertical md-tabs md-tabs-content-wrapper {
height: calc(100% - 49px); }
.tb-split-vertical md-tabs md-tabs-content-wrapper md-tab-content {
height: 100%; }
.tb-split-vertical md-tabs md-tabs-content-wrapper md-tab-content > div {
height: 100%; }
div.tb-editor-area-title-panel {
position: absolute;
top: 5px;
right: 20px;
z-index: 5;
font-size: .8rem;
font-weight: 500; }
div.tb-editor-area-title-panel label {
padding: 4px;
color: #00acc1;
text-transform: uppercase;
background: rgba(220, 220, 220, 0.35);
border-radius: 5px; }
div.tb-editor-area-title-panel .md-button {
min-width: 32px;
min-height: 15px;
padding: 4px;
margin: 0;
font-size: .8rem;
line-height: 15px;
color: #7b7b7b;
background: rgba(220, 220, 220, 0.35); }
.tb-resize-container {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto; }
.tb-resize-container .ace_editor {
height: 100%; }
md-toolbar.tb-edit-toolbar {
min-height: 40px !important;
max-height: 40px !important; }
md-toolbar.tb-edit-toolbar .md-toolbar-tools {
min-height: 40px !important;
max-height: 40px !important; }
md-toolbar.tb-edit-toolbar .md-toolbar-tools .md-button {
min-width: 65px;
min-height: 30px;
font-size: 12px;
line-height: 30px; }
md-toolbar.tb-edit-toolbar .md-toolbar-tools .md-button md-icon {
font-size: 20px; }
md-toolbar.tb-edit-toolbar .md-toolbar-tools .md-button span {
padding-right: 6px; }
md-toolbar.tb-edit-toolbar .md-toolbar-tools md-input-container input {
height: 28px;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: .005em; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-timeseries-table-widget table.md-table thead.md-head > tr.md-row {
height: 40px; }
tb-timeseries-table-widget table.md-table tbody.md-body > tr.md-row,
tb-timeseries-table-widget table.md-table tfoot.md-foot > tr.md-row {
height: 38px; }
tb-timeseries-table-widget .md-table-pagination > * {
height: 46px; }
tb-timeseries-table-widget .tb-data-table md-toolbar {
z-index: 10; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-has-timewindow .tb-alarms-table md-toolbar {
min-height: 60px;
max-height: 60px; }
.tb-has-timewindow .tb-alarms-table md-toolbar.md-table-toolbar .md-toolbar-tools {
max-height: 60px; }
.tb-alarms-table md-toolbar {
min-height: 39px;
max-height: 39px; }
.tb-alarms-table md-toolbar.md-table-toolbar .md-toolbar-tools {
max-height: 39px; }
.tb-alarms-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button,
.tb-alarms-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button {
/* stylelint-disable-next-line selector-max-class */ }
.tb-alarms-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button.md-icon-button,
.tb-alarms-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button.md-icon-button {
width: 36px;
height: 36px;
padding: 6px;
margin: 0;
/* stylelint-disable-next-line selector-max-class */ }
.tb-alarms-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button.md-icon-button md-icon,
.tb-alarms-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button.md-icon-button md-icon {
width: 24px;
height: 24px;
font-size: 24px !important;
line-height: 24px !important; }
.tb-alarms-table.tb-data-table table.md-table tbody tr td.tb-action-cell,
.tb-alarms-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
width: 36px;
min-width: 36px;
max-width: 36px; }
.tb-alarms-table.tb-data-table table.md-table tbody tr td.tb-action-cell .md-button[disabled].md-icon-button,
.tb-alarms-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell .md-button[disabled].md-icon-button {
/* stylelint-disable-next-line selector-max-class */ }
.tb-alarms-table.tb-data-table table.md-table tbody tr td.tb-action-cell .md-button[disabled].md-icon-button md-icon,
.tb-alarms-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell .md-button[disabled].md-icon-button md-icon {
color: rgba(0, 0, 0, 0.38); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-display-columns-panel {
min-width: 300px;
overflow: hidden;
background: #fff;
border-radius: 4px;
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }
.tb-display-columns-panel md-content {
overflow: hidden;
background-color: #fff; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-alarm-status-filter-panel {
min-width: 300px;
overflow: hidden;
background: #fff;
border-radius: 4px;
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }
.tb-alarm-status-filter-panel md-content {
overflow: hidden;
background-color: #fff; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-has-timewindow .tb-entities-table md-toolbar {
min-height: 60px;
max-height: 60px; }
.tb-has-timewindow .tb-entities-table md-toolbar.md-table-toolbar .md-toolbar-tools {
max-height: 60px; }
.tb-entities-table md-toolbar {
min-height: 39px;
max-height: 39px; }
.tb-entities-table md-toolbar.md-table-toolbar .md-toolbar-tools {
max-height: 39px; }
.tb-entities-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button,
.tb-entities-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button {
/* stylelint-disable-next-line selector-max-class */ }
.tb-entities-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button.md-icon-button,
.tb-entities-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button.md-icon-button {
width: 36px;
height: 36px;
padding: 6px;
margin: 0;
/* stylelint-disable-next-line selector-max-class */ }
.tb-entities-table.tb-data-table table.md-table th.md-column.tb-action-cell .md-button.md-icon-button md-icon,
.tb-entities-table.tb-data-table table.md-table.md-row-select th.md-column.tb-action-cell .md-button.md-icon-button md-icon {
width: 24px;
height: 24px;
font-size: 24px !important;
line-height: 24px !important; }
.tb-entities-table.tb-data-table table.md-table tbody tr td.tb-action-cell,
.tb-entities-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
width: 36px;
min-width: 36px;
max-width: 36px; }
.tb-entities-table.tb-data-table table.md-table tbody tr td.tb-action-cell .md-button[disabled].md-icon-button,
.tb-entities-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell .md-button[disabled].md-icon-button {
/* stylelint-disable-next-line selector-max-class */ }
.tb-entities-table.tb-data-table table.md-table tbody tr td.tb-action-cell .md-button[disabled].md-icon-button md-icon,
.tb-entities-table.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell .md-button[disabled].md-icon-button md-icon {
color: rgba(0, 0, 0, 0.38); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
tb-extension-table md-content {
background-color: #fff; }
md-tabs.hide-tabs-menu md-tabs-wrapper {
display: none; }
md-tabs.hide-tabs-menu md-tabs-content-wrapper {
top: 0 !important; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-knob {
width: 100%;
height: 100%;
background: #e6e7e8; }
.tb-knob .knob {
position: relative; }
.tb-knob .knob[draggable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.tb-knob .knob #canvasBar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2; }
.tb-knob .knob .canvas-background {
position: absolute;
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
z-index: 2;
background: #3f4346;
border-radius: 50%; }
.tb-knob .knob .value-container {
position: absolute;
top: 35%;
right: 35%;
bottom: 35%;
left: 35%;
z-index: 4; }
.tb-knob .knob .value-container .knob-value {
font-weight: 500;
color: #fff;
white-space: nowrap; }
.tb-knob .knob .error-container {
position: absolute;
top: 1%;
right: 0;
left: 0;
z-index: 4;
height: 5%; }
.tb-knob .knob .error-container .knob-error {
color: #ff3315;
white-space: nowrap; }
.tb-knob .knob .title-container {
position: absolute;
right: 20%;
bottom: 5%;
left: 20%;
z-index: 4;
height: 6.6%; }
.tb-knob .knob .title-container .knob-title {
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-knob .knob .minmax-container {
position: absolute;
right: 18%;
bottom: 12%;
left: 18%;
z-index: 4;
height: 4%; }
.tb-knob .knob .minmax-container .minmax-label {
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-knob .knob .top-pointer-container {
position: absolute;
top: 3.3%;
right: 3.3%;
bottom: 3.3%;
left: 3.3%;
z-index: 3;
cursor: pointer !important; }
.tb-knob .knob .top-pointer-container .top-pointer {
position: absolute;
top: 50%;
left: 22%;
width: 5%;
height: 5%;
margin-top: -2.5%;
cursor: pointer !important;
content: "";
background-color: #b5b5b5;
border-radius: 50%;
box-shadow: 1px 0 2px #040404; }
.tb-knob .knob .top {
position: absolute;
top: 3.3%;
right: 3.3%;
bottom: 3.3%;
left: 3.3%;
z-index: 2;
cursor: pointer !important;
background: url(/7a764201c0fa39a9802df062c009ba7e.svg) no-repeat;
background-size: contain; }
.tb-knob .knob #text-measure {
position: absolute;
width: auto;
height: auto;
white-space: nowrap;
visibility: hidden; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-switch {
width: 100%;
height: 100%;
background: #e6e7e8; }
.tb-switch .error-container {
position: absolute;
top: 1%;
right: 0;
left: 0;
z-index: 4;
height: 14px; }
.tb-switch .error-container .switch-error {
color: #ff3315;
white-space: nowrap; }
.tb-switch .onoff-container {
height: 100%;
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-switch .onoff-container .off-label {
color: #b7b5b5; }
.tb-switch .onoff-container .on-label {
color: #ff7e57;
text-shadow: #ff6e4a 1px 1px 10px, #ffd1c3 1px 1px 10px; }
.tb-switch .title-container .switch-title {
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-switch #switch-container {
padding-right: 10px;
padding-left: 10px; }
.tb-switch .switch {
position: relative; }
.tb-switch .switch md-switch {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0; }
.tb-switch .switch md-switch .md-container {
margin: 0; }
.tb-switch .switch md-switch .md-bar {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnNDc0OSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOC40NjY3bW0iIHdpZHRoPSIyMy42MTZtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDgzLjY3OTk4MSAyOS45OTk5OTgiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiA8ZGVmcyBpZD0iZGVmczQ3NTEiPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ1NDQzIiB5Mj0iLTMyNy44MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgyPSI4OTUuNCIgeTE9Ii0zNTcuMTciIHgxPSI4OTUuNCI+CiAgIDxzdG9wIGlkPSJzdG9wNTQzOSIgc3RvcC1jb2xvcj0iI2JkYmRjMSIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTQ0MSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50NTQ5MCIgeTI9Ii0zOTIuNTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iODkyLjQ0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC43ODQ5NCAtMi42OTIyIC00Mi40NjQpIiB5MT0iLTM2Ni4zNSIgeDE9Ijg5Mi40NCI+CiAgIDxzdG9wIGlkPSJzdG9wNTQ4NiIgc3RvcC1jb2xvcj0iIzgzODM4MyIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTQ5MiIgc3RvcC1jb2xvcj0iIzk3OTc5NyIgb2Zmc2V0PSIuNTM3NzQiLz4KICAgPHN0b3AgaWQ9InN0b3A1NDg4IiBzdG9wLWNvbG9yPSIjYTdhN2E3IiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ1NTM0IiB5Mj0iLTMzNC4yOSIgeGxpbms6aHJlZj0iI2xpbmVhckdyYWRpZW50NTUyOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgyPSI5MTMuNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCguNzg3MjMgMCAwIC43ODcyMyAxOTIuOTkgLTcyLjE3MikiIHkxPSItMzQ5LjQ5IiB4MT0iOTEzLjM4Ii8+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDU1MjgiPgogICA8c3RvcCBpZD0ic3RvcDU1MzAiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iLjg2Mjc1IiBvZmZzZXQ9IjAiLz4KICAgPHN0b3AgaWQ9InN0b3A1NTMyIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJyYWRpYWxHcmFkaWVudDU1MDIiIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDU0OTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeT0iLTM0MS44NyIgY3g9IjkxNi4xNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjU3MzUgLS4xNzU3NCAuMTM3ODYgMy41ODc2IC0zMjMwLjkgMTA0My43KSIgcj0iNy41NTg4Ii8+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDU0OTYiPgogICA8c3RvcCBpZD0ic3RvcDU0OTgiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTU1MCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMTA0MzUiIG9mZnNldD0iLjE3NDk0Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTU1MiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOTIxNzQiIG9mZnNldD0iLjM5Mjc5Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTUwMCIgc3RvcC1jb2xvcj0iI2ZmZiIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTIuNDUgLTcxNC41MSkiPgogIDxnIGlkPSJnNTg3OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzOC41MiAxMDcyLjUpIj4KICAgPGc+CiAgICA8cGF0aCBpZD0icmVjdDUxOTUtNS0wLTEiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04NTguNTctMzU4LjAzYy00LjIwMSAwLjAwMDc0LTcuNjA2IDMuODg3Ny03LjYwNTUgOC42ODE5djEyLjYzOWMwLjAwMDY1IDQuNzkzMyAzLjQwNTQgOC42Nzg4IDcuNjA1NSA4LjY3OTVoNjguNDY5YzQuMjAwMS0wLjAwMDczIDcuNjA0OS0zLjg4NjIgNy42MDU1LTguNjc5NXYtMTIuNjM5YzAuMDAwNTMtNC43OTQyLTMuNDA0Ni04LjY4MTItNy42MDU1LTguNjgxOXoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQ1NDQzKSIvPgogICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC0xLTQiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04NTguNTctMzU1LjI1Yy00LjIwMSAwLjAwMDYyLTcuNjA2IDMuMjYzMi03LjYwNTUgNy4yODcydjEwLjYwOGMwLjAwMDY1IDQuMDIzMiAzLjQwNTQgNy4yODQ1IDcuNjA1NSA3LjI4NTFoNjguNDY5YzQuMjAwMS0wLjAwMDYyIDcuNjA0OS0zLjI2MTkgNy42MDU1LTcuMjg1MXYtMTAuNjA4YzAuMDAwNTMtNC4wMjQtMy40MDQ2LTcuMjg2Ni03LjYwNTUtNy4yODcyeiIgZmlsbD0iIzU4NTg1OSIvPgogICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC0xLTQtMyIgc3R5bGU9ImNvbG9yLXJlbmRlcmluZzphdXRvO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2NvbG9yOiMwMDAwMDA7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXJlbmRlcmluZzphdXRvO3NvbGlkLWNvbG9yOiMwMDAwMDA7YmxvY2stcHJvZ3Jlc3Npb246dGI7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7aW1hZ2UtcmVuZGVyaW5nOmF1dG87d2hpdGUtc3BhY2U6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZSIgZD0ibTg1OC41Ny0zNTEuNDljLTQuMjAxIDAuMDAwNTItNy42MDYgMi43NTkyLTcuNjA1NSA2LjE2MTd2OC45Njk3YzAuMDAwNjUgMy40MDE4IDMuNDA1NCA2LjE1OTQgNy42MDU1IDYuMTZoNjguNDY5YzQuMjAwMS0wLjAwMDUyIDcuNjA0OS0yLjc1ODEgNy42MDU1LTYuMTZ2LTguOTY5N2MwLjAwMDUzLTMuNDAyNS0zLjQwNDYtNi4xNjEyLTcuNjA1NS02LjE2MTd6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50NTQ5MCkiLz4KICAgPC9nPgogICA8ZyBpZD0iZzU1NTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDg4NCAtMi4xODM1KSI+CiAgICA8Y2lyY2xlIGlkPSJwYXRoNTQ5NC0zIiBjeD0iOTExLjY4IiBjeT0iLTM0MC44NSIgcj0iNi4wMTI0IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50NTUzNCkiLz4KICAgIDxjaXJjbGUgaWQ9InBhdGg1NDk0IiBjeD0iOTExLjY4IiBjeT0iLTM0MC44NSIgcj0iNS4zOTM5IiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50NTUwMikiLz4KICAgPC9nPgogICA8ZyBpZD0iZzU1NTQtOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ljc0NiAtMi4xODM1KSI+CiAgICA8Y2lyY2xlIGlkPSJwYXRoNTQ5NC0zLTkiIGN4PSI5MTEuNjgiIGN5PSItMzQwLjg1IiByPSI2LjAxMjQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQ1NTM0KSIvPgogICAgPGNpcmNsZSBpZD0icGF0aDU0OTQtNyIgY3g9IjkxMS42OCIgY3k9Ii0zNDAuODUiIHI9IjUuMzkzOSIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudDU1MDIpIi8+CiAgIDwvZz4KICA8L2c+CiA8L2c+Cjwvc3ZnPgo=) no-repeat;
background-size: contain;
border-radius: 0; }
.tb-switch .switch md-switch .md-thumb-container {
top: 5%;
left: .25%;
width: 50%;
height: 90%; }
.tb-switch .switch md-switch .md-thumb {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnNjIwMSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNy42MTYxbW0iIHdpZHRoPSIxMS41OTRtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDQxLjA4MDc0IDI2Ljk4NjM0OSIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KIDxkZWZzIGlkPSJkZWZzNjIwMyI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDUzODIiIHkyPSItNDEyLjc5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9IjgyMS45MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxLjAyMTkgLTQuODEzMiA1Mi45NTUpIiB5MT0iLTM4Ni45OCIgeDE9IjgyMi40NiI+CiAgIDxzdG9wIGlkPSJzdG9wNTI2NCIgc3RvcC1jb2xvcj0iIzNkM2QzZCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTI2NiIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50NTM4NCIgeTI9Ii0zNTAuMDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iODIxLjcxIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjg5MzMgNS44NzU5KSIgeTE9Ii0zNzIuMzUiIHgxPSI4MjEuODkiPgogICA8c3RvcCBpZD0ic3RvcDUyMzkiIHN0b3AtY29sb3I9IiNkMWQxZDEiIG9mZnNldD0iMCIvPgogICA8c3RvcCBpZD0ic3RvcDUyNDMiIHN0b3AtY29sb3I9IiNlMmUzZTIiIG9mZnNldD0iLjM2MDM3Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTI0NSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgb2Zmc2V0PSIuNjc3ODEiLz4KICAgPHN0b3AgaWQ9InN0b3A1MjQxIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ1NjQ0IiB5Mj0iLTMzMy44OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgyPSI5MTMuMTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLjc4NzIzIDAgMCAuNzg3MjMgMTA1LjUyIC03Ny41MzcpIiB5MT0iLTM0OC44NSIgeDE9IjkxMi45Ij4KICAgPHN0b3AgaWQ9InN0b3A1NjUwIiBzdG9wLWNvbG9yPSIjOTM5MzkzIiBvZmZzZXQ9IjAiLz4KICAgPHN0b3AgaWQ9InN0b3A1NjUyIiBzdG9wLWNvbG9yPSIjZmZmIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsR3JhZGllbnQ1NTAyLTEtMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN5PSItMzQyLjIiIGN4PSI5MTYuMTkiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS45OTkzIC0uMDM2MTk2IC4wMjg5MjYgMS41OTc4IC05OTcuMzkgMjMwLjE2KSIgcj0iNy41NTg4Ij4KICAgPHN0b3AgaWQ9InN0b3A1NjU2IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPgogICA8c3RvcCBpZD0ic3RvcDU2NTgiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjE4NTUxIiBvZmZzZXQ9Ii4yMDc1MCIvPgogICA8c3RvcCBpZD0ic3RvcDU2NjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjMyNDY0IiBvZmZzZXQ9Ii4zMTgxNCIvPgogICA8c3RvcCBpZD0ic3RvcDU2NjIiIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiA8L2RlZnM+CiA8ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjg4LjAzIC01NDQuNTgpIj4KICA8ZyBpZD0iZzU2NjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTUuNjMgOTA0LjI5KSI+CiAgIDxnIGlkPSJnNTMyOS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy42OTQgLTIuMzY3NSkiPgogICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC04IiBzdHlsZT0iY29sb3ItcmVuZGVyaW5nOmF1dG87dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7Y29sb3I6IzAwMDAwMDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7c2hhcGUtcmVuZGVyaW5nOmF1dG87c29saWQtY29sb3I6IzAwMDAwMDtibG9jay1wcm9ncmVzc2lvbjp0Yjt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDtpbWFnZS1yZW5kZXJpbmc6YXV0bzt3aGl0ZS1zcGFjZTpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lIiBkPSJtNzk3LjU4LTM1Ny4zNGE3LjYwNjcgNy44MDg4IDAgMCAwIC03LjYwNTUgNy44MDk4djExLjM2OWE3LjYwNjcgNy44MDg4IDAgMCAwIDcuNjA1NSA3LjgwNzZoMjUuODdhNy42MDY3IDcuODA4OCAwIDAgMCA3LjYwNTUgLTcuODA3NnYtMTEuMzY5YTcuNjA2NyA3LjgwODggMCAwIDAgLTcuNjA1NSAtNy44MDk4aC0yNS44N3oiIGZpbGw9IiMxYjFiMWIiLz4KICAgIDxnIGlkPSJnNTMwMC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi42ODYzIDExLjY2NykiPgogICAgIDxwYXRoIGlkPSJyZWN0NTE5NS01LTAzIiBzdHlsZT0iY29sb3ItcmVuZGVyaW5nOmF1dG87dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7Y29sb3I6IzAwMDAwMDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7c2hhcGUtcmVuZGVyaW5nOmF1dG87c29saWQtY29sb3I6IzAwMDAwMDtibG9jay1wcm9ncmVzc2lvbjp0Yjt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDtpbWFnZS1yZW5kZXJpbmc6YXV0bzt3aGl0ZS1zcGFjZTpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lIiBkPSJtODA0LjU3LTM2OC42M2E3LjQyOSA3LjU5MTggMCAwIDAgLTcuNDI3OSA3LjU5Mjd2MTEuMDUzYTcuNDI5IDcuNTkxOCAwIDAgMCA3LjQyNzkgNy41OTA2aDI1LjI2NmE3LjQyOSA3LjU5MTggMCAwIDAgNy40Mjc5IC03LjU5MDZ2LTExLjA1M2E3LjQyOSA3LjU5MTggMCAwIDAgLTcuNDI3OSAtNy41OTI3aC0yNS4yNjZ6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50NTM4MikiLz4KICAgICA8cGF0aCBpZD0icmVjdDUxOTUtMyIgc3R5bGU9ImNvbG9yLXJlbmRlcmluZzphdXRvO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2NvbG9yOiMwMDAwMDA7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXJlbmRlcmluZzphdXRvO3NvbGlkLWNvbG9yOiMwMDAwMDA7YmxvY2stcHJvZ3Jlc3Npb246dGI7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7aW1hZ2UtcmVuZGVyaW5nOmF1dG87d2hpdGUtc3BhY2U6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZSIgZD0ibTgwNS4yMy0zNjcuNjdhNy4wMzYyIDcuMDM2MiAwIDAgMCAtNy4wMzUyIDcuMDM3MXYxMC4yNDRhNy4wMzYyIDcuMDM2MiAwIDAgMCA3LjAzNTIgNy4wMzUyaDIzLjkzYTcuMDM2MiA3LjAzNjIgMCAwIDAgNy4wMzUyIC03LjAzNTJ2LTEwLjI0NGE3LjAzNjIgNy4wMzYyIDAgMCAwIC03LjAzNTIgLTcuMDM3MWgtMjMuOTN6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50NTM4NCkiLz4KICAgIDwvZz4KICAgPC9nPgogICA8Y2lyY2xlIGlkPSJwYXRoNTQ5NC0zLTktNyIgY3k9Ii0zNDYuMjEiIGN4PSI4MjQuMjEiIHI9IjYuMDEyNCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDU2NDQpIi8+CiAgIDxjaXJjbGUgaWQ9InBhdGg1NDk0LTctOCIgY3k9Ii0zNDYuMjEiIGN4PSI4MjQuMjEiIHI9IjUuMzkzOSIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudDU1MDItMS0wKSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==) no-repeat;
background-size: contain;
border-radius: 0;
box-shadow: none; }
.tb-switch .switch md-switch.md-checked .md-bar {
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnNTQ2NiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOC40NjY3bW0iIHdpZHRoPSIyMy42MTZtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDgzLjY3OTk4MSAyOS45OTk5OTgiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiA8ZGVmcyBpZD0iZGVmczU0NjgiPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ2MDAxLTUiIHkyPSItMzI3LjgzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9Ijg5NS40IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMS45MDUgOTcuODUyKSIgeTE9Ii0zNTcuMTciIHgxPSI4OTUuNCI+CiAgIDxzdG9wIGlkPSJzdG9wNTQzOSIgc3RvcC1jb2xvcj0iI2JkYmRjMSIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTQ0MSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50NjAwMy02IiB5Mj0iLTM5Mi41MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgyPSI4OTIuNDQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLjc4NDk0IC0zNC41OTcgNTUuMzg4KSIgeTE9Ii0zNjYuMzUiIHgxPSI4OTIuNDQiPgogICA8c3RvcCBpZD0ic3RvcDU0ODYiIHN0b3AtY29sb3I9IiM4MzgzODMiIG9mZnNldD0iMCIvPgogICA8c3RvcCBpZD0ic3RvcDU0OTIiIHN0b3AtY29sb3I9IiM5Nzk3OTciIG9mZnNldD0iLjUzNzc0Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTQ4OCIgc3RvcC1jb2xvcj0iI2E3YTdhNyIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50NjQzNiIgeTI9Ii0zMzQuMjkiIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDU1MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iOTEzLjQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLjc4NzIzIDAgMCAuNzg3MjMgMTkyLjk5IC03Mi4xNzIpIiB5MT0iLTM0OS40OSIgeDE9IjkxMy4zOCIvPgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ1NTI4Ij4KICAgPHN0b3AgaWQ9InN0b3A1NTMwIiBzdG9wLWNvbG9yPSIjM2QzZDNkIiBzdG9wLW9wYWNpdHk9Ii44NjI3NSIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTUzMiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsR3JhZGllbnQ1NTAyLTE3LTkiIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDU0OTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeT0iLTM0MS44NyIgY3g9IjkxNi4xNiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg0LjU3MzUgLS4xNzU3NCAuMTM3ODYgMy41ODc2IC0zMjMwLjkgMTA0My43KSIgcj0iNy41NTg4Ii8+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDU0OTYiPgogICA8c3RvcCBpZD0ic3RvcDU0OTgiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTU1MCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMTA0MzUiIG9mZnNldD0iLjE3NDk0Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTU1MiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOTIxNzQiIG9mZnNldD0iLjM5Mjc5Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTUwMCIgc3RvcC1jb2xvcj0iI2ZmZiIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KIDwvZGVmcz4KIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjYuNzMgLTQ1NC41MSkiPgogIDxnIGlkPSJnNjQ4MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY5Mi4zMyA3MTQuNjgpIj4KICAgPGc+CiAgICA8cGF0aCBpZD0icmVjdDUxOTUtNS0wLTEtOS02IiBzdHlsZT0iY29sb3ItcmVuZGVyaW5nOmF1dG87dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7Y29sb3I6IzAwMDAwMDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7c2hhcGUtcmVuZGVyaW5nOmF1dG87c29saWQtY29sb3I6IzAwMDAwMDtibG9jay1wcm9ncmVzc2lvbjp0Yjt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDtpbWFnZS1yZW5kZXJpbmc6YXV0bzt3aGl0ZS1zcGFjZTpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lIiBkPSJtODI2LjY3LTI2MC4xOGMtNC4yMDEgMC4wMDA3NC03LjYwNiAzLjg4NzctNy42MDU1IDguNjgxOXYxMi42MzljMC4wMDA2NSA0Ljc5MzMgMy40MDU0IDguNjc4OCA3LjYwNTUgOC42Nzk1aDY4LjQ2OWM0LjIwMDEtMC4wMDA3MyA3LjYwNDktMy44ODYyIDcuNjA1NS04LjY3OTV2LTEyLjYzOWMwLjAwMDUzLTQuNzk0Mi0zLjQwNDYtOC42ODEyLTcuNjA1NS04LjY4MTl6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50NjAwMS01KSIvPgogICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC0xLTQtMC02IiBzdHlsZT0iY29sb3ItcmVuZGVyaW5nOmF1dG87dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7Y29sb3I6IzAwMDAwMDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7c2hhcGUtcmVuZGVyaW5nOmF1dG87c29saWQtY29sb3I6IzAwMDAwMDtibG9jay1wcm9ncmVzc2lvbjp0Yjt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDtpbWFnZS1yZW5kZXJpbmc6YXV0bzt3aGl0ZS1zcGFjZTpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lIiBkPSJtODI2LjY3LTI1Ny40Yy00LjIwMSAwLjAwMDYyLTcuNjA2IDMuMjYzMi03LjYwNTUgNy4yODcydjEwLjYwOGMwLjAwMDY1IDQuMDIzMiAzLjQwNTQgNy4yODQ1IDcuNjA1NSA3LjI4NTFoNjguNDY5YzQuMjAwMS0wLjAwMDYyIDcuNjA0OS0zLjI2MTkgNy42MDU1LTcuMjg1MXYtMTAuNjA4YzAuMDAwNTMtNC4wMjQtMy40MDQ2LTcuMjg2Ni03LjYwNTUtNy4yODcyeiIgZmlsbD0iIzU4NTg1OSIvPgogICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC0xLTQtMy0wLTgiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04MjYuNjctMjUzLjY0Yy00LjIwMSAwLjAwMDUyLTcuNjA2IDIuNzU5Mi03LjYwNTUgNi4xNjE3djguOTY5N2MwLjAwMDY1IDMuNDAxOCAzLjQwNTQgNi4xNTk0IDcuNjA1NSA2LjE2aDY4LjQ2OWM0LjIwMDEtMC4wMDA1MiA3LjYwNDktMi43NTgxIDcuNjA1NS02LjE2di04Ljk2OTdjMC4wMDA1My0zLjQwMjUtMy40MDQ2LTYuMTYxMi03LjYwNTUtNi4xNjE3eiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDYwMDMtNikiLz4KICAgPC9nPgogICA8ZyBpZD0iZzU1NTQtMi0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkuODE3IDk1LjY2OSkiPgogICAgPGNpcmNsZSBpZD0icGF0aDU0OTQtMy03LTgiIGN4PSI5MTEuNjgiIGN5PSItMzQwLjg1IiByPSI2LjAxMjQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQ2NDM2KSIvPgogICAgPGNpcmNsZSBpZD0icGF0aDU0OTQtMS05IiBjeD0iOTExLjY4IiBjeT0iLTM0MC44NSIgcj0iNS4zOTM5IiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50NTUwMi0xNy05KSIvPgogICA8L2c+CiAgIDxnIGlkPSJnNTU1NC04LTYtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxLjY1MiA5NS42NjkpIj4KICAgIDxjaXJjbGUgaWQ9InBhdGg1NDk0LTMtOS0yLTkiIGN4PSI5MTEuNjgiIGN5PSItMzQwLjg1IiByPSI2LjAxMjQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQ2NDM2KSIvPgogICAgPGNpcmNsZSBpZD0icGF0aDU0OTQtNy0wLTUiIGN4PSI5MTEuNjgiIGN5PSItMzQwLjg1IiByPSI1LjM5MzkiIGZpbGw9InVybCgjcmFkaWFsR3JhZGllbnQ1NTAyLTE3LTkpIi8+CiAgIDwvZz4KICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMC0xLTQtMC00LTQiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04MjYuNjctMjU3LjRjLTQuMjAxIDAuMDAwNjItNy42MDYgMy4yNjMyLTcuNjA1NSA3LjI4NzJ2MTAuNjA4YzAuMDAwNjUgNC4wMjMyIDMuNDA1NCA3LjI4NDUgNy42MDU1IDcuMjg1MWg2OC40NjljNC4yMDAxLTAuMDAwNjIgNy42MDQ5LTMuMjYxOSA3LjYwNTUtNy4yODUxdi0xMC42MDhjMC4wMDA1My00LjAyNC0zLjQwNDYtNy4yODY2LTcuNjA1NS03LjI4NzJ6IiBmaWxsLW9wYWNpdHk9Ii4zOTA4MCIgZmlsbD0iI2ZmNmU0YSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==) no-repeat;
background-size: contain; }
.tb-switch .switch md-switch.md-checked .md-thumb {
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnNzUyMyIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNy42MTYxbW0iIHdpZHRoPSIxMS41OTRtbSIgdmVyc2lvbj0iMS4xIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDQxLjA4MDc0IDI2Ljk4NjM1NiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KIDxkZWZzIGlkPSJkZWZzNzUyNSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXJHcmFkaWVudDYyNTciIHkyPSItNDEyLjc5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9IjgyMS45MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxLjAyMTkgLTQuODEzMiA1Mi45NTUpIiB5MT0iLTM4Ni45OCIgeDE9IjgyMi40NiI+CiAgIDxzdG9wIGlkPSJzdG9wNTI2NCIgc3RvcC1jb2xvcj0iIzNkM2QzZCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTI2NiIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgb2Zmc2V0PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50NjI1OSIgeTI9Ii0zNTAuMDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iODIxLjcxIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjg5MzMgNS44NzU5KSIgeTE9Ii0zNzIuMzUiIHgxPSI4MjEuODkiPgogICA8c3RvcCBpZD0ic3RvcDUyMzkiIHN0b3AtY29sb3I9IiNkMWQxZDEiIG9mZnNldD0iMCIvPgogICA8c3RvcCBpZD0ic3RvcDUyNDMiIHN0b3AtY29sb3I9IiNlMmUzZTIiIG9mZnNldD0iLjM2MDM3Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTI0NSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgb2Zmc2V0PSIuNjc3ODEiLz4KICAgPHN0b3AgaWQ9InN0b3A1MjQxIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyR3JhZGllbnQ2MjYxIiB5Mj0iLTMzMy44OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgyPSI5MTMuMTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLjc4NzIzIDAgMCAuNzg3MjMgMTA1LjUyIC03Ny41MzcpIiB5MT0iLTM0OC44NSIgeDE9IjkxMi45Ij4KICAgPHN0b3AgaWQ9InN0b3A1NjUwIiBzdG9wLWNvbG9yPSIjOTM5MzkzIiBvZmZzZXQ9IjAiLz4KICAgPHN0b3AgaWQ9InN0b3A1NjUyIiBzdG9wLWNvbG9yPSIjZmZmIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsR3JhZGllbnQ1NTAyLTEtMC02IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3k9Ii0zNDIuMiIgY3g9IjkxNi4xOSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjk5OTMgLS4wMzYxOTYgLjAyODkyNiAxLjU5NzggLTk5Ny4zOSAyMzAuMTYpIiByPSI3LjU1ODgiPgogICA8c3RvcCBpZD0ic3RvcDU2NTYiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTY1OCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMTg1NTEiIG9mZnNldD0iLjIwNzUwIi8+CiAgIDxzdG9wIGlkPSJzdG9wNTY2MCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMzI0NjQiIG9mZnNldD0iLjMxODE0Ii8+CiAgIDxzdG9wIGlkPSJzdG9wNTY2MiIgc3RvcC1jb2xvcj0iI2ZmZiIgb2Zmc2V0PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KIDwvZGVmcz4KIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTkuNDYgLTYxMC4zKSI+CiAgPGcgaWQ9Imc2NTAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAyLjEyIDg2OS4zMikiPgogICA8ZyBpZD0iZzU2NjQtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuOTEgMTAwLjY4KSI+CiAgICA8ZyBpZD0iZzUzMjktMy00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy42OTQgLTIuMzY3NSkiPgogICAgIDxwYXRoIGlkPSJyZWN0NTE5NS01LTAtOC0zNSIgc3R5bGU9ImNvbG9yLXJlbmRlcmluZzphdXRvO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2NvbG9yOiMwMDAwMDA7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXJlbmRlcmluZzphdXRvO3NvbGlkLWNvbG9yOiMwMDAwMDA7YmxvY2stcHJvZ3Jlc3Npb246dGI7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7aW1hZ2UtcmVuZGVyaW5nOmF1dG87d2hpdGUtc3BhY2U6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZSIgZD0ibTc5Ny41OC0zNTcuMzRhNy42MDY3IDcuODA4OCAwIDAgMCAtNy42MDU1IDcuODA5OHYxMS4zNjlhNy42MDY3IDcuODA4OCAwIDAgMCA3LjYwNTUgNy44MDc2aDI1Ljg3YTcuNjA2NyA3LjgwODggMCAwIDAgNy42MDU1IC03LjgwNzZ2LTExLjM2OWE3LjYwNjcgNy44MDg4IDAgMCAwIC03LjYwNTUgLTcuODA5OGgtMjUuODd6IiBmaWxsPSIjMWIxYjFiIi8+CiAgICAgPGcgaWQ9Imc1MzAwLTYtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNjg2MyAxMS42NjcpIj4KICAgICAgPHBhdGggaWQ9InJlY3Q1MTk1LTUtMDMtNSIgc3R5bGU9ImNvbG9yLXJlbmRlcmluZzphdXRvO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2NvbG9yOiMwMDAwMDA7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXJlbmRlcmluZzphdXRvO3NvbGlkLWNvbG9yOiMwMDAwMDA7YmxvY2stcHJvZ3Jlc3Npb246dGI7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7aW1hZ2UtcmVuZGVyaW5nOmF1dG87d2hpdGUtc3BhY2U6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZSIgZD0ibTgwNC41Ny0zNjguNjNhNy40MjkgNy41OTE4IDAgMCAwIC03LjQyNzkgNy41OTI3djExLjA1M2E3LjQyOSA3LjU5MTggMCAwIDAgNy40Mjc5IDcuNTkwNmgyNS4yNjZhNy40MjkgNy41OTE4IDAgMCAwIDcuNDI3OSAtNy41OTA2di0xMS4wNTNhNy40MjkgNy41OTE4IDAgMCAwIC03LjQyNzkgLTcuNTkyN2gtMjUuMjY2eiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDYyNTcpIi8+CiAgICAgIDxwYXRoIGlkPSJyZWN0NTE5NS0zLTYiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04MDUuMjMtMzY3LjY3YTcuMDM2MiA3LjAzNjIgMCAwIDAgLTcuMDM1MiA3LjAzNzF2MTAuMjQ0YTcuMDM2MiA3LjAzNjIgMCAwIDAgNy4wMzUyIDcuMDM1MmgyMy45M2E3LjAzNjIgNy4wMzYyIDAgMCAwIDcuMDM1MiAtNy4wMzUydi0xMC4yNDRhNy4wMzYyIDcuMDM2MiAwIDAgMCAtNy4wMzUyIC03LjAzNzFoLTIzLjkzeiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDYyNTkpIi8+CiAgICAgPC9nPgogICAgPC9nPgogICAgPGNpcmNsZSBpZD0icGF0aDU0OTQtMy05LTctNSIgY3g9IjgyNC4yMSIgY3k9Ii0zNDYuMjEiIHI9IjYuMDEyNCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudDYyNjEpIi8+CiAgICA8Y2lyY2xlIGlkPSJwYXRoNTQ5NC03LTgtOTUiIGN4PSI4MjQuMjEiIGN5PSItMzQ2LjIxIiByPSI1LjM5MzkiIGZpbGw9InVybCgjcmFkaWFsR3JhZGllbnQ1NTAyLTEtMC02KSIvPgogICA8L2c+CiAgIDxwYXRoIGlkPSJyZWN0NTE5NS01LTAtOC0zLTgiIHN0eWxlPSJjb2xvci1yZW5kZXJpbmc6YXV0bzt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtjb2xvcjojMDAwMDAwO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1yZW5kZXJpbmc6YXV0bztzb2xpZC1jb2xvcjojMDAwMDAwO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO2ltYWdlLXJlbmRlcmluZzphdXRvO3doaXRlLXNwYWNlOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmUiIGQ9Im04NjkuMTgtMjU5LjAzYTcuNjA2NyA3LjgwODggMCAwIDAgLTcuNjA1NSA3LjgwOTh2MTEuMzY5YTcuNjA2NyA3LjgwODggMCAwIDAgNy42MDU1IDcuODA3NmgyNS44N2E3LjYwNjcgNy44MDg4IDAgMCAwIDcuNjA1NSAtNy44MDc2di0xMS4zNjlhNy42MDY3IDcuODA4OCAwIDAgMCAtNy42MDU1IC03LjgwOThoLTI1Ljg3eiIgZmlsbC1vcGFjaXR5PSIuNzg0NDgiIGZpbGw9IiNmZjZlNDAiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPgo=) no-repeat;
background-size: contain; }
.tb-switch #text-measure {
position: absolute;
width: auto;
height: auto;
white-space: nowrap;
visibility: hidden; }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-round-switch {
width: 100%;
height: 100%;
background: #e6e7e8; }
.tb-round-switch .title-container .switch-title {
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-round-switch .error-container {
position: absolute;
top: 1%;
right: 0;
left: 0;
z-index: 4;
height: 14px; }
.tb-round-switch .error-container .switch-error {
color: #ff3315;
white-space: nowrap; }
.tb-round-switch #text-measure {
position: absolute;
width: auto;
height: auto;
white-space: nowrap;
visibility: hidden; }
.tb-round-switch #switch-container {
padding: 10px; }
.tb-round-switch #switch-container .switch {
position: relative;
box-sizing: border-box;
width: 260px;
min-width: 260px;
height: 260px;
min-height: 260px;
padding: 25px;
font-family: sans-serif;
font-size: 48px;
color: #424242;
cursor: pointer;
background: #ddd;
background: linear-gradient(180deg, #bbb, #ddd);
border-radius: 130px;
box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1), 0 0 3px 1px rgba(0, 0, 0, 0.1), inset 0 8px 3px -8px rgba(255, 255, 255, 0.4); }
.tb-round-switch #switch-container .switch input {
display: none; }
.tb-round-switch #switch-container .switch .on,
.tb-round-switch #switch-container .switch .off {
position: absolute;
width: 100%;
text-align: center;
text-shadow: 1px 1px 4px #4a4a4a; }
.tb-round-switch #switch-container .switch .on {
top: 10px;
font-family: sans-serif;
color: #444;
transition: all .1s; }
.tb-round-switch #switch-container .switch .off {
bottom: 5px;
transition: all .1s;
-webkit-transform: scaleY(0.85);
transform: scaleY(0.85); }
.tb-round-switch #switch-container .switch .but {
position: relative;
display: block;
width: 200px;
height: 178px;
font-size: 48px;
cursor: pointer;
background-color: #d8d8d8;
border-bottom-width: 0;
border-radius: 400px 400px 400px 400px / 400px 400px 300px 300px;
box-shadow: inset 8px 6px 5px -7px #a2a2a2, inset -8px 6px 5px -7px #a2a2a2, inset 0 -3px 2px -2px rgba(200, 200, 200, 0.5), 0 3px 3px -2px #fff, inset 0 -230px 60px -200px rgba(255, 255, 255, 0.2), inset 0 220px 40px -200px rgba(0, 0, 0, 0.3);
transition: all .2s; }
.tb-round-switch #switch-container .switch .back {
box-sizing: border-box;
width: 210px;
height: 210px;
padding: 4px 4px;
cursor: pointer;
background-color: #888787;
background-image: linear-gradient(-90deg, transparent 30%, transparent 70%), linear-gradient(0deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%);
border-radius: 105px;
box-shadow: 30px 30px 30px -20px rgba(58, 58, 58, 0.3), -30px 30px 30px -20px rgba(58, 58, 58, 0.3), 0 30px 30px 0 rgba(16, 16, 16, 0.3), inset 0 -1px 0 0 #484848;
transition: all .2s; }
.tb-round-switch #switch-container .switch input:checked + .back .on,
.tb-round-switch #switch-container .switch input:checked + .back .off {
text-shadow: 1px 1px 4px #4a4a4a; }
.tb-round-switch #switch-container .switch input:checked + .back .on {
top: 10px;
color: #4c4c4c;
-webkit-transform: scaleY(0.85);
transform: scaleY(0.85); }
.tb-round-switch #switch-container .switch input:checked + .back .off {
bottom: 5px;
color: #444;
-webkit-transform: scaleY(1);
transform: scaleY(1); }
.tb-round-switch #switch-container .switch input:checked + .back .but {
margin-top: 20px;
background: #dcdcdc;
background-image: radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent);
border-radius: 400px 400px 400px 400px / 300px 300px 400px 400px;
box-shadow: inset 8px -4px 5px -7px #a9a9a9, inset -8px -4px 5px -7px #808080, 0 -3px 8px -4px rgba(50, 50, 50, 0.4), inset 0 3px 4px -2px #9c9c9c, inset 0 280px 40px -200px rgba(0, 0, 0, 0.2), inset 0 -200px 40px -200px rgba(180, 180, 180, 0.2); }
.tb-round-switch #switch-container .switch input:checked + .back {
padding: 2px 4px;
background-image: linear-gradient(0deg, #868686 30%, transparent 70%), linear-gradient(90deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%);
box-shadow: 30px 30px 30px -20px rgba(49, 49, 49, 0.1), -30px 30px 30px -20px rgba(111, 111, 111, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(167, 167, 167, 0.6); }
@charset "UTF-8";
/**
* Copyright © 2016-2018 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.tb-led-indicator {
width: 100%;
height: 100%;
background: #e6e7e8; }
.tb-led-indicator .title-container .led-title {
font-weight: 500;
color: #757575;
white-space: nowrap; }
.tb-led-indicator .error-container {
position: absolute;
top: 1%;
right: 0;
left: 0;
z-index: 4;
height: 14px; }
.tb-led-indicator .error-container .led-error {
color: #ff3315;
white-space: nowrap; }
.tb-led-indicator #text-measure {
position: absolute;
width: auto;
height: auto;
white-space: nowrap;
visibility: hidden; }
.tb-led-indicator #led-container {
padding: 10px; }
.tb-led-indicator #led-container .led {
position: relative;
cursor: pointer;
background-image: radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25));
border-radius: 50%;
transition: background-color .5s, box-shadow .5s; }
.tb-led-indicator #led-container .led.disabled {
background-image: radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); }
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment