1 files changed, 111 insertions, 0 deletions

diff --git a/frontend/delta/less/web/behavior.less b/frontend/delta/less/web/behavior.less
new file mode 100644
index 0000000..f9d0a3c
--- a/dev/null
+++ b/frontend/delta/less/web/behavior.less
@@ -0,0 +1,111 @@
+        //https://github.com/h5bp/Effeckt.css
+
+
+.slide () {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+
+        &.left {
+                -webkit-transform: translate3d(-100%, 0, 0);
+                transform: translate3d(-100%, 0, 0);
+        }
+
+        &.center {
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+        }
+
+        &.right {
+                -webkit-transform: translate3d(100%, 0, 0);
+                transform: translate3d(100%, 0, 0);
+                visibility: hidden;
+                display: none;
+                
+                &.transition {
+                        visibility: visible;
+                        display: block;
+                }
+         }
+
+        &.transition {
+                -webkit-transition-duration: .25s;
+                transition-duration: .25s;
+        }
+}
+
+        //http://coenraets.org/blog/2013/03/hardware-accelerated-page-transitions-for-mobile-web-apps-phonegap-apps/
+.page {
+        position: absolute;
+
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+
+        .slide();
+}
+
+/*
+.registrationForm {
+        .steps {
+                .step {
+                        position: absolute;
+
+        //              top: 0;
+        //              left: 0;
+        //              width: 100%;
+        //              height: 100%;
+
+                        .slide();
+                }
+        }
+}
+*/
+
+//----------------------------------------------------------------------
+        //tentative 3D transformations
+/*
+.page {
+        transform: rotateY(   0deg) translateZ( 100px);
+
+        &.left {
+                transform: rotateY( -90deg) translateZ( 100px);
+        }
+
+        &.center {
+                transform: rotateY(   0deg) translateZ( 100px);
+        }
+
+        &.right {
+                transform: rotateY(  90deg) translateZ( 100px);
+         }
+}
+
+#mainDiv {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        transform-style: preserve-3d;
+
+        transition: transform 3s;
+
+        &.show-front  { transform: translateZ( -100px ) rotateY(    0deg ); }
+        &.show-back   { transform: translateZ( -100px ) rotateX( -180deg ); }
+        &.show-right  { transform: translateZ( -100px ) rotateY(  -90deg ); }
+        &.show-left   { transform: translateZ( -100px ) rotateY(   90deg ); }
+        &.show-top    { transform: translateZ( -100px ) rotateX(  -90deg ); }
+        &.show-bottom { transform: translateZ( -100px ) rotateX(   90deg ); }
+}
+*/
+//=======================================================================
+
+
+//=======================================================================
+
+
+
+
+
+
+
+//========================================================