From 42a997aedb6f1cfe29a71a38f9b51150ecf261d4 Mon Sep 17 00:00:00 2001 From: Ajay Chauhan Date: Fri, 29 Jul 2016 15:02:01 +0530 Subject: [PATCH] [IMP] Remove unwanted dependency & module. (#79) --- web_openeducat/__openerp__.py | 2 - website_animate/__init__.py | 0 website_animate/__openerp__.py | 15 - website_animate/static/description/icon.png | Bin 8003 -> 0 bytes website_animate/static/src/images/delay.png | Bin 3540 -> 0 bytes website_animate/static/src/images/icon.png | Bin 2590 -> 0 bytes website_animate/static/src/images/opt.png | Bin 2718 -> 0 bytes website_animate/static/src/images/time.png | Bin 2534 -> 0 bytes .../static/src/js/o_animate.editor.js | 163 -- .../static/src/js/o_animate.frontend.js | 135 -- .../static/src/less/o_animate_library.css | 1777 ----------------- .../static/src/less/o_animate_library.less | 484 ----- .../src/less/o_animate_utility_classes.css | 176 -- .../src/less/o_animate_utility_classes.less | 199 -- website_animate/views/assets.xml | 24 - website_animate/views/options.xml | 165 -- 16 files changed, 3140 deletions(-) delete mode 100644 website_animate/__init__.py delete mode 100644 website_animate/__openerp__.py delete mode 100644 website_animate/static/description/icon.png delete mode 100644 website_animate/static/src/images/delay.png delete mode 100644 website_animate/static/src/images/icon.png delete mode 100644 website_animate/static/src/images/opt.png delete mode 100644 website_animate/static/src/images/time.png delete mode 100644 website_animate/static/src/js/o_animate.editor.js delete mode 100644 website_animate/static/src/js/o_animate.frontend.js delete mode 100644 website_animate/static/src/less/o_animate_library.css delete mode 100644 website_animate/static/src/less/o_animate_library.less delete mode 100644 website_animate/static/src/less/o_animate_utility_classes.css delete mode 100644 website_animate/static/src/less/o_animate_utility_classes.less delete mode 100644 website_animate/views/assets.xml delete mode 100644 website_animate/views/options.xml diff --git a/web_openeducat/__openerp__.py b/web_openeducat/__openerp__.py index ac5d3fab1..dafe543d7 100644 --- a/web_openeducat/__openerp__.py +++ b/web_openeducat/__openerp__.py @@ -38,7 +38,5 @@ ], 'depends': [ 'website', - 'theme_default', - 'website_animate', ], } diff --git a/website_animate/__init__.py b/website_animate/__init__.py deleted file mode 100644 index e69de29bb..000000000 diff --git a/website_animate/__openerp__.py b/website_animate/__openerp__.py deleted file mode 100644 index 94b2d9895..000000000 --- a/website_animate/__openerp__.py +++ /dev/null @@ -1,15 +0,0 @@ -{ - 'name': 'Website Animate', - 'description': "Provide animation for page\'s blocks", - 'category': 'Website', - 'version': '1.1', - 'author': 'Odoo S.A.', - 'data': [ - 'views/assets.xml', - 'views/options.xml', - ], - 'depends': ['website'], - 'images': [ - 'static/description/icon.png', - ], -} diff --git a/website_animate/static/description/icon.png b/website_animate/static/description/icon.png deleted file mode 100644 index b4a3910262db37849fab44396ac559b84d2383c9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8003 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 diff --git a/website_animate/static/src/images/icon.png b/website_animate/static/src/images/icon.png deleted file mode 100644 index b3ffeaeb7aeab3ab264413fdde655e3d2796b2fa..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2590 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≺Hz0~ZjltzV(WYS%q&s1F2s zI@+k5a%aHck=d=J=7yPG`Jx2REBX+dd2G6Ec2`o@wu+{SoW`Q0(zw$F)HzFiNh@;t z@XTPN2M&KZ4y!+QueF1=Y_nHS$!}Zi349emyO>4EPk{OXeZTAzEBa-_YB9%m_ylfR zYVN(}c=o-762;{5x1T;cLU+%49aE<6v;W-<*qnAUe0DUk^IcYk-dY)(KTluXjfQW< zk$tNTq8|h%{7#XR`!~o*Ky)3c@TTMr>`^^)k!@I#edWqJMVG#nFE`6BQ~~ z7}S-(I#v+YI|W>V6QOEU+X!Ix*2p=)7JoEzZu=yKNk8=s;%tS{Zj>$3gU`!dosAU!FCs)=I<~r^c75CmSvu zLOs`AcUKlFaN#$Br%$m%7{fH)Od){=JTMSnm#9zjWgI36jGvysFf@uhS4 zn)dBev9pT{lwvHM3ZI_H`U7mhEV)n{Pp@#SeQ^WJP_+!3%6em^LDpH?K-JuqLV54U zBaO@Ss3-ZiH$F5R#IfoP=(u;|ev_Yp*IG8XtY_DAt75~iPWOFyqTR1>AzbC2W=h23 zAkw`{>k|)ev#dQh0KkS;ZWpHlX<@Z(A)|ggi%U8Fa!Ti-m!GCj7~HGj%njKyH7XU( zry_!tb1yOq6y8#V1I(5CTI}@ftWO|19yZm~sx%KLx@S16GXP2Zt-|dY)cb7%<0Zb> zt%%eQO-U$Z^`GNuzs{})>i1-yY1lAPEfuMQl{55G-|%)g<3TkMs$jvFN@FYEB@3TshE zOr;1%J$o@Ul>@Kkx3aui4x}CmIwo-pq{dM#@}8#i>lB@DE?!)uU*G=W%{AMHhg#R^ zM1^-dVMM`iY1(Q>(vG64`ww$9np+zOgyfop(vMHhTr04SRo-&bR8nV~gQuJ7ofUT^ zOi<4&0eydD>6?6fa_G$n`LC@de!XLovRcvFoJ1_Nx1nB7A(FV4Q!I{R8MK_59>R)V zMVAhWH=y1}d6wFR_S*hSvcmb~Wv#kdvy09<@9N83=3D1&AZu1viBf|KJ_l85Xa41& z`dldb0#wvzDvT66+bH6c;)ljEG`SeK5Q2CU1NfWlw!9<#4m@2+$xNBAd+yM?vU41d z69MaAW}=6#KUcc$Skkid7j(>fn0Am$b=y9EHgM#_@SRU2UvgJtOKe7_!=tcfD={~QJw;ZF+)xHZ{B#+2b=5Fu4wQ2eMpBKe} K1{B)|CH@WmYcuQs diff --git a/website_animate/static/src/js/o_animate.editor.js b/website_animate/static/src/js/o_animate.editor.js deleted file mode 100644 index 8b0a3438a..000000000 --- a/website_animate/static/src/js/o_animate.editor.js +++ /dev/null @@ -1,163 +0,0 @@ -odoo.define('website_animate.o_animate_editor', function (require) { - 'use strict'; - - var s_options = require('web_editor.snippets.options'); - - // Animations - s_options.registry.o_animate = s_options.Class.extend({ - start: function () { - this._super(); - var self = this; - - setTimeout(function () { - - if (self.$overlay.find("li.snippet-option-o_animate > ul > li li.active").length > 0) { - self.update_options_visibility("show"); - } else { - self.update_options_visibility("hide"); - } - - // remove theme_enark animation options from the context menu - // WARNING: theme_enark do not prefix js methods, - // Remove in Odoo9 - - if (self.$overlay.find('li.snippet-option-animation').length > 0) { - $(this).addClass("hidden"); - } - - }, 500) - }, - - select_class: function (type, value, $li) { - this._super(type, value, $li); - var self = this; - - setTimeout(function () { - self.$target.addClass("o_animate_preview o_animate").css('animation-name', 'dummy-none'); - self.$target.css('animation-name', ''); - }); - - if (type != "click") {return} - if (value.length > 0 ) { - self.update_options_visibility("show"); - self.$target.removeClass("o_animate_preview"); - } else { - setTimeout(function () { - self.update_options_visibility("hide"); - self.$target.removeClass("o_animate_preview o_animate"); - }, 500) - } - }, - - update_options_visibility: function (value) { - var self = this; - var opts = ".snippet-option-o_animate_duration, .snippet-option-o_animate_delay, .snippet-option-o_animate_options"; - setTimeout(function () { - if (value == "show") { - self.$overlay.find(opts).removeClass("hidden"); - } else if (value == "hide") { - self.$overlay.find(opts).addClass("hidden"); - } - }) - }, - - clean_for_save: function () { - var self = this; - - // Clean elements - self.$target - .removeClass("o_animating o_animated o_animate_preview") - .css({ - 'animation': '', - 'animation-name': '', - 'animation-play-state': '', - 'visibility': '' - }); - if (self.$target.hasClass("o_animate")) { - self.$target.css('animation-play-state', 'paused'); - } - - // Clean all inView elements - $("#wrapwrap").find(".o_animate").removeClass("o_visible"); - }, - }); - - // Duration - s_options.registry.o_animate_duration = s_options.Class.extend({ - select_class: function (type, value, $li) { - this._super(type, value, $li); - - var self = this; - var $timeline_duration = self.$overlay.find(".timeline.duration span[simulate='duration']"); - var $timeline_delay = self.$overlay.find(".timeline.duration span[simulate='delay']"); - - self.$target - .css({ - 'animation-duration': '', - 'animation-delay': '' - }); - - var el_delay = self.$target.css("animation-delay"); - var el_duration = self.$target.css("animation-duration"); - var el_period; - - el_delay = parseFloat(el_delay.slice(0,-1)); - el_duration = parseFloat(el_duration.slice(0,-1)); - el_period = el_delay + el_duration; - - $timeline_duration.parent().width((el_duration*100)/el_period +"%"); - $timeline_delay.parent().width((el_delay*100)/el_period +"%"); - - self.$target.addClass("o_animate_preview").css('animation-name', 'dummy-none').css('animation-duration', '0s'); - - $timeline_duration.css('animation-name', 'dummy-none').css('animation-duration', el_duration + "s").css('animation-delay', el_delay + "s"); - $timeline_delay.css('animation-name', 'dummy-none').css('animation-duration', el_delay + "s"); - - setTimeout(function () { - self.$target.css('animation-name', '').css('animation-duration', ''); - - $timeline_duration.css('animation-name', ''); - $timeline_delay.css('animation-name', ''); - }); - }, - }); - - // Delay - s_options.registry.o_animate_delay = s_options.Class.extend({ - select_class: function (type, value, $li) { - this._super(type, value, $li); - var self = this; - var $timeline_delay = self.$overlay.find(".timeline.delay span[simulate='delay']"); - var $timeline_duration = self.$overlay.find(".timeline.delay span[simulate='duration']"); - - self.$target - .css({ - 'animation-duration': '', - 'animation-delay': '' - }); - - var el_delay = self.$target.css("animation-delay"); - var el_duration = self.$target.css("animation-duration"); - var el_period; - - el_delay = parseFloat(el_delay.slice(0,-1)); - el_duration = parseFloat(el_duration.slice(0,-1)); - el_period = el_delay + el_duration; - - $timeline_duration.parent().width((el_duration*100)/el_period +"%"); - $timeline_delay.parent().width((el_delay*100)/el_period +"%"); - - self.$target.addClass("o_animate_preview").css('animation-name', 'dummy-none').css('animation-duration', '0s'); - - $timeline_duration.css('animation-name', 'dummy-none').css('animation-duration', el_duration + "s").css('animation-delay', el_delay + "s"); - $timeline_delay.css('animation-name', 'dummy-none').css('animation-duration', el_delay + "s"); - - setTimeout(function () { - self.$target.css('animation-name', '').css('animation-duration', ''); - - $timeline_duration.css('animation-name', ''); - $timeline_delay.css('animation-name', ''); - }); - }, - }); -}); diff --git a/website_animate/static/src/js/o_animate.frontend.js b/website_animate/static/src/js/o_animate.frontend.js deleted file mode 100644 index f4ca829dc..000000000 --- a/website_animate/static/src/js/o_animate.frontend.js +++ /dev/null @@ -1,135 +0,0 @@ -odoo.define('website_animate.o_animate_frontend', function (require) { - 'use strict'; - - var s_animation = require('web_editor.snippets.animation'); - var base = require('web_editor.base'); - - var WebsiteAnimate = { - win : {}, - items : {}, - - offsetRatio : 0.3, // Dynamic offset ratio: 0.3 = (element's height/3) - offsetMin : 10, // Minimum offset for small elements (in pixels) - - // Retrieve animable elements and attach handlers. - start: function () { - var self = this; - self.items = $(".o_animate"); - self.items.each(function () { - var $el = $(this); - // Set all monitored elements to initial state - self.reset_animation($el); - }); - setTimeout(function () { - self.attach_handlers(); - }); - }, - - // Bind events and define the scrolling function - attach_handlers: function () { - var self = this; - var lastScroll = 0; - - $(window) - .on("resize.o_animate", function () { - self.win.h = $(window).height(); - $(window).trigger("scroll"); - }) - .trigger("resize") - .on("scroll.o_animate", (_.throttle(function () { - // _.throttle -> Limit the number of times the scroll function - // can be called in a given period. (http://underscorejs.org/#throttle) - var windowTop = $(window).scrollTop(); - var windowBottom = windowTop + self.win.h; - - // Handle reverse scrolling - var direction = (windowTop < lastScroll) ? -1 : 1; - lastScroll = windowTop; - - self.items.each(function () { - var $el = $(this); - var elHeight = $el.height(); - var elOffset = direction * Math.max((elHeight * self.offsetRatio), self.offsetMin) - var state = $el.css("animation-play-state"); - - // We need to offset for the change in position from some animation - // So we get the top value of the transform matrix - var transformMatrix = $el.css('transform').replace(/[^0-9\-.,]/g, '').split(',') - var transformOffset = transformMatrix[13] || transformMatrix[5]; - var elTop = $el.offset().top - transformOffset; - - var visible = windowBottom > (elTop + elOffset) && windowTop < (elTop + elHeight - elOffset); - - if ( visible && (state == "paused") ) { - $el.addClass("o_visible"); - self.start_animation($el); - } else if ( !(visible) && $el.hasClass("o_animate_both_scroll") && (state == "running") ) { - $el.removeClass("o_visible"); - self.reset_animation($el) - } - }); - },100))) - .trigger("scroll"); - }, - - // Set elements to initial state - reset_animation: function ($el) { - var self = this; - var anim_name = $el.css("animation-name"); - - $el - .css({"animation-name" : "dummy-none", "animation-play-state" : ""}) - .removeClass("o_animated o_animating") - - // force the browser to redraw using setTimeout - setTimeout(function () { - $el.css({"animation-name" : anim_name, "animation-play-state" : "paused"}) - },0); - }, - - // Start animation and/or update element's state - start_animation: function ($el) { - var self = this; - - // force the browser to redraw using setTimeout - setTimeout(function () { - $el - .css({"animation-play-state": "running"}) - .addClass("o_animating") - .one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function (e) { - $el.addClass("o_animated").removeClass("o_animating"); - $(window).trigger("resize"); - }); - }); - }, - }; - - base.ready().then(function () { - // By default, elements are hidden by the css of o_animate. - // render alements + // We will trigger the animation then pause it in state 0. - WebsiteAnimate.start(); - // Then we render all the elements, the ones which are invisible - // in state 0 (like fade_in for example) will stay invisible. - $(".o_animate").css("visibility", "visible"); - }); - - // Backward compatibility for enark animation system - s_animation.registry.o_animate = s_animation.Class.extend({ - selector: '.o_animation', - - stop: function () { - this._super(); - - // Convert old classes to the new animation system - var old_animation_classes = "o_animation o_displayed o_displayed_top o_displayed_middle o_displayed_bottom o_visible o_visible_top o_visible_middle o_visible_bottom"; - $(".o_fade_in").addClass("o_animate o_anim_fade_in").removeClass("o_fade_in"); - $(".o_fade_in_down").addClass("o_animate o_anim_fade_in_down").removeClass("o_fade_in_down"); - $(".o_fade_in_left").addClass("o_animate o_anim_fade_in_left").removeClass("o_fade_in_left"); - $(".o_fade_in_right").addClass("o_animate o_anim_fade_in_right").removeClass("o_fade_in_right"); - $(".o_fade_in_up").addClass("o_animate o_anim_fade_in_up").removeClass("o_fade_in_up"); - this.$target.removeClass(old_animation_classes); - }, - }); - - return WebsiteAnimate; -}); diff --git a/website_animate/static/src/less/o_animate_library.css b/website_animate/static/src/less/o_animate_library.css deleted file mode 100644 index 285a48d40..000000000 --- a/website_animate/static/src/less/o_animate_library.css +++ /dev/null @@ -1,1777 +0,0 @@ -@-moz-keyframes o_animate_timeline_duration { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@-webkit-keyframes o_animate_timeline_duration { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@keyframes o_animate_timeline_duration { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@-moz-keyframes o_animate_timeline_delay { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@-webkit-keyframes o_animate_timeline_delay { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@keyframes o_animate_timeline_delay { - 0% { - width: 0; - } - 100% { - width: 100%; - } -} -@-moz-keyframes o_anim_bounce_in { - 0%, - 20%, - 40%, - 60%, - 80%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - -moz-transform: scale3d(1.1, 1.1, 1.1); - -ms-transform: scale3d(1.1, 1.1, 1.1); - -o-transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - -moz-transform: scale3d(0.9, 0.9, 0.9); - -ms-transform: scale3d(0.9, 0.9, 0.9); - -o-transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - -moz-transform: scale3d(1.03, 1.03, 1.03); - -ms-transform: scale3d(1.03, 1.03, 1.03); - -o-transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - -moz-transform: scale3d(0.97, 0.97, 0.97); - -ms-transform: scale3d(0.97, 0.97, 0.97); - -o-transform: scale3d(0.97, 0.97, 0.97); - } - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes o_anim_bounce_in { - 0%, - 20%, - 40%, - 60%, - 80%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - -moz-transform: scale3d(1.1, 1.1, 1.1); - -ms-transform: scale3d(1.1, 1.1, 1.1); - -o-transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - -moz-transform: scale3d(0.9, 0.9, 0.9); - -ms-transform: scale3d(0.9, 0.9, 0.9); - -o-transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - -moz-transform: scale3d(1.03, 1.03, 1.03); - -ms-transform: scale3d(1.03, 1.03, 1.03); - -o-transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - -moz-transform: scale3d(0.97, 0.97, 0.97); - -ms-transform: scale3d(0.97, 0.97, 0.97); - -o-transform: scale3d(0.97, 0.97, 0.97); - } - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@keyframes o_anim_bounce_in { - 0%, - 20%, - 40%, - 60%, - 80%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - -moz-transform: scale3d(1.1, 1.1, 1.1); - -ms-transform: scale3d(1.1, 1.1, 1.1); - -o-transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - -moz-transform: scale3d(0.9, 0.9, 0.9); - -ms-transform: scale3d(0.9, 0.9, 0.9); - -o-transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - -moz-transform: scale3d(1.03, 1.03, 1.03); - -ms-transform: scale3d(1.03, 1.03, 1.03); - -o-transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - -moz-transform: scale3d(0.97, 0.97, 0.97); - -ms-transform: scale3d(0.97, 0.97, 0.97); - -o-transform: scale3d(0.97, 0.97, 0.97); - } - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -.o_anim_bounce_in { - -webkit-animation-name: o_anim_bounce_in; - animation-name: o_anim_bounce_in; - -webkit-animation-duration: 0.75s; - animation-duration: 0.75s; -} -@-moz-keyframes o_anim_bounce_in_down { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_bounce_in_down { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_bounce_in_down { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_bounce_in_down { - -webkit-animation-name: o_anim_bounce_in_down; - animation-name: o_anim_bounce_in_down; -} -@-moz-keyframes o_anim_bounce_in_left { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_bounce_in_left { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_bounce_in_left { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_bounce_in_left { - -webkit-animation-name: o_anim_bounce_in_left; - animation-name: o_anim_bounce_in_left; -} -@-moz-keyframes o_anim_bounce_in_right { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_bounce_in_right { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_bounce_in_right { - 0%, - 60%, - 75%, - 90%, - 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_bounce_in_right { - -webkit-animation-name: o_anim_bounce_in_right; - animation-name: o_anim_bounce_in_right; -} -@-moz-keyframes o_anim_fade_in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@-webkit-keyframes o_anim_fade_in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes o_anim_fade_in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -.o_anim_fade_in { - -webkit-animation-name: o_anim_fade_in; - animation-name: o_anim_fade_in; -} -@-moz-keyframes o_anim_fade_in_down { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_fade_in_down { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_fade_in_down { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_fade_in_down { - -webkit-animation-name: o_anim_fade_in_down; - animation-name: o_anim_fade_in_down; -} -@-moz-keyframes o_anim_fade_in_left { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_fade_in_left { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_fade_in_left { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_fade_in_left { - -webkit-animation-name: o_anim_fade_in_left; - animation-name: o_anim_fade_in_left; -} -@-moz-keyframes o_anim_fade_in_right { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_fade_in_right { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_fade_in_right { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_fade_in_right { - -webkit-animation-name: o_anim_fade_in_right; - animation-name: o_anim_fade_in_right; -} -@-moz-keyframes o_anim_fade_in_up { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@-webkit-keyframes o_anim_fade_in_up { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -@keyframes o_anim_fade_in_up { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - 100% { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.o_anim_fade_in_up { - -webkit-animation-name: o_anim_fade_in_up; - animation-name: o_anim_fade_in_up; -} -@-moz-keyframes o_anim_fade_out { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@-webkit-keyframes o_anim_fade_out { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@keyframes o_anim_fade_out { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -.o_anim_fade_out { - -webkit-animation-name: o_anim_fade_out; - animation-name: o_anim_fade_out; -} -@-moz-keyframes o_anim_rotate_in { - 0% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - -moz-transform: rotate3d(0, 0, 1, -200deg); - -ms-transform: rotate3d(0, 0, 1, -200deg); - -o-transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes o_anim_rotate_in { - 0% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - -moz-transform: rotate3d(0, 0, 1, -200deg); - -ms-transform: rotate3d(0, 0, 1, -200deg); - -o-transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@keyframes o_anim_rotate_in { - 0% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - -moz-transform: rotate3d(0, 0, 1, -200deg); - -ms-transform: rotate3d(0, 0, 1, -200deg); - -o-transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: center; - -moz-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -.o_anim_rotate_in { - -webkit-animation-name: o_anim_rotate_in; - animation-name: o_anim_rotate_in; -} -@-moz-keyframes o_anim_rotate_in_down_left { - 0% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - -moz-transform: rotate3d(0, 0, 1, -45deg); - -ms-transform: rotate3d(0, 0, 1, -45deg); - -o-transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes o_anim_rotate_in_down_left { - 0% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - -moz-transform: rotate3d(0, 0, 1, -45deg); - -ms-transform: rotate3d(0, 0, 1, -45deg); - -o-transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@keyframes o_anim_rotate_in_down_left { - 0% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - -moz-transform: rotate3d(0, 0, 1, -45deg); - -ms-transform: rotate3d(0, 0, 1, -45deg); - -o-transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: left bottom; - -moz-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -.o_anim_rotate_in_down_left { - -webkit-animation-name: o_anim_rotate_in_down_left; - animation-name: o_anim_rotate_in_down_left; -} -@-moz-keyframes o_anim_rotate_in_down_right { - 0% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - -moz-transform: rotate3d(0, 0, 1, 45deg); - -ms-transform: rotate3d(0, 0, 1, 45deg); - -o-transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes o_anim_rotate_in_down_right { - 0% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - -moz-transform: rotate3d(0, 0, 1, 45deg); - -ms-transform: rotate3d(0, 0, 1, 45deg); - -o-transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -@keyframes o_anim_rotate_in_down_right { - 0% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - -moz-transform: rotate3d(0, 0, 1, 45deg); - -ms-transform: rotate3d(0, 0, 1, 45deg); - -o-transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - 100% { - -webkit-transform-origin: right bottom; - -moz-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 0, 0); - -moz-transform: rotate3d(0, 0, 0, 0); - -ms-transform: rotate3d(0, 0, 0, 0); - -o-transform: rotate3d(0, 0, 0, 0); - opacity: 1; - } -} -.o_anim_rotate_in_down_right { - -webkit-animation-name: o_anim_rotate_in_down_right; - animation-name: o_anim_rotate_in_down_right; -} -@-moz-keyframes o_anim_zoom_in { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@-webkit-keyframes o_anim_zoom_in { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@keyframes o_anim_zoom_in { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - -moz-transform: scale3d(0.3, 0.3, 0.3); - -ms-transform: scale3d(0.3, 0.3, 0.3); - -o-transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -.o_anim_zoom_in { - -webkit-animation-name: o_anim_zoom_in; - animation-name: o_anim_zoom_in; -} -@-moz-keyframes o_anim_zoom_in_down { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes o_anim_zoom_in_down { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes o_anim_zoom_in_down { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.o_anim_zoom_in_down { - -webkit-animation-name: o_anim_zoom_in_down; - animation-name: o_anim_zoom_in_down; -} -@-moz-keyframes o_anim_zoom_in_left { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes o_anim_zoom_in_left { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes o_anim_zoom_in_left { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.o_anim_zoom_in_left { - -webkit-animation-name: o_anim_zoom_in_left; - animation-name: o_anim_zoom_in_left; -} -@-moz-keyframes o_anim_zoom_in_right { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@-webkit-keyframes o_anim_zoom_in_right { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -@keyframes o_anim_zoom_in_right { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - } -} -.o_anim_zoom_in_right { - -webkit-animation-name: o_anim_zoom_in_right; - animation-name: o_anim_zoom_in_right; -} -@-moz-keyframes o_anim_flash { - 0%, - 50%, - 100% { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -@-webkit-keyframes o_anim_flash { - 0%, - 50%, - 100% { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -@keyframes o_anim_flash { - 0%, - 50%, - 100% { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -.o_anim_flash { - -webkit-animation-name: o_anim_flash; - animation-name: o_anim_flash; -} -@-moz-keyframes o_anim_pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - -moz-transform: scale3d(1.05, 1.05, 1.05); - -ms-transform: scale3d(1.05, 1.05, 1.05); - -o-transform: scale3d(1.05, 1.05, 1.05); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes o_anim_pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - -moz-transform: scale3d(1.05, 1.05, 1.05); - -ms-transform: scale3d(1.05, 1.05, 1.05); - -o-transform: scale3d(1.05, 1.05, 1.05); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@keyframes o_anim_pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - -moz-transform: scale3d(1.05, 1.05, 1.05); - -ms-transform: scale3d(1.05, 1.05, 1.05); - -o-transform: scale3d(1.05, 1.05, 1.05); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -.o_anim_pulse { - -webkit-animation-name: o_anim_pulse; - animation-name: o_anim_pulse; -} -@-moz-keyframes o_anim_shake { - 0%, - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@-webkit-keyframes o_anim_shake { - 0%, - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@keyframes o_anim_shake { - 0%, - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -.o_anim_shake { - -webkit-animation-name: o_anim_shake; - animation-name: o_anim_shake; -} -@-moz-keyframes o_anim_tada { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@-webkit-keyframes o_anim_tada { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -@keyframes o_anim_tada { - 0% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - -moz-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - -o-transform: scale3d(1, 1, 1); - } -} -.o_anim_tada { - -webkit-animation-name: o_anim_tada; - animation-name: o_anim_tada; -} -@-moz-keyframes o_anim_flip_in_x { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 90deg); - -moz-transform: rotate3d(1, 0, 0, 90deg); - -ms-transform: rotate3d(1, 0, 0, 90deg); - -o-transform: rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -20deg); - -moz-transform: rotate3d(1, 0, 0, -20deg); - -ms-transform: rotate3d(1, 0, 0, -20deg); - -o-transform: rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 10deg); - -moz-transform: rotate3d(1, 0, 0, 10deg); - -ms-transform: rotate3d(1, 0, 0, 10deg); - -o-transform: rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -5deg); - -moz-transform: rotate3d(1, 0, 0, -5deg); - -ms-transform: rotate3d(1, 0, 0, -5deg); - -o-transform: rotate3d(1, 0, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -@-webkit-keyframes o_anim_flip_in_x { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 90deg); - -moz-transform: rotate3d(1, 0, 0, 90deg); - -ms-transform: rotate3d(1, 0, 0, 90deg); - -o-transform: rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -20deg); - -moz-transform: rotate3d(1, 0, 0, -20deg); - -ms-transform: rotate3d(1, 0, 0, -20deg); - -o-transform: rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 10deg); - -moz-transform: rotate3d(1, 0, 0, 10deg); - -ms-transform: rotate3d(1, 0, 0, 10deg); - -o-transform: rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -5deg); - -moz-transform: rotate3d(1, 0, 0, -5deg); - -ms-transform: rotate3d(1, 0, 0, -5deg); - -o-transform: rotate3d(1, 0, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -@keyframes o_anim_flip_in_x { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 90deg); - -moz-transform: rotate3d(1, 0, 0, 90deg); - -ms-transform: rotate3d(1, 0, 0, 90deg); - -o-transform: rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -20deg); - -moz-transform: rotate3d(1, 0, 0, -20deg); - -ms-transform: rotate3d(1, 0, 0, -20deg); - -o-transform: rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, 10deg); - -moz-transform: rotate3d(1, 0, 0, 10deg); - -ms-transform: rotate3d(1, 0, 0, 10deg); - -o-transform: rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(1, 0, 0, -5deg); - -moz-transform: rotate3d(1, 0, 0, -5deg); - -ms-transform: rotate3d(1, 0, 0, -5deg); - -o-transform: rotate3d(1, 0, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -.o_anim_flip_in_x { - -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: o_anim_flip_in_x; - animation-name: o_anim_flip_in_x; -} -@-moz-keyframes o_anim_flip_in_y { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 90deg); - -moz-transform: rotate3d(0, 1, 0, 90deg); - -ms-transform: rotate3d(0, 1, 0, 90deg); - -o-transform: rotate3d(0, 1, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -20deg); - -moz-transform: rotate3d(0, 1, 0, -20deg); - -ms-transform: rotate3d(0, 1, 0, -20deg); - -o-transform: rotate3d(0, 1, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 10deg); - -moz-transform: rotate3d(0, 1, 0, 10deg); - -ms-transform: rotate3d(0, 1, 0, 10deg); - -o-transform: rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -5deg); - -moz-transform: rotate3d(0, 1, 0, -5deg); - -ms-transform: rotate3d(0, 1, 0, -5deg); - -o-transform: rotate3d(0, 1, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -@-webkit-keyframes o_anim_flip_in_y { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 90deg); - -moz-transform: rotate3d(0, 1, 0, 90deg); - -ms-transform: rotate3d(0, 1, 0, 90deg); - -o-transform: rotate3d(0, 1, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -20deg); - -moz-transform: rotate3d(0, 1, 0, -20deg); - -ms-transform: rotate3d(0, 1, 0, -20deg); - -o-transform: rotate3d(0, 1, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 10deg); - -moz-transform: rotate3d(0, 1, 0, 10deg); - -ms-transform: rotate3d(0, 1, 0, 10deg); - -o-transform: rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -5deg); - -moz-transform: rotate3d(0, 1, 0, -5deg); - -ms-transform: rotate3d(0, 1, 0, -5deg); - -o-transform: rotate3d(0, 1, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -@keyframes o_anim_flip_in_y { - 0% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 90deg); - -moz-transform: rotate3d(0, 1, 0, 90deg); - -ms-transform: rotate3d(0, 1, 0, 90deg); - -o-transform: rotate3d(0, 1, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - 40% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -20deg); - -moz-transform: rotate3d(0, 1, 0, -20deg); - -ms-transform: rotate3d(0, 1, 0, -20deg); - -o-transform: rotate3d(0, 1, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - 60% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, 10deg); - -moz-transform: rotate3d(0, 1, 0, 10deg); - -ms-transform: rotate3d(0, 1, 0, 10deg); - -o-transform: rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - 80% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - -webkit-transform: rotate3d(0, 1, 0, -5deg); - -moz-transform: rotate3d(0, 1, 0, -5deg); - -ms-transform: rotate3d(0, 1, 0, -5deg); - -o-transform: rotate3d(0, 1, 0, -5deg); - } - 100% { - -webkit-perspective: 400px; - -moz-perspective: 400px; - perspective: 400px; - } -} -.o_anim_flip_in_y { - -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: o_anim_flip_in_y; - animation-name: o_anim_flip_in_y; -} diff --git a/website_animate/static/src/less/o_animate_library.less b/website_animate/static/src/less/o_animate_library.less deleted file mode 100644 index c63e27d98..000000000 --- a/website_animate/static/src/less/o_animate_library.less +++ /dev/null @@ -1,484 +0,0 @@ - -// ========== o_animate Mixins ========== -.o_animate_keyframes(@name; @arguments) { - @-moz-keyframes @name { @arguments(); } - @-webkit-keyframes @name { @arguments(); } - @keyframes @name { @arguments(); } -} - -.o_animate_transform(@string) { - -webkit-transform : @string; - -moz-transform : @string; - -ms-transform : @string; - -o-transform : @string; -} - -// Website Builder preview - -.o_animate_keyframes(o_animate_timeline_duration; { - 0% { - width: 0; - } - 100% { - width: 100%; - } -}); - -.o_animate_keyframes(o_animate_timeline_delay; { - 0% { - width: 0; - } - 100% { - width: 100%; - } -}); - -// ========== Library ========== -// based on animate.css -// https://github.com/daneden/animate.css - -.o_animate_keyframes(o_anim_bounce_in; { - 0%, 20%, 40%, 60%, 80%, 100% { - .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); - } - 0% { - opacity: 0; - .o_animate_transform(scale3d(.3, .3, .3)); - } - 20% { - .o_animate_transform(scale3d(1.1, 1.1, 1.1)); - } - 40% { - .o_animate_transform(scale3d(.9, .9, .9)); - } - 60% { - opacity: 1; - .o_animate_transform(scale3d(1.03, 1.03, 1.03)); - } - 80% { - .o_animate_transform(scale3d(.97, .97, .97)); - } - 100% { - opacity: 1; - .o_animate_transform(scale3d(1, 1, 1)); - } -}); - -.o_anim_bounce_in { - .animation-name(o_anim_bounce_in); - .animation-duration(.75s); -} - -.o_animate_keyframes(o_anim_bounce_in_down; { - 0%, 60%, 75%, 90%, 100% { - .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); - } - 0% { - opacity: 0; - .translate3d(0, -3000px, 0); - } - 60% { - opacity: 1; - .translate3d(0, 25px, 0); - } - 75% { - .translate3d(0, -10px, 0); - } - 90% { - .translate3d(0, 5px, 0); - } - 100% { - .translate3d(0,0,0); - } -}); - -.o_anim_bounce_in_down { - .animation-name(o_anim_bounce_in_down); -} - -.o_animate_keyframes(o_anim_bounce_in_left; { - 0%, 60%, 75%, 90%, 100% { - .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); - } - 0% { - opacity: 0; - .translate3d(-3000px, 0, 0); - } - 60% { - opacity: 1; - .translate3d(25px, 0, 0); - } - 75% { - .translate3d(-10px, 0, 0); - } - 90% { - .translate3d(5px, 0, 0); - } - 100% { - .translate3d(0,0,0); - } -}); - -.o_anim_bounce_in_left { - .animation-name(o_anim_bounce_in_left); -} - -.o_animate_keyframes(o_anim_bounce_in_right; { - 0%, 60%, 75%, 90%, 100% { - .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); - } - 0% { - opacity: 0; - .translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - .translate3d(-25px, 0, 0); - } - 75% { - .translate3d(10px, 0, 0); - } - 90% { - .translate3d(-5px, 0, 0); - } - 100% { - .translate3d(0,0,0); - } -}); - -.o_anim_bounce_in_right { - .animation-name(o_anim_bounce_in_right); -} - -.o_animate_keyframes(o_anim_fade_in; { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -}); - -.o_anim_fade_in { - .animation-name(o_anim_fade_in); -} - -.o_animate_keyframes(o_anim_fade_in_down; { - 0% { - opacity: 0; - .translate3d(0, -100%, 0); - } - 100% { - opacity: 1; - .translate3d(0,0,0); - } -}); - -.o_anim_fade_in_down { - .animation-name(o_anim_fade_in_down); -} - -.o_animate_keyframes(o_anim_fade_in_left; { - 0% { - opacity: 0; - .translate3d(-100%, 0, 0); - } - 100% { - opacity: 1; - .translate3d(0,0,0); - } -}); - -.o_anim_fade_in_left { - .animation-name(o_anim_fade_in_left); -} - -.o_animate_keyframes(o_anim_fade_in_right; { - 0% { - opacity: 0; - .translate3d(100%, 0, 0); - } - 100% { - opacity: 1; - .translate3d(0,0,0); - } -}); - -.o_anim_fade_in_right { - .animation-name(o_anim_fade_in_right); -} - -.o_animate_keyframes(o_anim_fade_in_up; { - 0% { - opacity: 0; - .translate3d(0, 100%, 0); - } - 100% { - opacity: 1; - .translate3d(0,0,0); - } -}); - -.o_anim_fade_in_up { - .animation-name(o_anim_fade_in_up); -} - -.o_animate_keyframes(o_anim_fade_out; { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -}); - -.o_anim_fade_out { - .animation-name(o_anim_fade_out); -} - -.o_animate_keyframes(o_anim_rotate_in; { - 0% { - .transform-origin(center); - .o_animate_transform(rotate3d(0, 0, 1, -200deg)); - opacity: 0; - } - 100% { - .transform-origin(center); - .o_animate_transform(rotate3d(0,0,0,0)); - opacity: 1; - } -}); - -.o_anim_rotate_in { - .animation-name(o_anim_rotate_in); -} - -.o_animate_keyframes(o_anim_rotate_in_down_left; { - 0% { - .transform-origin(left bottom); - .o_animate_transform(rotate3d(0, 0, 1, -45deg)); - opacity: 0; - } - 100% { - .transform-origin(left bottom); - .o_animate_transform(rotate3d(0,0,0,0)); - opacity: 1; - } -}); - -.o_anim_rotate_in_down_left { - .animation-name(o_anim_rotate_in_down_left); -} - -.o_animate_keyframes(o_anim_rotate_in_down_right; { - 0% { - .transform-origin(right bottom); - .o_animate_transform(rotate3d(0, 0, 1, 45deg)); - opacity: 0; - } - 100% { - .transform-origin(right bottom); - .o_animate_transform(rotate3d(0,0,0,0)); - opacity: 1; - } -}); - -.o_anim_rotate_in_down_right { - .animation-name(o_anim_rotate_in_down_right); -} - -.o_animate_keyframes(o_anim_zoom_in; { - 0% { - opacity: 0; - .o_animate_transform(scale3d(.3, .3, .3)); - } - 50% { - opacity: 1; - } -}); - -.o_anim_zoom_in { - .animation-name(o_anim_zoom_in); -} - -.o_animate_keyframes(o_anim_zoom_in_down; { - 0% { - opacity: 0; - .o_animate_transform(scale3d(.1, .1, .1) translate3d(0, -1000px, 0)); - .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); - } - 60% { - opacity: 1; - .o_animate_transform(scale3d(.475, .475, .475) translate3d(0, 60px, 0)); - .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); - } -}); - -.o_anim_zoom_in_down { - .animation-name(o_anim_zoom_in_down); -} - -.o_animate_keyframes(o_anim_zoom_in_left; { - 0% { - opacity: 0; - .o_animate_transform(scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)); - .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); - } - 60% { - opacity: 1; - .o_animate_transform(scale3d(.475, .475, .475) translate3d(10px, 0, 0)); - .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); - } -}); - -.o_anim_zoom_in_left { - .animation-name(o_anim_zoom_in_left); -} - -.o_animate_keyframes(o_anim_zoom_in_right; { - 0% { - opacity: 0; - .o_animate_transform(scale3d(.1, .1, .1) translate3d(1000px, 0, 0)); - .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); - } - 60% { - opacity: 1; - .o_animate_transform(scale3d(.475, .475, .475) translate3d(-10px, 0, 0)); - .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); - } -}); - -.o_anim_zoom_in_right { - .animation-name(o_anim_zoom_in_right); -} - -.o_animate_keyframes(o_anim_flash; { - 0%, 50%, 100% { - opacity: 1; - } - 25%, 75% { - opacity: 0; - } -}); - -.o_anim_flash { - .animation-name(o_anim_flash); -} - -.o_animate_keyframes(o_anim_pulse; { - 0% { - .o_animate_transform(scale3d(1, 1, 1)); - } - 50% { - .o_animate_transform(scale3d(1.05, 1.05, 1.05)); - } - 100% { - .o_animate_transform(scale3d(1, 1, 1)); - } -}); - -.o_anim_pulse { - .animation-name(o_anim_pulse); -} - -.o_animate_keyframes(o_anim_shake; { - 0%, 100% { - .translate3d(0, 0, 0); - } - 10%, 30%, 50%, 70%, 90% { - .translate3d(-10px, 0, 0); - } - 20%, 40%, 60%, 80% { - .translate3d(10px, 0, 0); - } -}); - -.o_anim_shake { - .animation-name(o_anim_shake); -} - -.o_animate_keyframes(o_anim_tada; { - 0% { - .o_animate_transform(scale3d(1, 1, 1)); - } - 10%, 20% { - .o_animate_transform(scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)); - } - 30%, 50%, 70%, 90% { - .o_animate_transform(scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)); - - } - 40%, 60%, 80% { - .o_animate_transform(scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)); - - } - 100% { - .o_animate_transform(scale3d(1, 1, 1)); - } -}); - -.o_anim_tada { - .animation-name(o_anim_tada); -} - -.o_animate_keyframes(o_anim_flip_in_x; { - 0% { - .perspective(400px); - .o_animate_transform(rotate3d(1, 0, 0, 90deg)); - .transition-timing-function(ease-in); - opacity: 0; - } - 40% { - .perspective(400px); - .o_animate_transform(rotate3d(1, 0, 0, -20deg)); - .transition-timing-function(ease-in); - } - 60% { - .perspective(400px); - .o_animate_transform(rotate3d(1, 0, 0, 10deg)); - opacity: 1; - } - 80% { - .perspective(400px); - .o_animate_transform(rotate3d(1, 0, 0, -5deg)); - } - 100% { - .perspective(400px); - } -}); - -.o_anim_flip_in_x { - .backface-visibility(visible); - .animation-name(o_anim_flip_in_x); -} - -.o_animate_keyframes(o_anim_flip_in_y; { - 0% { - .perspective(400px); - .o_animate_transform(rotate3d(0, 1, 0, 90deg)); - .transition-timing-function(ease-in); - opacity: 0; - } - 40% { - .perspective(400px); - .o_animate_transform(rotate3d(0, 1, 0, -20deg)); - .transition-timing-function(ease-in); - } - 60% { - .perspective(400px); - .o_animate_transform(rotate3d(0, 1, 0, 10deg)); - opacity: 1; - } - 80% { - .perspective(400px); - .o_animate_transform(rotate3d(0, 1, 0, -5deg)); - } - 100% { - .perspective(400px); - } -}); - -.o_anim_flip_in_y { - .backface-visibility(visible); - .animation-name(o_anim_flip_in_y); -} \ No newline at end of file diff --git a/website_animate/static/src/less/o_animate_utility_classes.css b/website_animate/static/src/less/o_animate_utility_classes.css deleted file mode 100644 index cc3015562..000000000 --- a/website_animate/static/src/less/o_animate_utility_classes.css +++ /dev/null @@ -1,176 +0,0 @@ -/* - ======================================== - ==== website builder menu integration - ======================================== -*/ -#oe_manipulators .dropdown-menu li.snippet-option-o_animate > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a { - padding-left: 30px; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate > a:before, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before { - content: " "; - display: block; - width: 16px; - height: 17px; - top: 5px; - background-image: url("../images/icon.png"); - background-repeat: no-repeat; - background-size: 100%; - position: absolute; - left: 5px; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a { - color: #555; - background-color: #EFEFEF; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a:after, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a:after, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a:after, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a:after { - font-family: FontAwesome; - content: "\f00c"; - color: #16A085; - float: right; - text-shadow: -1px 0px 0px #ffffff; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > ul, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > ul { - border-top-left-radius: 0; - border-top-right-radius: 0; - padding-top: 0; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline { - display: block; - width: 100%; - height: 5px; - margin-bottom: 5px; - position: relative; - background-color: #f7f7f7; - border-bottom: 1px solid #eaeaea; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline > span, -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline > span { - float: left; - display: inline-block; - position: relative; - height: 5px; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="duration"], -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="duration"] { - position: absolute; - float: left; - left: 0; - height: 100%; - background: #21b799; - width: 0%; - -webkit-animation-name: o_animate_timeline_duration; - animation-name: o_animate_timeline_duration; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="delay"], -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="delay"] { - position: absolute; - float: left; - left: 0; - height: 100%; - background: #a4498c; - width: 0%; - -webkit-animation-name: o_animate_timeline_delay; - animation-name: o_animate_timeline_delay; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before { - background-image: url("../images/time.png"); -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before { - background-image: url("../images/delay.png"); -} -#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before { - background-image: url("../images/opt.png"); -} -/* - ===================================== - ======== Utility classes - ===================================== -*/ -.o_animate { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; - text-rendering: geometricPrecision; - visibility: hidden; -} -.o_animate_preview { - visibility: visible; -} -/* - ===================================== - ======== Durations - ===================================== -*/ -.o_anim_dur500 { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; -} -.o_anim_dur1500 { - -webkit-animation-duration: 1500ms; - animation-duration: 1500ms; -} -.o_anim_dur2000 { - -webkit-animation-duration: 2000ms; - animation-duration: 2000ms; -} -.o_anim_dur2500 { - -webkit-animation-duration: 2500ms; - animation-duration: 2500ms; -} -.o_anim_dur3000 { - -webkit-animation-duration: 3000ms; - animation-duration: 3000ms; -} -/* - ===================================== - ======== Delays - ===================================== -*/ -.o_anim_del500 { - -webkit-animation-delay: 500ms; - animation-delay: 500ms; -} -.o_anim_del1000 { - -webkit-animation-delay: 1000ms; - animation-delay: 1000ms; -} -.o_anim_del1500 { - -webkit-animation-delay: 1500ms; - animation-delay: 1500ms; -} -.o_anim_del2000 { - -webkit-animation-delay: 2000ms; - animation-delay: 2000ms; -} -.o_anim_del2500 { - -webkit-animation-delay: 2500ms; - animation-delay: 2500ms; -} diff --git a/website_animate/static/src/less/o_animate_utility_classes.less b/website_animate/static/src/less/o_animate_utility_classes.less deleted file mode 100644 index 694034173..000000000 --- a/website_animate/static/src/less/o_animate_utility_classes.less +++ /dev/null @@ -1,199 +0,0 @@ -/* - ======================================== - ==== website builder menu integration - ======================================== -*/ - -// variables -@o_animate-timeline-bg-color : #F7F7F7; -@o_animate-timeline-border-bottom : 1px solid #EAEAEA; -@o_animate-timeline-height : 5px; - -@o_animate-timeline-duration-color : #21b799; -@o_animate-timeline-delay-color : #A4498C; - -// default style -#oe_manipulators .dropdown-menu { - li.snippet-option-o_animate, - li.snippet-option-o_animate_duration, - li.snippet-option-o_animate_delay, - li.snippet-option-o_animate_options{ - > a { - padding-left: 30px; - &:before { - content:" "; - display: block; - width: 16px; - height: 17px; - top: 5px; - background-image: url("../images/icon.png"); - background-repeat: no-repeat; - background-size: 100%; - position: absolute; - left: 5px; - } - } - - li.active { - > a{ - color: #555; - background-color: #EFEFEF; - } - > a:after { - font-family: FontAwesome; - content: "\f00c"; - color: #16A085; - float: right; - text-shadow: -1px 0px 0px #FFF; - } - } - } - - li.snippet-option-o_animate_duration, - li.snippet-option-o_animate_delay, { - > ul { - border-top-left-radius: 0; - border-top-right-radius: 0; - padding-top: 0; - } - span.timeline{ - display: block; - width: 100%; - height: @o_animate-timeline-height; - margin-bottom: 5px; - position: relative; - background-color: @o_animate-timeline-bg-color; - border-bottom: @o_animate-timeline-border-bottom; - > span { - float: left; - display: inline-block; - position: relative; - height: @o_animate-timeline-height; - } - span[simulate="duration"]{ - position: absolute; - float: left; - left: 0; - height: 100%; - background: @o_animate-timeline-duration-color; - width: 0%; - .animation-name(o_animate_timeline_duration); - .animation-timing-function(linear); - .animation-fill-mode(forwards); - } - span[simulate="delay"]{ - position: absolute; - float: left; - left: 0; - height: 100%; - background: @o_animate-timeline-delay-color; - width: 0%; - .animation-name(o_animate_timeline_delay); - .animation-timing-function(linear); - .animation-fill-mode(forwards); - } - } - } - - // li.snippet-option-o_animate_delay, { - // span.timeline{ - // height: @o_animate-timeline-delay-height; - // background-color: @o_animate-timeline-delay-bg-color; - // border-bottom: @o_animate-timeline-delay-border-bottom; - // span{ - // background: @o_animate-timeline-delay-span-color; - // } - // } - // } - - li.snippet-option-o_animate_duration > a:before{ - background-image: url("../images/time.png"); - } - li.snippet-option-o_animate_delay > a:before{ - background-image: url("../images/delay.png"); - } - li.snippet-option-o_animate_options > a:before{ - background-image: url("../images/opt.png"); - } -} - -/* - ===================================== - ======== Utility classes - ===================================== -*/ - -.o_animate { - .animation-duration(1s); - .animation-fill-mode(both); - - // force GPU acceleration - .translate3d(0,0,0); - - // avoid flickering - .backface-visibility(hidden); - - // take care of animated titles - text-rendering: geometricPrecision; - - visibility: hidden; -} - -.o_animate_preview { - visibility: visible; -} - -/* - ===================================== - ======== Durations - ===================================== -*/ - -.o_anim_dur500{ - .animation-duration(500ms); -} - -// DEFAULT 1000ms; - -.o_anim_dur1500{ - .animation-duration(1500ms); -} - -.o_anim_dur2000{ - .animation-duration(2000ms); -} - -.o_anim_dur2500{ - .animation-duration(2500ms); -} - -.o_anim_dur3000{ - .animation-duration(3000ms); -} - -/* - ===================================== - ======== Delays - ===================================== -*/ - -.o_anim_del500{ - .animation-delay(500ms); -} - -.o_anim_del1000{ - .animation-delay(1000ms); -} - -.o_anim_del1500{ - .animation-delay(1500ms); -} - -.o_anim_del2000{ - .animation-delay(2000ms); -} - -.o_anim_del2500{ - .animation-delay(2500ms); -} - diff --git a/website_animate/views/assets.xml b/website_animate/views/assets.xml deleted file mode 100644 index d14cd1a39..000000000 --- a/website_animate/views/assets.xml +++ /dev/null @@ -1,24 +0,0 @@ - - -