wait #5258 @0.25

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index b44d4e543add13213e6aa7cbd1135f6e7847a632..f26c7a1396a773b9fe18e0c4650f2af339ca09cd 100644 (file)
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -149,6 +149,9 @@ Fluidbook.prototype = {
         } else {
             $("body").addClass('desktop');
         }
+        if(this.settings.correctCenter){
+            $('body').addClass('correct-center');
+        }
         if (this.pad.enabled) {
             $("body").addClass('pad');
         }

diff --git a/style/fluidbook.less b/style/fluidbook.less
index fadd996eee0859084123af0ca71e04530cd1b7b0..4e6df045151d7f992c2ea9c3fd7f25b70a09788b 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -513,6 +513,18 @@ body, html {
   pointer-events: none;
 }
 
+.correct-center.landscape {
+  #flip3dcontainer {
+    margin-left: -0.5px;
+  }
+
+  #currentDoublePage, #nextDoublePage {
+    .page.right {
+      left: ~"calc(50% - 1px)";
+    }
+  }
+}
+
 .landscape .page.right {
   left: 50%;
 }
@@ -623,6 +635,7 @@ body, html {
 }
 
 /* Search */
+
 #searchHighlights {
   position: absolute;
   top: 0px;
@@ -666,6 +679,7 @@ body, html {
 
 @shadow-height: 120px;
 @shadow-offset: 0px;
+
 #shadow {
   @shadow-width-left: @book-page-width+12;
   @shadow-width-right: @book-page-width+12;
@@ -743,6 +757,7 @@ body, html {
 @import "edges";
 
 /* Locale Flag icon */
+
 .locale-flag {
   display: inline-block;
   width: 22px;
@@ -838,6 +853,7 @@ body, html {
 }
 
 /* Fluidbook */
+
 #fluidbook {
   position: absolute;
   z-index: 11;
@@ -888,6 +904,7 @@ body, html {
 @import "interface";
 
 /* Header */
+
 header {
   position: relative;
   z-index: 13;
@@ -1059,6 +1076,7 @@ footer {
 
 
 /* Cart */
+
 .icon-cart {
   position: relative;
 
@@ -1327,6 +1345,7 @@ html.ios body.portrait #interface {
 }
 
 /* Links */
+
 #links {
   position: absolute;
   top: 0px;
@@ -1536,6 +1555,7 @@ html.ios body.portrait #interface {
 }
 
 @links-area-color: fadeout(@links-color, 70%);
+
 .link a {
   width: 100%;
   height: 100%;
@@ -1585,6 +1605,7 @@ html.ios body.portrait #interface {
 @menu-padding: 30px;
 
 /* View */
+
 #viewOverlay {
   position: absolute;
   top: 0;
@@ -1948,6 +1969,7 @@ form input[type="text"], form input[type="email"] {
   #bookmarkDisplayOptions {
     padding-left: 30px;
     text-align: left;
+
     .radio-option {
       display: inline-block;
       margin-right: 20px;
@@ -1957,7 +1979,6 @@ form input[type="text"], form input[type="email"] {
   .indexViewHolder {
 
 
-
     margin: auto;
     text-align: left;
 
@@ -2192,6 +2213,7 @@ ul.chapters.shareList a.level0 .svg-icon {
 @import "help";
 
 /* Archives */
+
 #archivesview {
   position: relative;
 
@@ -2344,6 +2366,7 @@ ul.chapters.shareList a.level0 .svg-icon {
 @import "chapters";
 
 /* ipad mag */
+
 .pad #pagesnumbers,
 .pad footer {
   display: none;
@@ -2423,11 +2446,13 @@ ul.chapters.shareList a.level0 .svg-icon {
 }
 
 /* 2D */
+
 .doublePage._2d.sliding {
   transition: none;
 }
 
 /* 3D Flip */
+
 #flip3dcontainer {
   height: 100%;
   position: absolute;
@@ -2449,6 +2474,7 @@ ul.chapters.shareList a.level0 .svg-icon {
 }
 
 /* 3D */
+
 #pages._3dtransition {
   -moz-perspective-origin: 50% 75%;
   -webkit-perspective-origin: 50% 75%;