wait #1466 @0.15

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 574fbf4dbb95fa0d8e581c7566e0a98d64418bd2..721a974a0d4eda453b7fdfb725f7b786a7617ad3 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -356,7 +356,7 @@ body, html {
                        background-size: 100% @shadow-height;
                        height: @shadow-height;
 
-                       .portrait &{
+                       .portrait & {
                                opacity: @shadow-opacity/2;
                        }
 
@@ -412,7 +412,7 @@ body, html {
        height: unit(@book-page-height, px);
        pointer-events: none;
 
-       .portrait &{
+       .portrait & {
                width: unit(@book-page-width, px);
        }
 
@@ -871,7 +871,7 @@ footer a {
 
 /* Fluidbook zooming */
 
-footer, header, #interface, #shadow {
+footer, header, #interface {
        -moz-transition: opacity 400ms ease-in, visibility 400ms ease-in;
        -webkit-transition: opacity 400ms ease-in, visibility 400ms ease-in;
        -o-transition: opacity 400ms ease-in, visibility 400ms ease-in;
@@ -884,6 +884,23 @@ footer, header, #interface, #shadow {
        }
 }
 
+#shadow {
+       -moz-transition: -moz-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+       -webkit-transition: -webkit-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+       -o-transition: -o-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+       -ms-transition: -ms-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+       transition: transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+
+       &.animate {
+               -moz-transition: all @zoomtransition ease-out;
+               -webkit-transition: all @zoomtransition ease-out;
+               -ms-transition: all @zoomtransition ease-out;
+               -o-transition: all @zoomtransition ease-out;
+               transition: all @zoomtransition ease-out;
+       }
+
+}
+
 a.bookmark {
        &.hidden {
                visibility: hidden;