|
|
Line 5: |
Line 5: |
| | | |
| @import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); | | @import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); |
− | | + | @import url('https://2018.igem.org/Team:HUST-China/css/font-awesome?action=raw&ctype=text/css'); |
− | | + | @import url('https://2018.igem.org/Team:HUST-China/css/animate?action=raw&ctype=text/css'); |
− | /*!
| + | |
− | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
| + | |
− | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
| + | |
− | */
| + | |
− | /* FONT PATH
| + | |
− | * -------------------------- */
| + | |
− | @font-face {
| + | |
− | font-family: 'FontAwesome';
| + | |
− | src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
| + | |
− | src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
| + | |
− | font-weight: normal;
| + | |
− | font-style: normal;
| + | |
− | }
| + | |
− | .fa {
| + | |
− | display: inline-block;
| + | |
− | font-family: FontAwesome;
| + | |
− | font-style: normal;
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1;
| + | |
− | -webkit-font-smoothing: antialiased;
| + | |
− | -moz-osx-font-smoothing: grayscale;
| + | |
− | }
| + | |
− | /* makes the font 33% larger relative to the icon container */ | + | |
− | .fa-lg {
| + | |
− | font-size: 1.3333333333333333em;
| + | |
− | line-height: 0.75em;
| + | |
− | vertical-align: -15%;
| + | |
− | }
| + | |
− | .fa-2x {
| + | |
− | font-size: 2em;
| + | |
− | }
| + | |
− | .fa-3x {
| + | |
− | font-size: 3em;
| + | |
− | }
| + | |
− | .fa-4x {
| + | |
− | font-size: 4em;
| + | |
− | }
| + | |
− | .fa-5x {
| + | |
− | font-size: 5em;
| + | |
− | }
| + | |
− | .fa-fw {
| + | |
− | width: 1.2857142857142858em;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .fa-ul {
| + | |
− | padding-left: 0;
| + | |
− | margin-left: 2.142857142857143em;
| + | |
− | list-style-type: none;
| + | |
− | }
| + | |
− | .fa-ul > li {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | .fa-li {
| + | |
− | position: absolute;
| + | |
− | left: -2.142857142857143em;
| + | |
− | width: 2.142857142857143em;
| + | |
− | top: 0.14285714285714285em;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .fa-li.fa-lg {
| + | |
− | left: -1.8571428571428572em;
| + | |
− | }
| + | |
− | .fa-border {
| + | |
− | padding: .2em .25em .15em;
| + | |
− | border: solid 0.08em #eeeeee;
| + | |
− | border-radius: .1em;
| + | |
− | }
| + | |
− | .pull-right {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .pull-left {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .fa.pull-left {
| + | |
− | margin-right: .3em;
| + | |
− | }
| + | |
− | .fa.pull-right {
| + | |
− | margin-left: .3em;
| + | |
− | }
| + | |
− | .fa-spin {
| + | |
− | -webkit-animation: spin 2s infinite linear;
| + | |
− | -moz-animation: spin 2s infinite linear;
| + | |
− | -o-animation: spin 2s infinite linear;
| + | |
− | animation: spin 2s infinite linear;
| + | |
− | }
| + | |
− | @-moz-keyframes spin {
| + | |
− | 0% {
| + | |
− | -moz-transform: rotate(0deg);
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -moz-transform: rotate(359deg);
| + | |
− | }
| + | |
− | }
| + | |
− | @-webkit-keyframes spin {
| + | |
− | 0% {
| + | |
− | -webkit-transform: rotate(0deg);
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -webkit-transform: rotate(359deg);
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes spin {
| + | |
− | 0% {
| + | |
− | -o-transform: rotate(0deg);
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -o-transform: rotate(359deg);
| + | |
− | }
| + | |
− | }
| + | |
− | @-ms-keyframes spin {
| + | |
− | 0% {
| + | |
− | -ms-transform: rotate(0deg);
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -ms-transform: rotate(359deg);
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes spin {
| + | |
− | 0% {
| + | |
− | transform: rotate(0deg);
| + | |
− | }
| + | |
− | 100% {
| + | |
− | transform: rotate(359deg);
| + | |
− | }
| + | |
− | }
| + | |
− | .fa-rotate-90 {
| + | |
− | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
| + | |
− | -webkit-transform: rotate(90deg);
| + | |
− | -moz-transform: rotate(90deg);
| + | |
− | -ms-transform: rotate(90deg);
| + | |
− | -o-transform: rotate(90deg);
| + | |
− | transform: rotate(90deg);
| + | |
− | }
| + | |
− | .fa-rotate-180 {
| + | |
− | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
| + | |
− | -webkit-transform: rotate(180deg);
| + | |
− | -moz-transform: rotate(180deg);
| + | |
− | -ms-transform: rotate(180deg);
| + | |
− | -o-transform: rotate(180deg);
| + | |
− | transform: rotate(180deg);
| + | |
− | }
| + | |
− | .fa-rotate-270 {
| + | |
− | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
| + | |
− | -webkit-transform: rotate(270deg);
| + | |
− | -moz-transform: rotate(270deg);
| + | |
− | -ms-transform: rotate(270deg);
| + | |
− | -o-transform: rotate(270deg);
| + | |
− | transform: rotate(270deg);
| + | |
− | }
| + | |
− | .fa-flip-horizontal {
| + | |
− | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
| + | |
− | -webkit-transform: scale(-1, 1);
| + | |
− | -moz-transform: scale(-1, 1);
| + | |
− | -ms-transform: scale(-1, 1);
| + | |
− | -o-transform: scale(-1, 1);
| + | |
− | transform: scale(-1, 1);
| + | |
− | }
| + | |
− | .fa-flip-vertical {
| + | |
− | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
| + | |
− | -webkit-transform: scale(1, -1);
| + | |
− | -moz-transform: scale(1, -1);
| + | |
− | -ms-transform: scale(1, -1);
| + | |
− | -o-transform: scale(1, -1);
| + | |
− | transform: scale(1, -1);
| + | |
− | }
| + | |
− | .fa-stack {
| + | |
− | position: relative;
| + | |
− | display: inline-block;
| + | |
− | width: 2em;
| + | |
− | height: 2em;
| + | |
− | line-height: 2em;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .fa-stack-1x,
| + | |
− | .fa-stack-2x {
| + | |
− | position: absolute;
| + | |
− | left: 0;
| + | |
− | width: 100%;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .fa-stack-1x {
| + | |
− | line-height: inherit;
| + | |
− | }
| + | |
− | .fa-stack-2x {
| + | |
− | font-size: 2em;
| + | |
− | }
| + | |
− | .fa-inverse {
| + | |
− | color: #ffffff;
| + | |
− | }
| + | |
− | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | + | |
− | readers do not read off random characters that represent icons */
| + | |
− | .fa-glass:before {
| + | |
− | content: "\f000";
| + | |
− | }
| + | |
− | .fa-music:before {
| + | |
− | content: "\f001";
| + | |
− | }
| + | |
− | .fa-search:before {
| + | |
− | content: "\f002";
| + | |
− | }
| + | |
− | .fa-envelope-o:before {
| + | |
− | content: "\f003";
| + | |
− | }
| + | |
− | .fa-heart:before {
| + | |
− | content: "\f004";
| + | |
− | }
| + | |
− | .fa-star:before {
| + | |
− | content: "\f005";
| + | |
− | }
| + | |
− | .fa-star-o:before {
| + | |
− | content: "\f006";
| + | |
− | }
| + | |
− | .fa-user:before {
| + | |
− | content: "\f007";
| + | |
− | }
| + | |
− | .fa-film:before {
| + | |
− | content: "\f008";
| + | |
− | }
| + | |
− | .fa-th-large:before {
| + | |
− | content: "\f009";
| + | |
− | }
| + | |
− | .fa-th:before {
| + | |
− | content: "\f00a";
| + | |
− | }
| + | |
− | .fa-th-list:before {
| + | |
− | content: "\f00b";
| + | |
− | }
| + | |
− | .fa-check:before {
| + | |
− | content: "\f00c";
| + | |
− | }
| + | |
− | .fa-times:before {
| + | |
− | content: "\f00d";
| + | |
− | }
| + | |
− | .fa-search-plus:before {
| + | |
− | content: "\f00e";
| + | |
− | }
| + | |
− | .fa-search-minus:before {
| + | |
− | content: "\f010";
| + | |
− | }
| + | |
− | .fa-power-off:before {
| + | |
− | content: "\f011";
| + | |
− | }
| + | |
− | .fa-signal:before {
| + | |
− | content: "\f012";
| + | |
− | }
| + | |
− | .fa-gear:before,
| + | |
− | .fa-cog:before {
| + | |
− | content: "\f013";
| + | |
− | }
| + | |
− | .fa-trash-o:before {
| + | |
− | content: "\f014";
| + | |
− | }
| + | |
− | .fa-home:before {
| + | |
− | content: "\f015";
| + | |
− | }
| + | |
− | .fa-file-o:before {
| + | |
− | content: "\f016";
| + | |
− | }
| + | |
− | .fa-clock-o:before {
| + | |
− | content: "\f017";
| + | |
− | }
| + | |
− | .fa-road:before {
| + | |
− | content: "\f018";
| + | |
− | }
| + | |
− | .fa-download:before {
| + | |
− | content: "\f019";
| + | |
− | }
| + | |
− | .fa-arrow-circle-o-down:before {
| + | |
− | content: "\f01a";
| + | |
− | }
| + | |
− | .fa-arrow-circle-o-up:before {
| + | |
− | content: "\f01b";
| + | |
− | }
| + | |
− | .fa-inbox:before {
| + | |
− | content: "\f01c";
| + | |
− | }
| + | |
− | .fa-play-circle-o:before {
| + | |
− | content: "\f01d";
| + | |
− | }
| + | |
− | .fa-rotate-right:before,
| + | |
− | .fa-repeat:before {
| + | |
− | content: "\f01e";
| + | |
− | }
| + | |
− | .fa-refresh:before {
| + | |
− | content: "\f021";
| + | |
− | }
| + | |
− | .fa-list-alt:before {
| + | |
− | content: "\f022";
| + | |
− | }
| + | |
− | .fa-lock:before {
| + | |
− | content: "\f023";
| + | |
− | }
| + | |
− | .fa-flag:before {
| + | |
− | content: "\f024";
| + | |
− | }
| + | |
− | .fa-headphones:before {
| + | |
− | content: "\f025";
| + | |
− | }
| + | |
− | .fa-volume-off:before {
| + | |
− | content: "\f026";
| + | |
− | }
| + | |
− | .fa-volume-down:before {
| + | |
− | content: "\f027";
| + | |
− | }
| + | |
− | .fa-volume-up:before {
| + | |
− | content: "\f028";
| + | |
− | }
| + | |
− | .fa-qrcode:before {
| + | |
− | content: "\f029";
| + | |
− | }
| + | |
− | .fa-barcode:before {
| + | |
− | content: "\f02a";
| + | |
− | }
| + | |
− | .fa-tag:before {
| + | |
− | content: "\f02b";
| + | |
− | }
| + | |
− | .fa-tags:before {
| + | |
− | content: "\f02c";
| + | |
− | }
| + | |
− | .fa-book:before {
| + | |
− | content: "\f02d";
| + | |
− | }
| + | |
− | .fa-bookmark:before {
| + | |
− | content: "\f02e";
| + | |
− | }
| + | |
− | .fa-print:before {
| + | |
− | content: "\f02f";
| + | |
− | }
| + | |
− | .fa-camera:before {
| + | |
− | content: "\f030";
| + | |
− | }
| + | |
− | .fa-font:before {
| + | |
− | content: "\f031";
| + | |
− | }
| + | |
− | .fa-bold:before {
| + | |
− | content: "\f032";
| + | |
− | }
| + | |
− | .fa-italic:before {
| + | |
− | content: "\f033";
| + | |
− | }
| + | |
− | .fa-text-height:before {
| + | |
− | content: "\f034";
| + | |
− | }
| + | |
− | .fa-text-width:before {
| + | |
− | content: "\f035";
| + | |
− | }
| + | |
− | .fa-align-left:before {
| + | |
− | content: "\f036";
| + | |
− | }
| + | |
− | .fa-align-center:before {
| + | |
− | content: "\f037";
| + | |
− | }
| + | |
− | .fa-align-right:before {
| + | |
− | content: "\f038";
| + | |
− | }
| + | |
− | .fa-align-justify:before {
| + | |
− | content: "\f039";
| + | |
− | }
| + | |
− | .fa-list:before {
| + | |
− | content: "\f03a";
| + | |
− | }
| + | |
− | .fa-dedent:before,
| + | |
− | .fa-outdent:before {
| + | |
− | content: "\f03b";
| + | |
− | }
| + | |
− | .fa-indent:before {
| + | |
− | content: "\f03c";
| + | |
− | }
| + | |
− | .fa-video-camera:before {
| + | |
− | content: "\f03d";
| + | |
− | }
| + | |
− | .fa-picture-o:before {
| + | |
− | content: "\f03e";
| + | |
− | }
| + | |
− | .fa-pencil:before {
| + | |
− | content: "\f040";
| + | |
− | }
| + | |
− | .fa-map-marker:before {
| + | |
− | content: "\f041";
| + | |
− | }
| + | |
− | .fa-adjust:before {
| + | |
− | content: "\f042";
| + | |
− | }
| + | |
− | .fa-tint:before {
| + | |
− | content: "\f043";
| + | |
− | }
| + | |
− | .fa-edit:before,
| + | |
− | .fa-pencil-square-o:before {
| + | |
− | content: "\f044";
| + | |
− | }
| + | |
− | .fa-share-square-o:before {
| + | |
− | content: "\f045";
| + | |
− | }
| + | |
− | .fa-check-square-o:before {
| + | |
− | content: "\f046";
| + | |
− | }
| + | |
− | .fa-arrows:before {
| + | |
− | content: "\f047";
| + | |
− | }
| + | |
− | .fa-step-backward:before {
| + | |
− | content: "\f048";
| + | |
− | }
| + | |
− | .fa-fast-backward:before {
| + | |
− | content: "\f049";
| + | |
− | }
| + | |
− | .fa-backward:before {
| + | |
− | content: "\f04a";
| + | |
− | }
| + | |
− | .fa-play:before {
| + | |
− | content: "\f04b";
| + | |
− | }
| + | |
− | .fa-pause:before {
| + | |
− | content: "\f04c";
| + | |
− | }
| + | |
− | .fa-stop:before {
| + | |
− | content: "\f04d";
| + | |
− | }
| + | |
− | .fa-forward:before {
| + | |
− | content: "\f04e";
| + | |
− | }
| + | |
− | .fa-fast-forward:before {
| + | |
− | content: "\f050";
| + | |
− | }
| + | |
− | .fa-step-forward:before {
| + | |
− | content: "\f051";
| + | |
− | }
| + | |
− | .fa-eject:before {
| + | |
− | content: "\f052";
| + | |
− | }
| + | |
− | .fa-chevron-left:before {
| + | |
− | content: "\f053";
| + | |
− | }
| + | |
− | .fa-chevron-right:before {
| + | |
− | content: "\f054";
| + | |
− | }
| + | |
− | .fa-plus-circle:before {
| + | |
− | content: "\f055";
| + | |
− | }
| + | |
− | .fa-minus-circle:before {
| + | |
− | content: "\f056";
| + | |
− | }
| + | |
− | .fa-times-circle:before {
| + | |
− | content: "\f057";
| + | |
− | }
| + | |
− | .fa-check-circle:before {
| + | |
− | content: "\f058";
| + | |
− | }
| + | |
− | .fa-question-circle:before {
| + | |
− | content: "\f059";
| + | |
− | }
| + | |
− | .fa-info-circle:before {
| + | |
− | content: "\f05a";
| + | |
− | }
| + | |
− | .fa-crosshairs:before {
| + | |
− | content: "\f05b";
| + | |
− | }
| + | |
− | .fa-times-circle-o:before {
| + | |
− | content: "\f05c";
| + | |
− | }
| + | |
− | .fa-check-circle-o:before {
| + | |
− | content: "\f05d";
| + | |
− | }
| + | |
− | .fa-ban:before {
| + | |
− | content: "\f05e";
| + | |
− | }
| + | |
− | .fa-arrow-left:before {
| + | |
− | content: "\f060";
| + | |
− | }
| + | |
− | .fa-arrow-right:before {
| + | |
− | content: "\f061";
| + | |
− | }
| + | |
− | .fa-arrow-up:before {
| + | |
− | content: "\f062";
| + | |
− | }
| + | |
− | .fa-arrow-down:before {
| + | |
− | content: "\f063";
| + | |
− | }
| + | |
− | .fa-mail-forward:before,
| + | |
− | .fa-share:before {
| + | |
− | content: "\f064";
| + | |
− | }
| + | |
− | .fa-expand:before {
| + | |
− | content: "\f065";
| + | |
− | }
| + | |
− | .fa-compress:before {
| + | |
− | content: "\f066";
| + | |
− | }
| + | |
− | .fa-plus:before {
| + | |
− | content: "\f067";
| + | |
− | }
| + | |
− | .fa-minus:before {
| + | |
− | content: "\f068";
| + | |
− | }
| + | |
− | .fa-asterisk:before {
| + | |
− | content: "\f069";
| + | |
− | }
| + | |
− | .fa-exclamation-circle:before {
| + | |
− | content: "\f06a";
| + | |
− | }
| + | |
− | .fa-gift:before {
| + | |
− | content: "\f06b";
| + | |
− | }
| + | |
− | .fa-leaf:before {
| + | |
− | content: "\f06c";
| + | |
− | }
| + | |
− | .fa-fire:before {
| + | |
− | content: "\f06d";
| + | |
− | }
| + | |
− | .fa-eye:before {
| + | |
− | content: "\f06e";
| + | |
− | }
| + | |
− | .fa-eye-slash:before {
| + | |
− | content: "\f070";
| + | |
− | }
| + | |
− | .fa-warning:before,
| + | |
− | .fa-exclamation-triangle:before {
| + | |
− | content: "\f071";
| + | |
− | }
| + | |
− | .fa-plane:before {
| + | |
− | content: "\f072";
| + | |
− | }
| + | |
− | .fa-calendar:before {
| + | |
− | content: "\f073";
| + | |
− | }
| + | |
− | .fa-random:before {
| + | |
− | content: "\f074";
| + | |
− | }
| + | |
− | .fa-comment:before {
| + | |
− | content: "\f075";
| + | |
− | }
| + | |
− | .fa-magnet:before {
| + | |
− | content: "\f076";
| + | |
− | }
| + | |
− | .fa-chevron-up:before {
| + | |
− | content: "\f077";
| + | |
− | }
| + | |
− | .fa-chevron-down:before {
| + | |
− | content: "\f078";
| + | |
− | }
| + | |
− | .fa-retweet:before {
| + | |
− | content: "\f079";
| + | |
− | }
| + | |
− | .fa-shopping-cart:before {
| + | |
− | content: "\f07a";
| + | |
− | }
| + | |
− | .fa-folder:before {
| + | |
− | content: "\f07b";
| + | |
− | }
| + | |
− | .fa-folder-open:before {
| + | |
− | content: "\f07c";
| + | |
− | }
| + | |
− | .fa-arrows-v:before {
| + | |
− | content: "\f07d";
| + | |
− | }
| + | |
− | .fa-arrows-h:before {
| + | |
− | content: "\f07e";
| + | |
− | }
| + | |
− | .fa-bar-chart-o:before {
| + | |
− | content: "\f080";
| + | |
− | }
| + | |
− | .fa-twitter-square:before {
| + | |
− | content: "\f081";
| + | |
− | }
| + | |
− | .fa-facebook-square:before {
| + | |
− | content: "\f082";
| + | |
− | }
| + | |
− | .fa-camera-retro:before {
| + | |
− | content: "\f083";
| + | |
− | }
| + | |
− | .fa-key:before {
| + | |
− | content: "\f084";
| + | |
− | }
| + | |
− | .fa-gears:before,
| + | |
− | .fa-cogs:before {
| + | |
− | content: "\f085";
| + | |
− | }
| + | |
− | .fa-comments:before {
| + | |
− | content: "\f086";
| + | |
− | }
| + | |
− | .fa-thumbs-o-up:before {
| + | |
− | content: "\f087";
| + | |
− | }
| + | |
− | .fa-thumbs-o-down:before {
| + | |
− | content: "\f088";
| + | |
− | }
| + | |
− | .fa-star-half:before {
| + | |
− | content: "\f089";
| + | |
− | }
| + | |
− | .fa-heart-o:before {
| + | |
− | content: "\f08a";
| + | |
− | }
| + | |
− | .fa-sign-out:before {
| + | |
− | content: "\f08b";
| + | |
− | }
| + | |
− | .fa-linkedin-square:before {
| + | |
− | content: "\f08c";
| + | |
− | }
| + | |
− | .fa-thumb-tack:before {
| + | |
− | content: "\f08d";
| + | |
− | }
| + | |
− | .fa-external-link:before {
| + | |
− | content: "\f08e";
| + | |
− | }
| + | |
− | .fa-sign-in:before {
| + | |
− | content: "\f090";
| + | |
− | }
| + | |
− | .fa-trophy:before {
| + | |
− | content: "\f091";
| + | |
− | }
| + | |
− | .fa-github-square:before {
| + | |
− | content: "\f092";
| + | |
− | }
| + | |
− | .fa-upload:before {
| + | |
− | content: "\f093";
| + | |
− | }
| + | |
− | .fa-lemon-o:before {
| + | |
− | content: "\f094";
| + | |
− | }
| + | |
− | .fa-phone:before {
| + | |
− | content: "\f095";
| + | |
− | }
| + | |
− | .fa-square-o:before {
| + | |
− | content: "\f096";
| + | |
− | }
| + | |
− | .fa-bookmark-o:before {
| + | |
− | content: "\f097";
| + | |
− | }
| + | |
− | .fa-phone-square:before {
| + | |
− | content: "\f098";
| + | |
− | }
| + | |
− | .fa-twitter:before {
| + | |
− | content: "\f099";
| + | |
− | }
| + | |
− | .fa-facebook:before {
| + | |
− | content: "\f09a";
| + | |
− | }
| + | |
− | .fa-github:before {
| + | |
− | content: "\f09b";
| + | |
− | }
| + | |
− | .fa-unlock:before {
| + | |
− | content: "\f09c";
| + | |
− | }
| + | |
− | .fa-credit-card:before {
| + | |
− | content: "\f09d";
| + | |
− | }
| + | |
− | .fa-rss:before {
| + | |
− | content: "\f09e";
| + | |
− | }
| + | |
− | .fa-hdd-o:before {
| + | |
− | content: "\f0a0";
| + | |
− | }
| + | |
− | .fa-bullhorn:before {
| + | |
− | content: "\f0a1";
| + | |
− | }
| + | |
− | .fa-bell:before {
| + | |
− | content: "\f0f3";
| + | |
− | }
| + | |
− | .fa-certificate:before {
| + | |
− | content: "\f0a3";
| + | |
− | }
| + | |
− | .fa-hand-o-right:before {
| + | |
− | content: "\f0a4";
| + | |
− | }
| + | |
− | .fa-hand-o-left:before {
| + | |
− | content: "\f0a5";
| + | |
− | }
| + | |
− | .fa-hand-o-up:before {
| + | |
− | content: "\f0a6";
| + | |
− | }
| + | |
− | .fa-hand-o-down:before {
| + | |
− | content: "\f0a7";
| + | |
− | }
| + | |
− | .fa-arrow-circle-left:before {
| + | |
− | content: "\f0a8";
| + | |
− | }
| + | |
− | .fa-arrow-circle-right:before {
| + | |
− | content: "\f0a9";
| + | |
− | }
| + | |
− | .fa-arrow-circle-up:before {
| + | |
− | content: "\f0aa";
| + | |
− | }
| + | |
− | .fa-arrow-circle-down:before {
| + | |
− | content: "\f0ab";
| + | |
− | }
| + | |
− | .fa-globe:before {
| + | |
− | content: "\f0ac";
| + | |
− | }
| + | |
− | .fa-wrench:before {
| + | |
− | content: "\f0ad";
| + | |
− | }
| + | |
− | .fa-tasks:before {
| + | |
− | content: "\f0ae";
| + | |
− | }
| + | |
− | .fa-filter:before {
| + | |
− | content: "\f0b0";
| + | |
− | }
| + | |
− | .fa-briefcase:before {
| + | |
− | content: "\f0b1";
| + | |
− | }
| + | |
− | .fa-arrows-alt:before {
| + | |
− | content: "\f0b2";
| + | |
− | }
| + | |
− | .fa-group:before,
| + | |
− | .fa-users:before {
| + | |
− | content: "\f0c0";
| + | |
− | }
| + | |
− | .fa-chain:before,
| + | |
− | .fa-link:before {
| + | |
− | content: "\f0c1";
| + | |
− | }
| + | |
− | .fa-cloud:before {
| + | |
− | content: "\f0c2";
| + | |
− | }
| + | |
− | .fa-flask:before {
| + | |
− | content: "\f0c3";
| + | |
− | }
| + | |
− | .fa-cut:before,
| + | |
− | .fa-scissors:before {
| + | |
− | content: "\f0c4";
| + | |
− | }
| + | |
− | .fa-copy:before,
| + | |
− | .fa-files-o:before {
| + | |
− | content: "\f0c5";
| + | |
− | }
| + | |
− | .fa-paperclip:before {
| + | |
− | content: "\f0c6";
| + | |
− | }
| + | |
− | .fa-save:before,
| + | |
− | .fa-floppy-o:before {
| + | |
− | content: "\f0c7";
| + | |
− | }
| + | |
− | .fa-square:before {
| + | |
− | content: "\f0c8";
| + | |
− | }
| + | |
− | .fa-bars:before {
| + | |
− | content: "\f0c9";
| + | |
− | }
| + | |
− | .fa-list-ul:before {
| + | |
− | content: "\f0ca";
| + | |
− | }
| + | |
− | .fa-list-ol:before {
| + | |
− | content: "\f0cb";
| + | |
− | }
| + | |
− | .fa-strikethrough:before {
| + | |
− | content: "\f0cc";
| + | |
− | }
| + | |
− | .fa-underline:before {
| + | |
− | content: "\f0cd";
| + | |
− | }
| + | |
− | .fa-table:before {
| + | |
− | content: "\f0ce";
| + | |
− | }
| + | |
− | .fa-magic:before {
| + | |
− | content: "\f0d0";
| + | |
− | }
| + | |
− | .fa-truck:before {
| + | |
− | content: "\f0d1";
| + | |
− | }
| + | |
− | .fa-pinterest:before {
| + | |
− | content: "\f0d2";
| + | |
− | }
| + | |
− | .fa-pinterest-square:before {
| + | |
− | content: "\f0d3";
| + | |
− | }
| + | |
− | .fa-google-plus-square:before {
| + | |
− | content: "\f0d4";
| + | |
− | }
| + | |
− | .fa-google-plus:before {
| + | |
− | content: "\f0d5";
| + | |
− | }
| + | |
− | .fa-money:before {
| + | |
− | content: "\f0d6";
| + | |
− | }
| + | |
− | .fa-caret-down:before {
| + | |
− | content: "\f0d7";
| + | |
− | }
| + | |
− | .fa-caret-up:before {
| + | |
− | content: "\f0d8";
| + | |
− | }
| + | |
− | .fa-caret-left:before {
| + | |
− | content: "\f0d9";
| + | |
− | }
| + | |
− | .fa-caret-right:before {
| + | |
− | content: "\f0da";
| + | |
− | }
| + | |
− | .fa-columns:before {
| + | |
− | content: "\f0db";
| + | |
− | }
| + | |
− | .fa-unsorted:before,
| + | |
− | .fa-sort:before {
| + | |
− | content: "\f0dc";
| + | |
− | }
| + | |
− | .fa-sort-down:before,
| + | |
− | .fa-sort-asc:before {
| + | |
− | content: "\f0dd";
| + | |
− | }
| + | |
− | .fa-sort-up:before,
| + | |
− | .fa-sort-desc:before {
| + | |
− | content: "\f0de";
| + | |
− | }
| + | |
− | .fa-envelope:before {
| + | |
− | content: "\f0e0";
| + | |
− | }
| + | |
− | .fa-linkedin:before {
| + | |
− | content: "\f0e1";
| + | |
− | }
| + | |
− | .fa-rotate-left:before,
| + | |
− | .fa-undo:before {
| + | |
− | content: "\f0e2";
| + | |
− | }
| + | |
− | .fa-legal:before,
| + | |
− | .fa-gavel:before {
| + | |
− | content: "\f0e3";
| + | |
− | }
| + | |
− | .fa-dashboard:before,
| + | |
− | .fa-tachometer:before {
| + | |
− | content: "\f0e4";
| + | |
− | }
| + | |
− | .fa-comment-o:before {
| + | |
− | content: "\f0e5";
| + | |
− | }
| + | |
− | .fa-comments-o:before {
| + | |
− | content: "\f0e6";
| + | |
− | }
| + | |
− | .fa-flash:before,
| + | |
− | .fa-bolt:before {
| + | |
− | content: "\f0e7";
| + | |
− | }
| + | |
− | .fa-sitemap:before {
| + | |
− | content: "\f0e8";
| + | |
− | }
| + | |
− | .fa-umbrella:before {
| + | |
− | content: "\f0e9";
| + | |
− | }
| + | |
− | .fa-paste:before,
| + | |
− | .fa-clipboard:before {
| + | |
− | content: "\f0ea";
| + | |
− | }
| + | |
− | .fa-lightbulb-o:before {
| + | |
− | content: "\f0eb";
| + | |
− | }
| + | |
− | .fa-exchange:before {
| + | |
− | content: "\f0ec";
| + | |
− | }
| + | |
− | .fa-cloud-download:before {
| + | |
− | content: "\f0ed";
| + | |
− | }
| + | |
− | .fa-cloud-upload:before {
| + | |
− | content: "\f0ee";
| + | |
− | }
| + | |
− | .fa-user-md:before {
| + | |
− | content: "\f0f0";
| + | |
− | }
| + | |
− | .fa-stethoscope:before {
| + | |
− | content: "\f0f1";
| + | |
− | }
| + | |
− | .fa-suitcase:before {
| + | |
− | content: "\f0f2";
| + | |
− | }
| + | |
− | .fa-bell-o:before {
| + | |
− | content: "\f0a2";
| + | |
− | }
| + | |
− | .fa-coffee:before {
| + | |
− | content: "\f0f4";
| + | |
− | }
| + | |
− | .fa-cutlery:before {
| + | |
− | content: "\f0f5";
| + | |
− | }
| + | |
− | .fa-file-text-o:before {
| + | |
− | content: "\f0f6";
| + | |
− | }
| + | |
− | .fa-building-o:before {
| + | |
− | content: "\f0f7";
| + | |
− | }
| + | |
− | .fa-hospital-o:before {
| + | |
− | content: "\f0f8";
| + | |
− | }
| + | |
− | .fa-ambulance:before {
| + | |
− | content: "\f0f9";
| + | |
− | }
| + | |
− | .fa-medkit:before {
| + | |
− | content: "\f0fa";
| + | |
− | }
| + | |
− | .fa-fighter-jet:before {
| + | |
− | content: "\f0fb";
| + | |
− | }
| + | |
− | .fa-beer:before {
| + | |
− | content: "\f0fc";
| + | |
− | }
| + | |
− | .fa-h-square:before {
| + | |
− | content: "\f0fd";
| + | |
− | }
| + | |
− | .fa-plus-square:before {
| + | |
− | content: "\f0fe";
| + | |
− | }
| + | |
− | .fa-angle-double-left:before {
| + | |
− | content: "\f100";
| + | |
− | }
| + | |
− | .fa-angle-double-right:before {
| + | |
− | content: "\f101";
| + | |
− | }
| + | |
− | .fa-angle-double-up:before {
| + | |
− | content: "\f102";
| + | |
− | }
| + | |
− | .fa-angle-double-down:before {
| + | |
− | content: "\f103";
| + | |
− | }
| + | |
− | .fa-angle-left:before {
| + | |
− | content: "\f104";
| + | |
− | }
| + | |
− | .fa-angle-right:before {
| + | |
− | content: "\f105";
| + | |
− | }
| + | |
− | .fa-angle-up:before {
| + | |
− | content: "\f106";
| + | |
− | }
| + | |
− | .fa-angle-down:before {
| + | |
− | content: "\f107";
| + | |
− | }
| + | |
− | .fa-desktop:before {
| + | |
− | content: "\f108";
| + | |
− | }
| + | |
− | .fa-laptop:before {
| + | |
− | content: "\f109";
| + | |
− | }
| + | |
− | .fa-tablet:before {
| + | |
− | content: "\f10a";
| + | |
− | }
| + | |
− | .fa-mobile-phone:before,
| + | |
− | .fa-mobile:before {
| + | |
− | content: "\f10b";
| + | |
− | }
| + | |
− | .fa-circle-o:before {
| + | |
− | content: "\f10c";
| + | |
− | }
| + | |
− | .fa-quote-left:before {
| + | |
− | content: "\f10d";
| + | |
− | }
| + | |
− | .fa-quote-right:before {
| + | |
− | content: "\f10e";
| + | |
− | }
| + | |
− | .fa-spinner:before {
| + | |
− | content: "\f110";
| + | |
− | }
| + | |
− | .fa-circle:before {
| + | |
− | content: "\f111";
| + | |
− | }
| + | |
− | .fa-mail-reply:before,
| + | |
− | .fa-reply:before {
| + | |
− | content: "\f112";
| + | |
− | }
| + | |
− | .fa-github-alt:before {
| + | |
− | content: "\f113";
| + | |
− | }
| + | |
− | .fa-folder-o:before {
| + | |
− | content: "\f114";
| + | |
− | }
| + | |
− | .fa-folder-open-o:before {
| + | |
− | content: "\f115";
| + | |
− | }
| + | |
− | .fa-smile-o:before {
| + | |
− | content: "\f118";
| + | |
− | }
| + | |
− | .fa-frown-o:before {
| + | |
− | content: "\f119";
| + | |
− | }
| + | |
− | .fa-meh-o:before {
| + | |
− | content: "\f11a";
| + | |
− | }
| + | |
− | .fa-gamepad:before {
| + | |
− | content: "\f11b";
| + | |
− | }
| + | |
− | .fa-keyboard-o:before {
| + | |
− | content: "\f11c";
| + | |
− | }
| + | |
− | .fa-flag-o:before {
| + | |
− | content: "\f11d";
| + | |
− | }
| + | |
− | .fa-flag-checkered:before {
| + | |
− | content: "\f11e";
| + | |
− | }
| + | |
− | .fa-terminal:before {
| + | |
− | content: "\f120";
| + | |
− | }
| + | |
− | .fa-code:before {
| + | |
− | content: "\f121";
| + | |
− | }
| + | |
− | .fa-reply-all:before {
| + | |
− | content: "\f122";
| + | |
− | }
| + | |
− | .fa-mail-reply-all:before {
| + | |
− | content: "\f122";
| + | |
− | }
| + | |
− | .fa-star-half-empty:before,
| + | |
− | .fa-star-half-full:before,
| + | |
− | .fa-star-half-o:before {
| + | |
− | content: "\f123";
| + | |
− | }
| + | |
− | .fa-location-arrow:before {
| + | |
− | content: "\f124";
| + | |
− | }
| + | |
− | .fa-crop:before {
| + | |
− | content: "\f125";
| + | |
− | }
| + | |
− | .fa-code-fork:before {
| + | |
− | content: "\f126";
| + | |
− | }
| + | |
− | .fa-unlink:before,
| + | |
− | .fa-chain-broken:before {
| + | |
− | content: "\f127";
| + | |
− | }
| + | |
− | .fa-question:before {
| + | |
− | content: "\f128";
| + | |
− | }
| + | |
− | .fa-info:before {
| + | |
− | content: "\f129";
| + | |
− | }
| + | |
− | .fa-exclamation:before {
| + | |
− | content: "\f12a";
| + | |
− | }
| + | |
− | .fa-superscript:before {
| + | |
− | content: "\f12b";
| + | |
− | }
| + | |
− | .fa-subscript:before {
| + | |
− | content: "\f12c";
| + | |
− | }
| + | |
− | .fa-eraser:before {
| + | |
− | content: "\f12d";
| + | |
− | }
| + | |
− | .fa-puzzle-piece:before {
| + | |
− | content: "\f12e";
| + | |
− | }
| + | |
− | .fa-microphone:before {
| + | |
− | content: "\f130";
| + | |
− | }
| + | |
− | .fa-microphone-slash:before {
| + | |
− | content: "\f131";
| + | |
− | }
| + | |
− | .fa-shield:before {
| + | |
− | content: "\f132";
| + | |
− | }
| + | |
− | .fa-calendar-o:before {
| + | |
− | content: "\f133";
| + | |
− | }
| + | |
− | .fa-fire-extinguisher:before {
| + | |
− | content: "\f134";
| + | |
− | }
| + | |
− | .fa-rocket:before {
| + | |
− | content: "\f135";
| + | |
− | }
| + | |
− | .fa-maxcdn:before {
| + | |
− | content: "\f136";
| + | |
− | }
| + | |
− | .fa-chevron-circle-left:before {
| + | |
− | content: "\f137";
| + | |
− | }
| + | |
− | .fa-chevron-circle-right:before {
| + | |
− | content: "\f138";
| + | |
− | }
| + | |
− | .fa-chevron-circle-up:before {
| + | |
− | content: "\f139";
| + | |
− | }
| + | |
− | .fa-chevron-circle-down:before {
| + | |
− | content: "\f13a";
| + | |
− | }
| + | |
− | .fa-html5:before {
| + | |
− | content: "\f13b";
| + | |
− | }
| + | |
− | .fa-css3:before {
| + | |
− | content: "\f13c";
| + | |
− | }
| + | |
− | .fa-anchor:before {
| + | |
− | content: "\f13d";
| + | |
− | }
| + | |
− | .fa-unlock-alt:before {
| + | |
− | content: "\f13e";
| + | |
− | }
| + | |
− | .fa-bullseye:before {
| + | |
− | content: "\f140";
| + | |
− | }
| + | |
− | .fa-ellipsis-h:before {
| + | |
− | content: "\f141";
| + | |
− | }
| + | |
− | .fa-ellipsis-v:before {
| + | |
− | content: "\f142";
| + | |
− | }
| + | |
− | .fa-rss-square:before {
| + | |
− | content: "\f143";
| + | |
− | }
| + | |
− | .fa-play-circle:before {
| + | |
− | content: "\f144";
| + | |
− | }
| + | |
− | .fa-ticket:before {
| + | |
− | content: "\f145";
| + | |
− | }
| + | |
− | .fa-minus-square:before {
| + | |
− | content: "\f146";
| + | |
− | }
| + | |
− | .fa-minus-square-o:before {
| + | |
− | content: "\f147";
| + | |
− | }
| + | |
− | .fa-level-up:before {
| + | |
− | content: "\f148";
| + | |
− | }
| + | |
− | .fa-level-down:before {
| + | |
− | content: "\f149";
| + | |
− | }
| + | |
− | .fa-check-square:before {
| + | |
− | content: "\f14a";
| + | |
− | }
| + | |
− | .fa-pencil-square:before {
| + | |
− | content: "\f14b";
| + | |
− | }
| + | |
− | .fa-external-link-square:before {
| + | |
− | content: "\f14c";
| + | |
− | }
| + | |
− | .fa-share-square:before {
| + | |
− | content: "\f14d";
| + | |
− | }
| + | |
− | .fa-compass:before {
| + | |
− | content: "\f14e";
| + | |
− | }
| + | |
− | .fa-toggle-down:before,
| + | |
− | .fa-caret-square-o-down:before {
| + | |
− | content: "\f150";
| + | |
− | }
| + | |
− | .fa-toggle-up:before,
| + | |
− | .fa-caret-square-o-up:before {
| + | |
− | content: "\f151";
| + | |
− | }
| + | |
− | .fa-toggle-right:before,
| + | |
− | .fa-caret-square-o-right:before {
| + | |
− | content: "\f152";
| + | |
− | }
| + | |
− | .fa-euro:before,
| + | |
− | .fa-eur:before {
| + | |
− | content: "\f153";
| + | |
− | }
| + | |
− | .fa-gbp:before {
| + | |
− | content: "\f154";
| + | |
− | }
| + | |
− | .fa-dollar:before,
| + | |
− | .fa-usd:before {
| + | |
− | content: "\f155";
| + | |
− | }
| + | |
− | .fa-rupee:before,
| + | |
− | .fa-inr:before {
| + | |
− | content: "\f156";
| + | |
− | }
| + | |
− | .fa-cny:before,
| + | |
− | .fa-rmb:before,
| + | |
− | .fa-yen:before,
| + | |
− | .fa-jpy:before {
| + | |
− | content: "\f157";
| + | |
− | }
| + | |
− | .fa-ruble:before,
| + | |
− | .fa-rouble:before,
| + | |
− | .fa-rub:before {
| + | |
− | content: "\f158";
| + | |
− | }
| + | |
− | .fa-won:before,
| + | |
− | .fa-krw:before {
| + | |
− | content: "\f159";
| + | |
− | }
| + | |
− | .fa-bitcoin:before,
| + | |
− | .fa-btc:before {
| + | |
− | content: "\f15a";
| + | |
− | }
| + | |
− | .fa-file:before {
| + | |
− | content: "\f15b";
| + | |
− | }
| + | |
− | .fa-file-text:before {
| + | |
− | content: "\f15c";
| + | |
− | }
| + | |
− | .fa-sort-alpha-asc:before {
| + | |
− | content: "\f15d";
| + | |
− | }
| + | |
− | .fa-sort-alpha-desc:before {
| + | |
− | content: "\f15e";
| + | |
− | }
| + | |
− | .fa-sort-amount-asc:before {
| + | |
− | content: "\f160";
| + | |
− | }
| + | |
− | .fa-sort-amount-desc:before {
| + | |
− | content: "\f161";
| + | |
− | }
| + | |
− | .fa-sort-numeric-asc:before {
| + | |
− | content: "\f162";
| + | |
− | }
| + | |
− | .fa-sort-numeric-desc:before {
| + | |
− | content: "\f163";
| + | |
− | }
| + | |
− | .fa-thumbs-up:before {
| + | |
− | content: "\f164";
| + | |
− | }
| + | |
− | .fa-thumbs-down:before {
| + | |
− | content: "\f165";
| + | |
− | }
| + | |
− | .fa-youtube-square:before {
| + | |
− | content: "\f166";
| + | |
− | }
| + | |
− | .fa-youtube:before {
| + | |
− | content: "\f167";
| + | |
− | }
| + | |
− | .fa-xing:before {
| + | |
− | content: "\f168";
| + | |
− | }
| + | |
− | .fa-xing-square:before {
| + | |
− | content: "\f169";
| + | |
− | }
| + | |
− | .fa-youtube-play:before {
| + | |
− | content: "\f16a";
| + | |
− | }
| + | |
− | .fa-dropbox:before {
| + | |
− | content: "\f16b";
| + | |
− | }
| + | |
− | .fa-stack-overflow:before {
| + | |
− | content: "\f16c";
| + | |
− | }
| + | |
− | .fa-instagram:before {
| + | |
− | content: "\f16d";
| + | |
− | }
| + | |
− | .fa-flickr:before {
| + | |
− | content: "\f16e";
| + | |
− | }
| + | |
− | .fa-adn:before {
| + | |
− | content: "\f170";
| + | |
− | }
| + | |
− | .fa-bitbucket:before {
| + | |
− | content: "\f171";
| + | |
− | }
| + | |
− | .fa-bitbucket-square:before {
| + | |
− | content: "\f172";
| + | |
− | }
| + | |
− | .fa-tumblr:before {
| + | |
− | content: "\f173";
| + | |
− | }
| + | |
− | .fa-tumblr-square:before {
| + | |
− | content: "\f174";
| + | |
− | }
| + | |
− | .fa-long-arrow-down:before {
| + | |
− | content: "\f175";
| + | |
− | }
| + | |
− | .fa-long-arrow-up:before {
| + | |
− | content: "\f176";
| + | |
− | }
| + | |
− | .fa-long-arrow-left:before {
| + | |
− | content: "\f177";
| + | |
− | }
| + | |
− | .fa-long-arrow-right:before {
| + | |
− | content: "\f178";
| + | |
− | }
| + | |
− | .fa-apple:before {
| + | |
− | content: "\f179";
| + | |
− | }
| + | |
− | .fa-windows:before {
| + | |
− | content: "\f17a";
| + | |
− | }
| + | |
− | .fa-android:before {
| + | |
− | content: "\f17b";
| + | |
− | }
| + | |
− | .fa-linux:before {
| + | |
− | content: "\f17c";
| + | |
− | }
| + | |
− | .fa-dribbble:before {
| + | |
− | content: "\f17d";
| + | |
− | }
| + | |
− | .fa-skype:before {
| + | |
− | content: "\f17e";
| + | |
− | }
| + | |
− | .fa-foursquare:before {
| + | |
− | content: "\f180";
| + | |
− | }
| + | |
− | .fa-trello:before {
| + | |
− | content: "\f181";
| + | |
− | }
| + | |
− | .fa-female:before {
| + | |
− | content: "\f182";
| + | |
− | }
| + | |
− | .fa-male:before {
| + | |
− | content: "\f183";
| + | |
− | }
| + | |
− | .fa-gittip:before {
| + | |
− | content: "\f184";
| + | |
− | }
| + | |
− | .fa-sun-o:before {
| + | |
− | content: "\f185";
| + | |
− | }
| + | |
− | .fa-moon-o:before {
| + | |
− | content: "\f186";
| + | |
− | }
| + | |
− | .fa-archive:before {
| + | |
− | content: "\f187";
| + | |
− | }
| + | |
− | .fa-bug:before {
| + | |
− | content: "\f188";
| + | |
− | }
| + | |
− | .fa-vk:before {
| + | |
− | content: "\f189";
| + | |
− | }
| + | |
− | .fa-weibo:before {
| + | |
− | content: "\f18a";
| + | |
− | }
| + | |
− | .fa-renren:before {
| + | |
− | content: "\f18b";
| + | |
− | }
| + | |
− | .fa-pagelines:before {
| + | |
− | content: "\f18c";
| + | |
− | }
| + | |
− | .fa-stack-exchange:before {
| + | |
− | content: "\f18d";
| + | |
− | }
| + | |
− | .fa-arrow-circle-o-right:before {
| + | |
− | content: "\f18e";
| + | |
− | }
| + | |
− | .fa-arrow-circle-o-left:before {
| + | |
− | content: "\f190";
| + | |
− | }
| + | |
− | .fa-toggle-left:before,
| + | |
− | .fa-caret-square-o-left:before {
| + | |
− | content: "\f191";
| + | |
− | }
| + | |
− | .fa-dot-circle-o:before {
| + | |
− | content: "\f192";
| + | |
− | }
| + | |
− | .fa-wheelchair:before {
| + | |
− | content: "\f193";
| + | |
− | }
| + | |
− | .fa-vimeo-square:before {
| + | |
− | content: "\f194";
| + | |
− | }
| + | |
− | .fa-turkish-lira:before,
| + | |
− | .fa-try:before {
| + | |
− | content: "\f195";
| + | |
− | }
| + | |
− | .fa-plus-square-o:before {
| + | |
− | content: "\f196";
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | @charset "UTF-8";
| + | |
− | /*
| + | |
− | Animate.css - http://daneden.me/animate
| + | |
− | Licensed under the MIT license
| + | |
− | | + | |
− | Copyright (c) 2013 Daniel Eden
| + | |
− | | + | |
− | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
| + | |
− | | + | |
− | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
| + | |
− | | + | |
− | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
| + | |
− | */
| + | |
− | body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
| + | |
− | -webkit-backface-visibility: hidden;
| + | |
− | }
| + | |
− | .animated {
| + | |
− | -webkit-animation-duration: 1s;
| + | |
− | -moz-animation-duration: 1s;
| + | |
− | -o-animation-duration: 1s;
| + | |
− | animation-duration: 1s;
| + | |
− | -webkit-animation-fill-mode: both;
| + | |
− | -moz-animation-fill-mode: both;
| + | |
− | -o-animation-fill-mode: both;
| + | |
− | animation-fill-mode: both;
| + | |
− | }
| + | |
− | | + | |
− | .animated.hinge {
| + | |
− | -webkit-animation-duration: 2s;
| + | |
− | -moz-animation-duration: 2s;
| + | |
− | -o-animation-duration: 2s;
| + | |
− | animation-duration: 2s;
| + | |
− | }
| + | |
− | | + | |
− | @-webkit-keyframes flash { | + | |
− | 0%, 50%, 100% {opacity: 1;}
| + | |
− | 25%, 75% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes flash {
| + | |
− | 0%, 50%, 100% {opacity: 1;}
| + | |
− | 25%, 75% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes flash {
| + | |
− | 0%, 50%, 100% {opacity: 1;}
| + | |
− | 25%, 75% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @keyframes flash {
| + | |
− | 0%, 50%, 100% {opacity: 1;}
| + | |
− | 25%, 75% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | .flash {
| + | |
− | -webkit-animation-name: flash;
| + | |
− | -moz-animation-name: flash;
| + | |
− | -o-animation-name: flash;
| + | |
− | animation-name: flash;
| + | |
− | }
| + | |
− | @-webkit-keyframes shake {
| + | |
− | 0%, 100% {-webkit-transform: translateX(0);}
| + | |
− | 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
| + | |
− | 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes shake {
| + | |
− | 0%, 100% {-moz-transform: translateX(0);}
| + | |
− | 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
| + | |
− | 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes shake {
| + | |
− | 0%, 100% {-o-transform: translateX(0);}
| + | |
− | 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
| + | |
− | 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
| + | |
− | }
| + | |
− | | + | |
− | @keyframes shake {
| + | |
− | 0%, 100% {transform: translateX(0);}
| + | |
− | 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
| + | |
− | 20%, 40%, 60%, 80% {transform: translateX(10px);}
| + | |
− | }
| + | |
− | | + | |
− | .shake {
| + | |
− | -webkit-animation-name: shake;
| + | |
− | -moz-animation-name: shake;
| + | |
− | -o-animation-name: shake;
| + | |
− | animation-name: shake;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounce {
| + | |
− | 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
| + | |
− | 40% {-webkit-transform: translateY(-30px);}
| + | |
− | 60% {-webkit-transform: translateY(-15px);}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounce {
| + | |
− | 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
| + | |
− | 40% {-moz-transform: translateY(-30px);}
| + | |
− | 60% {-moz-transform: translateY(-15px);}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounce {
| + | |
− | 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
| + | |
− | 40% {-o-transform: translateY(-30px);}
| + | |
− | 60% {-o-transform: translateY(-15px);}
| + | |
− | }
| + | |
− | @keyframes bounce {
| + | |
− | 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
| + | |
− | 40% {transform: translateY(-30px);}
| + | |
− | 60% {transform: translateY(-15px);}
| + | |
− | }
| + | |
− | | + | |
− | .bounce {
| + | |
− | -webkit-animation-name: bounce;
| + | |
− | -moz-animation-name: bounce;
| + | |
− | -o-animation-name: bounce;
| + | |
− | animation-name: bounce;
| + | |
− | }
| + | |
− | @-webkit-keyframes tada {
| + | |
− | 0% {-webkit-transform: scale(1);}
| + | |
− | 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
| + | |
− | 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
| + | |
− | 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
| + | |
− | 100% {-webkit-transform: scale(1) rotate(0);}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes tada {
| + | |
− | 0% {-moz-transform: scale(1);}
| + | |
− | 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
| + | |
− | 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
| + | |
− | 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
| + | |
− | 100% {-moz-transform: scale(1) rotate(0);}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes tada {
| + | |
− | 0% {-o-transform: scale(1);}
| + | |
− | 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
| + | |
− | 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
| + | |
− | 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
| + | |
− | 100% {-o-transform: scale(1) rotate(0);}
| + | |
− | }
| + | |
− | | + | |
− | @keyframes tada {
| + | |
− | 0% {transform: scale(1);}
| + | |
− | 10%, 20% {transform: scale(0.9) rotate(-3deg);}
| + | |
− | 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
| + | |
− | 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
| + | |
− | 100% {transform: scale(1) rotate(0);}
| + | |
− | }
| + | |
− | | + | |
− | .tada {
| + | |
− | -webkit-animation-name: tada;
| + | |
− | -moz-animation-name: tada;
| + | |
− | -o-animation-name: tada;
| + | |
− | animation-name: tada;
| + | |
− | }
| + | |
− | @-webkit-keyframes swing {
| + | |
− | 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
| + | |
− | 20% { -webkit-transform: rotate(15deg); }
| + | |
− | 40% { -webkit-transform: rotate(-10deg); }
| + | |
− | 60% { -webkit-transform: rotate(5deg); }
| + | |
− | 80% { -webkit-transform: rotate(-5deg); }
| + | |
− | 100% { -webkit-transform: rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes swing {
| + | |
− | 20% { -moz-transform: rotate(15deg); }
| + | |
− | 40% { -moz-transform: rotate(-10deg); }
| + | |
− | 60% { -moz-transform: rotate(5deg); }
| + | |
− | 80% { -moz-transform: rotate(-5deg); }
| + | |
− | 100% { -moz-transform: rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes swing {
| + | |
− | 20% { -o-transform: rotate(15deg); }
| + | |
− | 40% { -o-transform: rotate(-10deg); }
| + | |
− | 60% { -o-transform: rotate(5deg); }
| + | |
− | 80% { -o-transform: rotate(-5deg); }
| + | |
− | 100% { -o-transform: rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes swing {
| + | |
− | 20% { transform: rotate(15deg); }
| + | |
− | 40% { transform: rotate(-10deg); }
| + | |
− | 60% { transform: rotate(5deg); }
| + | |
− | 80% { transform: rotate(-5deg); }
| + | |
− | 100% { transform: rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | .swing {
| + | |
− | -webkit-transform-origin: top center;
| + | |
− | -moz-transform-origin: top center;
| + | |
− | -o-transform-origin: top center;
| + | |
− | transform-origin: top center;
| + | |
− | -webkit-animation-name: swing;
| + | |
− | -moz-animation-name: swing;
| + | |
− | -o-animation-name: swing;
| + | |
− | animation-name: swing;
| + | |
− | }
| + | |
− | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
| + | |
− | | + | |
− | @-webkit-keyframes wobble {
| + | |
− | 0% { -webkit-transform: translateX(0%); }
| + | |
− | 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
| + | |
− | 30% { -webkit-transform: translateX(20%) rotate(3deg); }
| + | |
− | 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
| + | |
− | 60% { -webkit-transform: translateX(10%) rotate(2deg); }
| + | |
− | 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
| + | |
− | 100% { -webkit-transform: translateX(0%); }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes wobble {
| + | |
− | 0% { -moz-transform: translateX(0%); }
| + | |
− | 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
| + | |
− | 30% { -moz-transform: translateX(20%) rotate(3deg); }
| + | |
− | 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
| + | |
− | 60% { -moz-transform: translateX(10%) rotate(2deg); }
| + | |
− | 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
| + | |
− | 100% { -moz-transform: translateX(0%); }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes wobble {
| + | |
− | 0% { -o-transform: translateX(0%); }
| + | |
− | 15% { -o-transform: translateX(-25%) rotate(-5deg); }
| + | |
− | 30% { -o-transform: translateX(20%) rotate(3deg); }
| + | |
− | 45% { -o-transform: translateX(-15%) rotate(-3deg); }
| + | |
− | 60% { -o-transform: translateX(10%) rotate(2deg); }
| + | |
− | 75% { -o-transform: translateX(-5%) rotate(-1deg); }
| + | |
− | 100% { -o-transform: translateX(0%); }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes wobble {
| + | |
− | 0% { transform: translateX(0%); }
| + | |
− | 15% { transform: translateX(-25%) rotate(-5deg); }
| + | |
− | 30% { transform: translateX(20%) rotate(3deg); }
| + | |
− | 45% { transform: translateX(-15%) rotate(-3deg); }
| + | |
− | 60% { transform: translateX(10%) rotate(2deg); }
| + | |
− | 75% { transform: translateX(-5%) rotate(-1deg); }
| + | |
− | 100% { transform: translateX(0%); }
| + | |
− | }
| + | |
− | | + | |
− | .wobble { | + | |
− | -webkit-animation-name: wobble;
| + | |
− | -moz-animation-name: wobble;
| + | |
− | -o-animation-name: wobble;
| + | |
− | animation-name: wobble;
| + | |
− | }
| + | |
− | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | + | |
− | | + | |
− | @-webkit-keyframes pulse {
| + | |
− | 0% { -webkit-transform: scale(1); }
| + | |
− | 50% { -webkit-transform: scale(1.1); }
| + | |
− | 100% { -webkit-transform: scale(1); }
| + | |
− | }
| + | |
− | @-moz-keyframes pulse {
| + | |
− | 0% { -moz-transform: scale(1); }
| + | |
− | 50% { -moz-transform: scale(1.1); }
| + | |
− | 100% { -moz-transform: scale(1); }
| + | |
− | }
| + | |
− | @-o-keyframes pulse {
| + | |
− | 0% { -o-transform: scale(1); }
| + | |
− | 50% { -o-transform: scale(1.1); }
| + | |
− | 100% { -o-transform: scale(1); }
| + | |
− | }
| + | |
− | @keyframes pulse {
| + | |
− | 0% { transform: scale(1); }
| + | |
− | 50% { transform: scale(1.1); }
| + | |
− | 100% { transform: scale(1); }
| + | |
− | }
| + | |
− | | + | |
− | .pulse {
| + | |
− | -webkit-animation-name: pulse;
| + | |
− | -moz-animation-name: pulse;
| + | |
− | -o-animation-name: pulse;
| + | |
− | animation-name: pulse;
| + | |
− | }
| + | |
− | @-webkit-keyframes flip {
| + | |
− | 0% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(0);
| + | |
− | -webkit-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 40% {
| + | |
− | -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| + | |
− | -webkit-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 50% {
| + | |
− | -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| + | |
− | -webkit-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 80% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
| + | |
− | -webkit-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -webkit-transform: perspective(400px) scale(1);
| + | |
− | -webkit-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes flip {
| + | |
− | 0% {
| + | |
− | -moz-transform: perspective(400px) rotateY(0);
| + | |
− | -moz-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 40% {
| + | |
− | -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| + | |
− | -moz-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 50% {
| + | |
− | -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| + | |
− | -moz-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 80% {
| + | |
− | -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
| + | |
− | -moz-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -moz-transform: perspective(400px) scale(1);
| + | |
− | -moz-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes flip {
| + | |
− | 0% {
| + | |
− | -o-transform: perspective(400px) rotateY(0);
| + | |
− | -o-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 40% {
| + | |
− | -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
| + | |
− | -o-animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 50% {
| + | |
− | -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| + | |
− | -o-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 80% {
| + | |
− | -o-transform: perspective(400px) rotateY(360deg) scale(.95);
| + | |
− | -o-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -o-transform: perspective(400px) scale(1);
| + | |
− | -o-animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes flip {
| + | |
− | 0% {
| + | |
− | transform: perspective(400px) rotateY(0);
| + | |
− | animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 40% {
| + | |
− | transform: perspective(400px) translateZ(150px) rotateY(170deg);
| + | |
− | animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | 50% {
| + | |
− | transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
| + | |
− | animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 80% {
| + | |
− | transform: perspective(400px) rotateY(360deg) scale(.95);
| + | |
− | animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | transform: perspective(400px) scale(1);
| + | |
− | animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .flip {
| + | |
− | -webkit-backface-visibility: visible !important;
| + | |
− | -webkit-animation-name: flip;
| + | |
− | -moz-backface-visibility: visible !important;
| + | |
− | -moz-animation-name: flip;
| + | |
− | -o-backface-visibility: visible !important;
| + | |
− | -o-animation-name: flip;
| + | |
− | backface-visibility: visible !important;
| + | |
− | animation-name: flip;
| + | |
− | }
| + | |
− | @-webkit-keyframes flipInX {
| + | |
− | 0% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes flipInX {
| + | |
− | 0% {
| + | |
− | -moz-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -moz-transform: perspective(400px) rotateX(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -moz-transform: perspective(400px) rotateX(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes flipInX {
| + | |
− | 0% {
| + | |
− | -o-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -o-transform: perspective(400px) rotateX(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -o-transform: perspective(400px) rotateX(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes flipInX {
| + | |
− | 0% {
| + | |
− | transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | transform: perspective(400px) rotateX(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | transform: perspective(400px) rotateX(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .flipInX {
| + | |
− | -webkit-backface-visibility: visible !important;
| + | |
− | -webkit-animation-name: flipInX;
| + | |
− | -moz-backface-visibility: visible !important;
| + | |
− | -moz-animation-name: flipInX;
| + | |
− | -o-backface-visibility: visible !important;
| + | |
− | -o-animation-name: flipInX;
| + | |
− | backface-visibility: visible !important;
| + | |
− | animation-name: flipInX;
| + | |
− | }
| + | |
− | @-webkit-keyframes flipOutX {
| + | |
− | 0% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -webkit-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes flipOutX {
| + | |
− | 0% {
| + | |
− | -moz-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -moz-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes flipOutX {
| + | |
− | 0% {
| + | |
− | -o-transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -o-transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes flipOutX {
| + | |
− | 0% {
| + | |
− | transform: perspective(400px) rotateX(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | transform: perspective(400px) rotateX(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .flipOutX {
| + | |
− | -webkit-animation-name: flipOutX;
| + | |
− | -webkit-backface-visibility: visible !important;
| + | |
− | -moz-animation-name: flipOutX;
| + | |
− | -moz-backface-visibility: visible !important;
| + | |
− | -o-animation-name: flipOutX;
| + | |
− | -o-backface-visibility: visible !important;
| + | |
− | animation-name: flipOutX;
| + | |
− | backface-visibility: visible !important;
| + | |
− | }
| + | |
− | @-webkit-keyframes flipInY {
| + | |
− | 0% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes flipInY {
| + | |
− | 0% {
| + | |
− | -moz-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -moz-transform: perspective(400px) rotateY(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -moz-transform: perspective(400px) rotateY(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes flipInY {
| + | |
− | 0% {
| + | |
− | -o-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | -o-transform: perspective(400px) rotateY(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -o-transform: perspective(400px) rotateY(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes flipInY {
| + | |
− | 0% {
| + | |
− | transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 40% {
| + | |
− | transform: perspective(400px) rotateY(-10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | transform: perspective(400px) rotateY(10deg);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .flipInY {
| + | |
− | -webkit-backface-visibility: visible !important;
| + | |
− | -webkit-animation-name: flipInY;
| + | |
− | -moz-backface-visibility: visible !important;
| + | |
− | -moz-animation-name: flipInY;
| + | |
− | -o-backface-visibility: visible !important;
| + | |
− | -o-animation-name: flipInY;
| + | |
− | backface-visibility: visible !important;
| + | |
− | animation-name: flipInY;
| + | |
− | }
| + | |
− | @-webkit-keyframes flipOutY {
| + | |
− | 0% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -webkit-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes flipOutY {
| + | |
− | 0% {
| + | |
− | -moz-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -moz-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes flipOutY {
| + | |
− | 0% {
| + | |
− | -o-transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | -o-transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes flipOutY {
| + | |
− | 0% {
| + | |
− | transform: perspective(400px) rotateY(0deg);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | 100% {
| + | |
− | transform: perspective(400px) rotateY(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .flipOutY {
| + | |
− | -webkit-backface-visibility: visible !important;
| + | |
− | -webkit-animation-name: flipOutY;
| + | |
− | -moz-backface-visibility: visible !important;
| + | |
− | -moz-animation-name: flipOutY;
| + | |
− | -o-backface-visibility: visible !important;
| + | |
− | -o-animation-name: flipOutY;
| + | |
− | backface-visibility: visible !important;
| + | |
− | animation-name: flipOutY;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeIn {
| + | |
− | 0% {opacity: 0;}
| + | |
− | 100% {opacity: 1;}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeIn {
| + | |
− | 0% {opacity: 0;}
| + | |
− | 100% {opacity: 1;}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeIn {
| + | |
− | 0% {opacity: 0;}
| + | |
− | 100% {opacity: 1;}
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeIn {
| + | |
− | 0% {opacity: 0;}
| + | |
− | 100% {opacity: 1;}
| + | |
− | }
| + | |
− | | + | |
− | .fadeIn {
| + | |
− | -webkit-animation-name: fadeIn;
| + | |
− | -moz-animation-name: fadeIn;
| + | |
− | -o-animation-name: fadeIn;
| + | |
− | animation-name: fadeIn;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInUp {
| + | |
− | -webkit-animation-name: fadeInUp;
| + | |
− | -moz-animation-name: fadeInUp;
| + | |
− | -o-animation-name: fadeInUp;
| + | |
− | animation-name: fadeInUp;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInDown {
| + | |
− | -webkit-animation-name: fadeInDown;
| + | |
− | -moz-animation-name: fadeInDown;
| + | |
− | -o-animation-name: fadeInDown;
| + | |
− | animation-name: fadeInDown;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInLeft {
| + | |
− | -webkit-animation-name: fadeInLeft;
| + | |
− | -moz-animation-name: fadeInLeft;
| + | |
− | -o-animation-name: fadeInLeft;
| + | |
− | animation-name: fadeInLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInRight {
| + | |
− | -webkit-animation-name: fadeInRight;
| + | |
− | -moz-animation-name: fadeInRight;
| + | |
− | -o-animation-name: fadeInRight;
| + | |
− | animation-name: fadeInRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInUpBig {
| + | |
− | -webkit-animation-name: fadeInUpBig;
| + | |
− | -moz-animation-name: fadeInUpBig;
| + | |
− | -o-animation-name: fadeInUpBig;
| + | |
− | animation-name: fadeInUpBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInDownBig {
| + | |
− | -webkit-animation-name: fadeInDownBig;
| + | |
− | -moz-animation-name: fadeInDownBig;
| + | |
− | -o-animation-name: fadeInDownBig;
| + | |
− | animation-name: fadeInDownBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes fadeInLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes fadeInLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes fadeInLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInLeftBig {
| + | |
− | -webkit-animation-name: fadeInLeftBig;
| + | |
− | -moz-animation-name: fadeInLeftBig;
| + | |
− | -o-animation-name: fadeInLeftBig;
| + | |
− | animation-name: fadeInLeftBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeInRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeInRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeInRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeInRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeInRightBig {
| + | |
− | -webkit-animation-name: fadeInRightBig;
| + | |
− | -moz-animation-name: fadeInRightBig;
| + | |
− | -o-animation-name: fadeInRightBig;
| + | |
− | animation-name: fadeInRightBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOut {
| + | |
− | 0% {opacity: 1;}
| + | |
− | 100% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOut {
| + | |
− | 0% {opacity: 1;}
| + | |
− | 100% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOut {
| + | |
− | 0% {opacity: 1;}
| + | |
− | 100% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOut {
| + | |
− | 0% {opacity: 1;}
| + | |
− | 100% {opacity: 0;}
| + | |
− | }
| + | |
− | | + | |
− | .fadeOut {
| + | |
− | -webkit-animation-name: fadeOut;
| + | |
− | -moz-animation-name: fadeOut;
| + | |
− | -o-animation-name: fadeOut;
| + | |
− | animation-name: fadeOut;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutUp {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes fadeOutUp {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes fadeOutUp {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes fadeOutUp {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutUp {
| + | |
− | -webkit-animation-name: fadeOutUp;
| + | |
− | -moz-animation-name: fadeOutUp;
| + | |
− | -o-animation-name: fadeOutUp;
| + | |
− | animation-name: fadeOutUp;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutDown {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutDown {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutDown {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutDown {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutDown {
| + | |
− | -webkit-animation-name: fadeOutDown;
| + | |
− | -moz-animation-name: fadeOutDown;
| + | |
− | -o-animation-name: fadeOutDown;
| + | |
− | animation-name: fadeOutDown;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutLeft {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutLeft {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutLeft {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutLeft {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutLeft {
| + | |
− | -webkit-animation-name: fadeOutLeft;
| + | |
− | -moz-animation-name: fadeOutLeft;
| + | |
− | -o-animation-name: fadeOutLeft;
| + | |
− | animation-name: fadeOutLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutRight {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutRight {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutRight {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutRight {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(20px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutRight {
| + | |
− | -webkit-animation-name: fadeOutRight;
| + | |
− | -moz-animation-name: fadeOutRight;
| + | |
− | -o-animation-name: fadeOutRight;
| + | |
− | animation-name: fadeOutRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutUpBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutUpBig {
| + | |
− | -webkit-animation-name: fadeOutUpBig;
| + | |
− | -moz-animation-name: fadeOutUpBig;
| + | |
− | -o-animation-name: fadeOutUpBig;
| + | |
− | animation-name: fadeOutUpBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutDownBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutDownBig {
| + | |
− | -webkit-animation-name: fadeOutDownBig;
| + | |
− | -moz-animation-name: fadeOutDownBig;
| + | |
− | -o-animation-name: fadeOutDownBig;
| + | |
− | animation-name: fadeOutDownBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes fadeOutLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes fadeOutLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes fadeOutLeftBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutLeftBig {
| + | |
− | -webkit-animation-name: fadeOutLeftBig;
| + | |
− | -moz-animation-name: fadeOutLeftBig;
| + | |
− | -o-animation-name: fadeOutLeftBig;
| + | |
− | animation-name: fadeOutLeftBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes fadeOutRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes fadeOutRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes fadeOutRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes fadeOutRightBig {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .fadeOutRightBig {
| + | |
− | -webkit-animation-name: fadeOutRightBig;
| + | |
− | -moz-animation-name: fadeOutRightBig;
| + | |
− | -o-animation-name: fadeOutRightBig;
| + | |
− | animation-name: fadeOutRightBig;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceIn {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: scale(.3);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: scale(1.05);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -webkit-transform: scale(.9);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: scale(1);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceIn {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: scale(.3);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: scale(1.05);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -moz-transform: scale(.9);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: scale(1);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceIn {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: scale(.3);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: scale(1.05);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | -o-transform: scale(.9);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: scale(1);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceIn {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: scale(.3);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | transform: scale(1.05);
| + | |
− | }
| + | |
− |
| + | |
− | 70% {
| + | |
− | transform: scale(.9);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: scale(1);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceIn {
| + | |
− | -webkit-animation-name: bounceIn;
| + | |
− | -moz-animation-name: bounceIn;
| + | |
− | -o-animation-name: bounceIn;
| + | |
− | animation-name: bounceIn;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -webkit-transform: translateY(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes bounceInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -moz-transform: translateY(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -o-transform: translateY(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceInUp {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | transform: translateY(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceInUp {
| + | |
− | -webkit-animation-name: bounceInUp;
| + | |
− | -moz-animation-name: bounceInUp;
| + | |
− | -o-animation-name: bounceInUp;
| + | |
− | animation-name: bounceInUp;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -webkit-transform: translateY(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -moz-transform: translateY(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -o-transform: translateY(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceInDown {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | transform: translateY(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceInDown {
| + | |
− | -webkit-animation-name: bounceInDown;
| + | |
− | -moz-animation-name: bounceInDown;
| + | |
− | -o-animation-name: bounceInDown;
| + | |
− | animation-name: bounceInDown;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -webkit-transform: translateX(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -moz-transform: translateX(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -o-transform: translateX(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceInLeft {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | transform: translateX(-10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceInLeft {
| + | |
− | -webkit-animation-name: bounceInLeft;
| + | |
− | -moz-animation-name: bounceInLeft;
| + | |
− | -o-animation-name: bounceInLeft;
| + | |
− | animation-name: bounceInLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -webkit-transform: translateX(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -moz-transform: translateX(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | -o-transform: translateX(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceInRight {
| + | |
− | 0% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(2000px);
| + | |
− | }
| + | |
− |
| + | |
− | 60% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(-30px);
| + | |
− | }
| + | |
− |
| + | |
− | 80% {
| + | |
− | transform: translateX(10px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceInRight {
| + | |
− | -webkit-animation-name: bounceInRight;
| + | |
− | -moz-animation-name: bounceInRight;
| + | |
− | -o-animation-name: bounceInRight;
| + | |
− | animation-name: bounceInRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceOut {
| + | |
− | 0% {
| + | |
− | -webkit-transform: scale(1);
| + | |
− | }
| + | |
− |
| + | |
− | 25% {
| + | |
− | -webkit-transform: scale(.95);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: scale(1.1);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: scale(.3);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceOut {
| + | |
− | 0% {
| + | |
− | -moz-transform: scale(1);
| + | |
− | }
| + | |
− |
| + | |
− | 25% {
| + | |
− | -moz-transform: scale(.95);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: scale(1.1);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: scale(.3);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceOut {
| + | |
− | 0% {
| + | |
− | -o-transform: scale(1);
| + | |
− | }
| + | |
− |
| + | |
− | 25% {
| + | |
− | -o-transform: scale(.95);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: scale(1.1);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: scale(.3);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceOut {
| + | |
− | 0% {
| + | |
− | transform: scale(1);
| + | |
− | }
| + | |
− |
| + | |
− | 25% {
| + | |
− | transform: scale(.95);
| + | |
− | }
| + | |
− |
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | transform: scale(1.1);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: scale(.3);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceOut {
| + | |
− | -webkit-animation-name: bounceOut;
| + | |
− | -moz-animation-name: bounceOut;
| + | |
− | -o-animation-name: bounceOut;
| + | |
− | animation-name: bounceOut;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceOutUp {
| + | |
− | 0% {
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceOutUp {
| + | |
− | 0% {
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceOutUp {
| + | |
− | 0% {
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceOutUp {
| + | |
− | 0% {
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceOutUp {
| + | |
− | -webkit-animation-name: bounceOutUp;
| + | |
− | -moz-animation-name: bounceOutUp;
| + | |
− | -o-animation-name: bounceOutUp;
| + | |
− | animation-name: bounceOutUp;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceOutDown {
| + | |
− | 0% {
| + | |
− | -webkit-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceOutDown {
| + | |
− | 0% {
| + | |
− | -moz-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceOutDown {
| + | |
− | 0% {
| + | |
− | -o-transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceOutDown {
| + | |
− | 0% {
| + | |
− | transform: translateY(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateY(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateY(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceOutDown {
| + | |
− | -webkit-animation-name: bounceOutDown;
| + | |
− | -moz-animation-name: bounceOutDown;
| + | |
− | -o-animation-name: bounceOutDown;
| + | |
− | animation-name: bounceOutDown;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceOutLeft {
| + | |
− | 0% {
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceOutLeft {
| + | |
− | 0% {
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceOutLeft {
| + | |
− | 0% {
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceOutLeft {
| + | |
− | 0% {
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(-2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceOutLeft {
| + | |
− | -webkit-animation-name: bounceOutLeft;
| + | |
− | -moz-animation-name: bounceOutLeft;
| + | |
− | -o-animation-name: bounceOutLeft;
| + | |
− | animation-name: bounceOutLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes bounceOutRight {
| + | |
− | 0% {
| + | |
− | -webkit-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes bounceOutRight {
| + | |
− | 0% {
| + | |
− | -moz-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes bounceOutRight {
| + | |
− | 0% {
| + | |
− | -o-transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes bounceOutRight {
| + | |
− | 0% {
| + | |
− | transform: translateX(0);
| + | |
− | }
| + | |
− |
| + | |
− | 20% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(-20px);
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(2000px);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .bounceOutRight {
| + | |
− | -webkit-animation-name: bounceOutRight;
| + | |
− | -moz-animation-name: bounceOutRight;
| + | |
− | -o-animation-name: bounceOutRight;
| + | |
− | animation-name: bounceOutRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateIn {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: center center;
| + | |
− | -webkit-transform: rotate(-200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: center center;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-moz-keyframes rotateIn {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: center center;
| + | |
− | -moz-transform: rotate(-200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: center center;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @-o-keyframes rotateIn {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: center center;
| + | |
− | -o-transform: rotate(-200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: center center;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | @keyframes rotateIn {
| + | |
− | 0% {
| + | |
− | transform-origin: center center;
| + | |
− | transform: rotate(-200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: center center;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateIn {
| + | |
− | -webkit-animation-name: rotateIn;
| + | |
− | -moz-animation-name: rotateIn;
| + | |
− | -o-animation-name: rotateIn;
| + | |
− | animation-name: rotateIn;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateInUpLeft {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateInUpLeft {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateInUpLeft {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateInUpLeft {
| + | |
− | 0% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateInUpLeft {
| + | |
− | -webkit-animation-name: rotateInUpLeft;
| + | |
− | -moz-animation-name: rotateInUpLeft;
| + | |
− | -o-animation-name: rotateInUpLeft;
| + | |
− | animation-name: rotateInUpLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateInDownLeft {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateInDownLeft {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateInDownLeft {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateInDownLeft {
| + | |
− | 0% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateInDownLeft {
| + | |
− | -webkit-animation-name: rotateInDownLeft;
| + | |
− | -moz-animation-name: rotateInDownLeft;
| + | |
− | -o-animation-name: rotateInDownLeft;
| + | |
− | animation-name: rotateInDownLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateInUpRight {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateInUpRight {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateInUpRight {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateInUpRight {
| + | |
− | 0% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateInUpRight {
| + | |
− | -webkit-animation-name: rotateInUpRight;
| + | |
− | -moz-animation-name: rotateInUpRight;
| + | |
− | -o-animation-name: rotateInUpRight;
| + | |
− | animation-name: rotateInUpRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateInDownRight {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateInDownRight {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateInDownRight {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateInDownRight {
| + | |
− | 0% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateInDownRight {
| + | |
− | -webkit-animation-name: rotateInDownRight;
| + | |
− | -moz-animation-name: rotateInDownRight;
| + | |
− | -o-animation-name: rotateInDownRight;
| + | |
− | animation-name: rotateInDownRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateOut {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: center center;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: center center;
| + | |
− | -webkit-transform: rotate(200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateOut {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: center center;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: center center;
| + | |
− | -moz-transform: rotate(200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateOut {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: center center;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: center center;
| + | |
− | -o-transform: rotate(200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateOut {
| + | |
− | 0% {
| + | |
− | transform-origin: center center;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: center center;
| + | |
− | transform: rotate(200deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateOut {
| + | |
− | -webkit-animation-name: rotateOut;
| + | |
− | -moz-animation-name: rotateOut;
| + | |
− | -o-animation-name: rotateOut;
| + | |
− | animation-name: rotateOut;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateOutUpLeft {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateOutUpLeft {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateOutUpLeft {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateOutUpLeft {
| + | |
− | 0% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateOutUpLeft {
| + | |
− | -webkit-animation-name: rotateOutUpLeft;
| + | |
− | -moz-animation-name: rotateOutUpLeft;
| + | |
− | -o-animation-name: rotateOutUpLeft;
| + | |
− | animation-name: rotateOutUpLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateOutDownLeft {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: left bottom;
| + | |
− | -webkit-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateOutDownLeft {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: left bottom;
| + | |
− | -moz-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateOutDownLeft {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: left bottom;
| + | |
− | -o-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateOutDownLeft {
| + | |
− | 0% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: left bottom;
| + | |
− | transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateOutDownLeft {
| + | |
− | -webkit-animation-name: rotateOutDownLeft;
| + | |
− | -moz-animation-name: rotateOutDownLeft;
| + | |
− | -o-animation-name: rotateOutDownLeft;
| + | |
− | animation-name: rotateOutDownLeft;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateOutUpRight {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateOutUpRight {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateOutUpRight {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateOutUpRight {
| + | |
− | 0% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateOutUpRight {
| + | |
− | -webkit-animation-name: rotateOutUpRight;
| + | |
− | -moz-animation-name: rotateOutUpRight;
| + | |
− | -o-animation-name: rotateOutUpRight;
| + | |
− | animation-name: rotateOutUpRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes rotateOutDownRight {
| + | |
− | 0% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -webkit-transform-origin: right bottom;
| + | |
− | -webkit-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rotateOutDownRight {
| + | |
− | 0% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -moz-transform-origin: right bottom;
| + | |
− | -moz-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rotateOutDownRight {
| + | |
− | 0% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | -o-transform-origin: right bottom;
| + | |
− | -o-transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rotateOutDownRight {
| + | |
− | 0% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(0);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | 100% {
| + | |
− | transform-origin: right bottom;
| + | |
− | transform: rotate(-90deg);
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rotateOutDownRight {
| + | |
− | -webkit-animation-name: rotateOutDownRight;
| + | |
− | -moz-animation-name: rotateOutDownRight;
| + | |
− | -o-animation-name: rotateOutDownRight;
| + | |
− | animation-name: rotateOutDownRight;
| + | |
− | }
| + | |
− | @-webkit-keyframes hinge {
| + | |
− | 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
| + | |
− | 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
| + | |
− | 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
| + | |
− | 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
| + | |
− | 100% { -webkit-transform: translateY(700px); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes hinge {
| + | |
− | 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| + | |
− | 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| + | |
− | 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| + | |
− | 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
| + | |
− | 100% { -moz-transform: translateY(700px); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes hinge {
| + | |
− | 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| + | |
− | 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| + | |
− | 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| + | |
− | 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
| + | |
− | 100% { -o-transform: translateY(700px); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes hinge {
| + | |
− | 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
| + | |
− | 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
| + | |
− | 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
| + | |
− | 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
| + | |
− | 100% { transform: translateY(700px); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | .hinge {
| + | |
− | -webkit-animation-name: hinge;
| + | |
− | -moz-animation-name: hinge;
| + | |
− | -o-animation-name: hinge;
| + | |
− | animation-name: hinge;
| + | |
− | }
| + | |
− | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | + | |
− | | + | |
− | @-webkit-keyframes rollIn {
| + | |
− | 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
| + | |
− | 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rollIn {
| + | |
− | 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
| + | |
− | 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rollIn {
| + | |
− | 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
| + | |
− | 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rollIn {
| + | |
− | 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
| + | |
− | 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | .rollIn {
| + | |
− | -webkit-animation-name: rollIn;
| + | |
− | -moz-animation-name: rollIn;
| + | |
− | -o-animation-name: rollIn;
| + | |
− | animation-name: rollIn;
| + | |
− | }
| + | |
− | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | + | |
− | | + | |
− | @-webkit-keyframes rollOut {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -webkit-transform: translateX(0px) rotate(0deg);
| + | |
− | }
| + | |
− | | + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -webkit-transform: translateX(100%) rotate(120deg);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes rollOut {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -moz-transform: translateX(0px) rotate(0deg);
| + | |
− | }
| + | |
− | | + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -moz-transform: translateX(100%) rotate(120deg);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes rollOut {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | -o-transform: translateX(0px) rotate(0deg);
| + | |
− | }
| + | |
− | | + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | -o-transform: translateX(100%) rotate(120deg);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes rollOut {
| + | |
− | 0% {
| + | |
− | opacity: 1;
| + | |
− | transform: translateX(0px) rotate(0deg);
| + | |
− | }
| + | |
− | | + | |
− | 100% {
| + | |
− | opacity: 0;
| + | |
− | transform: translateX(100%) rotate(120deg);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .rollOut {
| + | |
− | -webkit-animation-name: rollOut;
| + | |
− | -moz-animation-name: rollOut;
| + | |
− | -o-animation-name: rollOut;
| + | |
− | animation-name: rollOut;
| + | |
− | }
| + | |
− | | + | |
− | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| + | |
− | | + | |
− | @-webkit-keyframes lightSpeedIn {
| + | |
− | 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
| + | |
− | 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
| + | |
− | 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes lightSpeedIn {
| + | |
− | 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
| + | |
− | 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
| + | |
− | 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes lightSpeedIn {
| + | |
− | 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
| + | |
− | 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
| + | |
− | 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes lightSpeedIn {
| + | |
− | 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
| + | |
− | 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
| + | |
− | 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | }
| + | |
− | | + | |
− | .lightSpeedIn {
| + | |
− | -webkit-animation-name: lightSpeedIn;
| + | |
− | -moz-animation-name: lightSpeedIn;
| + | |
− | -o-animation-name: lightSpeedIn;
| + | |
− | animation-name: lightSpeedIn;
| + | |
− | | + | |
− | -webkit-animation-timing-function: ease-out;
| + | |
− | -moz-animation-timing-function: ease-out;
| + | |
− | -o-animation-timing-function: ease-out;
| + | |
− | animation-timing-function: ease-out;
| + | |
− | }
| + | |
− | | + | |
− | .animated.lightSpeedIn {
| + | |
− | -webkit-animation-duration: 0.5s;
| + | |
− | -moz-animation-duration: 0.5s;
| + | |
− | -o-animation-duration: 0.5s;
| + | |
− | animation-duration: 0.5s;
| + | |
− | }
| + | |
− | | + | |
− | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| + | |
− | | + | |
− | @-webkit-keyframes lightSpeedOut {
| + | |
− | 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes lightSpeedOut {
| + | |
− | 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes lightSpeedOut {
| + | |
− | 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes lightSpeedOut {
| + | |
− | 0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
| + | |
− | 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
| + | |
− | }
| + | |
− | | + | |
− | .lightSpeedOut {
| + | |
− | -webkit-animation-name: lightSpeedOut;
| + | |
− | -moz-animation-name: lightSpeedOut;
| + | |
− | -o-animation-name: lightSpeedOut;
| + | |
− | animation-name: lightSpeedOut;
| + | |
− | | + | |
− | -webkit-animation-timing-function: ease-in;
| + | |
− | -moz-animation-timing-function: ease-in;
| + | |
− | -o-animation-timing-function: ease-in;
| + | |
− | animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | | + | |
− | .animated.lightSpeedOut {
| + | |
− | -webkit-animation-duration: 0.25s;
| + | |
− | -moz-animation-duration: 0.25s;
| + | |
− | -o-animation-duration: 0.25s;
| + | |
− | animation-duration: 0.25s;
| + | |
− | }
| + | |
− | | + | |
− | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
| + | |
− | | + | |
− | @-webkit-keyframes wiggle {
| + | |
− | 0% { -webkit-transform: skewX(9deg); }
| + | |
− | 10% { -webkit-transform: skewX(-8deg); }
| + | |
− | 20% { -webkit-transform: skewX(7deg); }
| + | |
− | 30% { -webkit-transform: skewX(-6deg); }
| + | |
− | 40% { -webkit-transform: skewX(5deg); }
| + | |
− | 50% { -webkit-transform: skewX(-4deg); }
| + | |
− | 60% { -webkit-transform: skewX(3deg); }
| + | |
− | 70% { -webkit-transform: skewX(-2deg); }
| + | |
− | 80% { -webkit-transform: skewX(1deg); }
| + | |
− | 90% { -webkit-transform: skewX(0deg); }
| + | |
− | 100% { -webkit-transform: skewX(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-moz-keyframes wiggle {
| + | |
− | 0% { -moz-transform: skewX(9deg); }
| + | |
− | 10% { -moz-transform: skewX(-8deg); }
| + | |
− | 20% { -moz-transform: skewX(7deg); }
| + | |
− | 30% { -moz-transform: skewX(-6deg); }
| + | |
− | 40% { -moz-transform: skewX(5deg); }
| + | |
− | 50% { -moz-transform: skewX(-4deg); }
| + | |
− | 60% { -moz-transform: skewX(3deg); }
| + | |
− | 70% { -moz-transform: skewX(-2deg); }
| + | |
− | 80% { -moz-transform: skewX(1deg); }
| + | |
− | 90% { -moz-transform: skewX(0deg); }
| + | |
− | 100% { -moz-transform: skewX(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @-o-keyframes wiggle {
| + | |
− | 0% { -o-transform: skewX(9deg); }
| + | |
− | 10% { -o-transform: skewX(-8deg); }
| + | |
− | 20% { -o-transform: skewX(7deg); }
| + | |
− | 30% { -o-transform: skewX(-6deg); }
| + | |
− | 40% { -o-transform: skewX(5deg); }
| + | |
− | 50% { -o-transform: skewX(-4deg); }
| + | |
− | 60% { -o-transform: skewX(3deg); }
| + | |
− | 70% { -o-transform: skewX(-2deg); }
| + | |
− | 80% { -o-transform: skewX(1deg); }
| + | |
− | 90% { -o-transform: skewX(0deg); }
| + | |
− | 100% { -o-transform: skewX(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | @keyframes wiggle {
| + | |
− | 0% { transform: skewX(9deg); }
| + | |
− | 10% { transform: skewX(-8deg); }
| + | |
− | 20% { transform: skewX(7deg); }
| + | |
− | 30% { transform: skewX(-6deg); }
| + | |
− | 40% { transform: skewX(5deg); }
| + | |
− | 50% { transform: skewX(-4deg); }
| + | |
− | 60% { transform: skewX(3deg); }
| + | |
− | 70% { transform: skewX(-2deg); }
| + | |
− | 80% { transform: skewX(1deg); }
| + | |
− | 90% { transform: skewX(0deg); }
| + | |
− | 100% { transform: skewX(0deg); }
| + | |
− | }
| + | |
− | | + | |
− | .wiggle {
| + | |
− | -webkit-animation-name: wiggle;
| + | |
− | -moz-animation-name: wiggle;
| + | |
− | -o-animation-name: wiggle;
| + | |
− | animation-name: wiggle;
| + | |
− | | + | |
− | -webkit-animation-timing-function: ease-in;
| + | |
− | -moz-animation-timing-function: ease-in;
| + | |
− | -o-animation-timing-function: ease-in;
| + | |
− | animation-timing-function: ease-in;
| + | |
− | }
| + | |
− | | + | |
− | .animated.wiggle {
| + | |
− | -webkit-animation-duration: 0.75s;
| + | |
− | -moz-animation-duration: 0.75s;
| + | |
− | -o-animation-duration: 0.75s;
| + | |
− | animation-duration: 0.75s;
| + | |
− | }
| + | |
− | | + | |
| | | |
| body { | | body { |
body {
font-family:'Open Sans', Arial, sans-serif;
font-weight:300;
line-height:1.6em;
color:#656565;
font-size: 1.4em;
background: #f5f5f5;
}
a {
h1,h2{
font-weight: 600;
line-height:1.1em;
color: #252525;
margin-bottom: 20px;
text-transform: uppercase;
}
h3, h4, h5, h6 {
line-height:1.1em;
color: #212121;
margin-bottom: 20px;
}
input, button, select, textarea {
}
.timetable{background: #2ab975;padding: 5px 23px;}
.timetable hr{
color:#fff;
padding-top: 29px;
margin-bottom: 20px !important;
}
.timetable dl{
color:#fff;
}
.timetable dt{
color:#fff;
}
.timetable dd{
color:#fff;
}
width: 20px;
}
.line{
width: 20%;
height: 2px;
background: #93c83f;
margin: 0 auto;
margin-bottom: 20px;
}
.widget {
}
img.img-polaroid {
margin:0 0 20px 0;
}
.img-box {
max-width:100%;
}
.navbar-default .navbar-toggle {
}
/* Header
==================================== */
.topbar{
background-color: #1e1e1e;
padding: 0;
/* color:#fff; */
}
.topbar .container .row {
padding:0;
}
.topbar .container .row .col-md-12 {
padding:0;
}
.topbar p{
margin:0;
display:inline-block;
font-size: 13px;
color: #f1f6ff;
}
.topbar p > i{
margin-right:5px;
}
.topbar p:last-child{
text-align:right;
}
header .navbar {
}
.navbar-default .navbar-brand{color: #1e1e1e;font-size: 24px;text-transform: uppercase;}
}
header .navbar {min-height: 70px;padding: 18px 0;background: #ffffff;}
.home-page header .navbar-default{
header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a{
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
.dropdown-menu li:last-child {
padding-bottom: 0 !important;
margin-bottom: 0;
}
header ul.nav li a {
font-size: 13px;
border:none;
font-weight: 600;
text-transform:uppercase;
}
header ul.nav li ul li a {
font-size:12px;
border:none;
font-weight:300;
text-transform:uppercase;
}
.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
background:none;
font-weight:700;
}
.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
background:none;
outline:0;
font-weight:700;
}
header ul.nav li ul {
margin-top:1px;
}
header ul.nav li ul li ul {
margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
position:absolute;
right:0;
margin-top:3px;
padding-left:20px;
}
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #ffffff;background: #93c83f;border-radius: 0;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
display:none;
}
.pageTitle{color: #fff;margin: 30px 0 3px;display: inline-block;font-size: 20px;}
.flex-direction-nav a{
display:none;
}
.flexslider {
padding:0;
background: #fff;
position: relative;
zoom: 1;
}
.flex-direction-nav .flex-prev{
left:0px;
}
.flex-direction-nav .flex-next{
right:0px;
}
.flex-caption {zoom: 1;bottom: 198px;background-color: transparent;color: #fff;margin: 0;padding: 2px 25px 0px 30px;/* position: absolute; */left: 0;text-align: center;margin: 0 auto;right: 0px;display: inline-block;bottom: 10%;width: 77%;right: 0 !important;border-radius: 15px 15px 0 0;text-align: left;}
.flex-caption h3 {color: #93c83f;letter-spacing: 0px;margin-bottom: 8px;text-transform: uppercase;font-size: 54px;font-weight: 700;}
.flex-caption p {margin: 12px 0 18px 4px;font-size: 20px;font-weight: 400;}
.skill-home{
margin-bottom:50px;
}
.c1{
border: #ed5441 1px solid;
background:#ed5441;
}
.c2{
border: #24c4db 1px solid;
background:#24c4db;
}
.c3{
border: #1891EC 1px solid;
background:#1891EC;
}
.c4{
border: #609cec 1px solid;
background:#609cec;
}
.skill-home .icons {padding: 38px;width: 94px;height: 94px;color: #fff;font-size: 42px;font-size: 38px;text-align: center;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 0;display: inline-table;border: 4px solid #efefef;color: #ff5722;background: transparent;border-radius: 50%;background: #ffffff;}
.skill-home h2 {
padding-top: 20px;
font-size: 36px;
font-weight: 700;
}
.testimonial-solid {
padding: 50px 0 60px 0;
margin: 0 0 0 0;
background: #FFFFFF;
text-align: center;
}
.testi-icon-area {
text-align: center;
position: absolute;
top: -84px;
margin: 0 auto;
width: 100%;
}
.testi-icon-area .quote {
padding: 15px 0 0 0;
margin: 0 0 0 0;
background: #ffffff;
text-align: center;
color: #1891EC;
display: inline-table;
width: 70px;
height: 70px;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 42px;
border: 1px solid #1891EC;
display: none;
}
.testi-icon-area .carousel-inner {
margin: 20px 0;
}
.carousel-indicators {
bottom: -30px;
}
.text-center img {
margin: auto;
}
.aboutUs{
padding:40px 0;
background: #F2F2F2;
}
img.img-center {
margin: 0 auto;
display: block;
max-width: 100%;
}
.home-about{
padding: 60px 0 0px;
}
.home-about hr{
padding:0;
margin:0;
}
.home-about .info-box{
.testimonial-area {
padding: 0 0 0 0;
margin:0;
background: url(../img/low-poly01.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.testimonial-solid p {
color: #000000;
font-size: 16px;
line-height: 30px;
font-style: italic;
}
section.hero-text {
background: #F4783B;
padding:50px 0 50px 0;
color: #fff;
}
section.hero-text h1{
color: #fff;
}
.box {
width: 100%;
}
.box-gray {
background: #f8f8f8;
padding: 20px 20px 30px;
}
.box-gray h4,.box-gray i {
margin-bottom: 20px;
}
.box-bottom {
padding: 20px 0;
text-align: center;
}
.box-bottom a {
color: #fff;
font-weight: 700;
}
.box-bottom a:hover {
color: #eee;
text-decoration: none;
}
border:1px solid #e6e6e6;
background:#f6f6f6;
display:none;
text-align:center;
padding:15px 12px 15px 65px;
margin:10px 0;
font-weight:600;
margin-bottom:30px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.about-text .btn {
margin-top: 20px;
//font-size: 15px;
//text-align: justify;
}
.about-text li {
margin-bottom: 10px;
//
font-weight: bold;
list-style: none;
}
background: url(../images/bg/about.jpg) no-repeat;
background-attachment: fixed;
background-position: top center;
padding: 100px 0;
color: #fff;
}
.call-to-action h3 {
font-size: 40px;
letter-spacing: 15px;
color: #fff;
padding-bottom: 30px;
}
.call-to-action .btn-primary {
background-color: transparent;
border-color: #999;
}
.call-to-action .btn-primary:hover {
background-color: #151515;
color: #999;
border-color: #151515;
}
color: #05142b;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
}
border-color: #FFFFFF;
/* background: transparent; */
margin-top: 50px;
color: #fff;
}
section.section-padding.gray-bg {
font-size: 13px;
line-height: 28px;
}
.panel .panel-heading h4 {
font-weight: 400;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 2px;
}
.panel {margin-bottom: 18px;background-color: #FFFFFF;border: 1px solid #f3f3f3;border-radius: 2px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.progress.pb-sm {
height: 6px!important;
}
.progress {
box-shadow: inset 0 0 2px rgba(0,0,0,.1);
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress .progress-bar.progress-bar-red {
background: #ed5441;
}
.progress .progress-bar.progress-bar-green {
background: #51d466;
}
.progress .progress-bar.progress-bar-lblue {
background: #32c8de;
}
/* --- portfolio detail --- */
.top-wrapper {
margin-bottom:20px;
}
.info-blocks {margin-bottom: 15px;/* background: #efefef; */}
.info-blocks i.icon-info-blocks {/* float: left; */color: #93c83f;font-size: 48px;min-width: 50px;margin-bottom: 15px;text-align: center;/* background: #ffffff; */width: 72px;/* height: 72px; *//* padding-top: 21px; *//* border: 1px solid #e0e0e0; *//* line-height: 75px; */width: 100%;}
.info-blocks .info-blocks-in {padding: 46px 22px;overflow: hidden;border: 1px solid #dedede;text-align: center;background: #fff;}
.info-blocks .info-blocks-in h3 {color: #202020;font-size: 22px;line-height: 28px;margin:0px;margin-bottom: 8px;/* font-weight: bold; */}
.info-blocks .info-blocks-in p {font-size: 14px;}
.info-blocks .info-blocks-in:hover{
border: 1px solid #93c83f;
}
blockquote {
font-size:16px;
font-weight:400;
font-family:'Noto Serif', serif;
font-style:italic;
padding-left:0;
color:#a2a2a2;
line-height:1.6em;
border:none;
}
blockquote cite { display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before { content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited { color:#555; }
.pullquote-left {
display:block;
color:#a2a2a2;
font-family:'Noto Serif', serif;
font-size:14px;
line-height:1.6em;
padding-left:20px;
}
.pullquote-right {
display:block;
color:#a2a2a2;
font-family:'Noto Serif', serif;
font-size:14px;
line-height:1.6em;
padding-right:20px;
}
/* --- button --- */
.btn{text-align: center;color: #FFFFFF;background: #93c83f;border-color: #93c83f;width: 120px;border-radius: 0;}
.btn-theme {
color: #fff;
background: transparent;
border: 1px solid #fff;
padding: 12px 30px;
font-weight: bold;
}
.btn-theme:hover {
color: #eee;
}
ul.link-list li{
margin:0;
padding:2px 0 2px 0;
list-style:none;
}
footer{background: #1e1e1e;}
footer ul.link-list li a{
color: #8C8C8C;
}
footer ul.link-list li a:hover {
color: #93c83f;
}
/* --- Heading style --- */
aside .widgetheading {
position: relative;
border-bottom: #e9e9e9 1px solid;
padding-bottom: 9px;
}
}
.box-area{padding: 15px;background: #ffffff;margin-top: -21px;border: 2px solid #f3f3f3;}
.box-area h3{font-size: 17px;font-weight: 600;}
/* --- Map --- */
.map{
position:relative;
margin-top:-50px;
margin-bottom:40px;
}
.map-grid iframe{
width:100%;
height:350px;
border:none;
margin:0 0 -5px 0;
padding:0;
}
ul.team-detail li{
border-bottom:1px dotted #e9e9e9;
margin:0 0 15px 0;
padding:0 0 15px 0;
list-style:none;
}
ul.team-detail li ul.social-network li {
border:none;
margin:0;
}
ul.team-detail li ul.social-network li i {
margin:0;
}
}
.pricing-title{
background:#fff;
text-align:center;
padding:10px 0 10px 0;
}
.pricing-offer{
background: #fcfcfc;
text-align: center;
padding:40px 0 40px 0;
font-size:18px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.pricing-container ul li{
border-bottom: 1px solid #CFCFCF;
list-style: none;
padding: 15px 0 15px 0;
margin: 0 0 0 0;
color: #222;
}
.pricing-action{
margin:0;
background: #fcfcfc;
text-align:center;
padding:20px 0 30px 0;
}
.pricing-box-item .pricing-heading {
background: #ffffff;
text-align: center;
padding: 50px 0;
display:block;
}
.pricing-box-item.activeItem .pricing-heading {
/* background: #f3f3f3; */
text-align: center;
border-bottom:none;
display:block;
color:#fff;
}
.pricing-box-item.activeItem .pricing-heading h3 {
.pricing-box-item .pricing-heading h3 strong {
font-size:28px;
font-weight:700;
letter-spacing:-1px;
color: #05142b;
}
.pricing-box-item .pricing-heading h3 {
font-size:32px;
font-weight:300;
letter-spacing:-1px;
}
.pricing-box-item .pricing-terms {
text-align: center;
background: #fff;
display: block;
overflow: hidden;
padding: 11px 0 5px;
/* border-top: 2px solid #BBBBBB; */
border-bottom: 2px dotted #CDCDCD;
}
.pricing-box-item .pricing-terms h6 {
margin-top: 16px;
color: #ff5722;
font-size: 22px;
}
.pricing-box-item .pricing-action{
margin:0;
text-align:center;
padding:30px 0 30px 0;
}
.pricing-action .btn{
background: #ff5722;
color: #fff;
}
.menuItem .menu{font-size:20px;font-weight:600;list-style:none;padding:0 0 15px;margin-bottom:20px;display:inline-block;color: #93c83f;}
.menuItem .menu li{padding: 16px 30px 0px;margin-bottom: 0;display:inline-block;width:100%;float:left;background: #ffffff;line-height: 30px;border-left: 2px solid #d6d6d6;border-radius: 0;}
.menuItem .detail{
font-size:13px;
color:#444;
font-weight:normal;
}
.menuItem .price{
font-size:13px;
float:right;
font-weight:600;
}
/* Testimonials */
.testimonials blockquote {
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-left-style: inset; /*FF fixes*/
border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
/* --- flickr --- */
.widget .flickr_badge {
width:100%;
}
.widget .flickr_badge img { margin: 0 9px 20px 0; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
color: #d3d3d3;
}
ul.social-network li {
display:inline;
margin: 0 5px;
/* border: 1px solid #2D2D2D; */
padding: 5px 0 0;
width: 32px;
display: inline-block;
text-align: center;
height: 32px;
vertical-align: baseline;
}
text-shadow:none;
color: #dedede;
padding:0;
padding-top:30px;
margin:20px 0 0 0;
background: #1e1e1e;
border-top: 1px solid #3e3e3e;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
opacity:1;
text-decoration:none;
}
a.scrollup i {
margin-top: 10px;
color: #fff;
}
a.scrollup i:hover {
text-decoration:none;
}
article img.pull-left, article .align-left{
float:left;
margin:5px 15px 15px 0;
}
article img.pull-right, article .align-right{
float:right;
margin:5px 0 15px 15px;
}
.marginbot10{
margin-bottom:10px;
}
.marginbot20{
margin-bottom:20px;
}
.marginbot30{
margin-bottom:30px;
}
.marginbot40{
margin-bottom:40px;
}
footer .widget form input#appendedInputButton {
display: block;
width: 91%;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
footer .widget form .input-append .btn {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px;
}
@media (max-width: 767px) {
.navbar-default .navbar-collapse{border-color: none;/* background: #05142b; */}
.navbar-default .navbar-toggle .icon-bar {background-color: #868686;border-radius: 0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: rgba(221, 221, 221, 0);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: rgba(255, 255, 255, 0.58);
margin-top: 15px;
}
header .navbar-nav > li > a{
line-height: inherit;
}
.flex-caption h3{
font-size:28px;
}
.navbar-brand {
margin-top: 18px;
border-bottom: none;
}
.navbar-header {
/* margin-top: 20px; */
border-bottom: none;
}
.navbar-nav {
border-top: none;
float: none;
width: 100%;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {background: none;font-weight: 700;color: #93c83f;}
header .navbar-nav > li {
padding-bottom: 2px;
padding-top: 3px;
}
header .nav li .dropdown-menu {
margin-top: 0;
}
.dropdown-menu {
position: absolute;
top: 0;
left: 40px;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 13px;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #f5f5f5;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
li.active {
border: none;
overflow: hidden;
/* background: #2e8eda; */
}
.flexslider .slide-caption {
width: 90%;
padding: 2%;
position: absolute;
left: 0;
bottom: -40px;
}
@media (max-width: 480px) {
.bottom-article a.pull-right {
float:left;
margin-top:20px;
}
}
.tab-section .container{
padding: 15px;
border: 1px solid #eaeaea;
background: #fff;
}
.active .collapsible-header{color: #93c83f;}
span.color {