wip #1634 @1

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 517c308b8d53055b3b209d5351b862cf8d4934ba..ed855d83e58b190c569c41ad44c32ff896a291cb 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -346,7 +346,63 @@ body, html {
        pointer-events: none;
        mix-blend-mode: multiply;
 
-#shadow > div {
+       > .shadow {
+               position: absolute;
+               left: 0;
+               opacity: @shadow-opacity;
+
+               &.bottom {
+                       bottom: -@shadow-height+@shadow-offset;
+                       background-size: 100% @shadow-height;
+                       height: @shadow-height;
+
+                       &.left {
+                               left: -12px;
+                               width: @shadow-width-left;
+                               background-image: url("../images/shadows/back/bottom-left.png");
+                       }
+
+                       &.right {
+                               display: none;
+                               background-image: url("../images/shadows/back/bottom-right.png");
+                               width: @shadow-width-right;
+
+                               .landscape & {
+                                       left: @book-page-width;
+                               }
+                       }
+               }
+
+               &.side {
+
+                       top: 0;
+                       width: 35px;
+                       height: unit(@book-page-height, px);
+                       background-size: 100% 100%;
+
+                       &.right {
+                               left: unit(@book-page-width*2, px);
+                               background-image: url("../images/shadows/back/right.png");
+
+                               .portrait & {
+                                       display: block !important;
+                                       left: unit(@book-page-width - 6, px);
+                               }
+                       }
+
+                       &.left {
+                               background-image: url("../images/shadows/back/left.png");
+                               left: -35px;
+                               .portrait & {
+                                       left: -29px;
+                               }
+                       }
+
+               }
+       }
+}
+
+#edges {
        position: absolute;
        top: 0px;
        left: 0px;
@@ -354,6 +410,10 @@ body, html {
        height: unit(@book-page-height, px);
        pointer-events: none;
 
+       .portrait & {
+               display: none;
+       }
+
        @edge-scale: 1;
 
        > .edge {
@@ -2145,5 +2205,4 @@ body > input {
        src: url("fonts/OpenSans-Semibold.woff2") format("woff2"), url("fonts/OpenSans-Semibold.woff") format("woff");
        font-weight: 600;
        font-style: normal;
-}
-
+}
\ No newline at end of file