wip #1904 @0:30

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 036cf3c0df6a9ea4f0c4b7894ea9b74661f0d5dd..2edb2f0be6afa15aeb8588e1e09c374b3bafc20e 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -911,10 +911,6 @@ html.ios body.portrait #interface {
        }
 }
 
-#links .bookmark {
-       z-index: 3;
-}
-
 #links .nonlinkarea {
        width: 100%;
        height: 100%;
@@ -926,12 +922,50 @@ html.ios body.portrait #interface {
 }
 
 /* Bookmarks */
+.bookmark {
+       #links & {
+               z-index: 3;
+               width: @bookmark-corner-size;
+               height: @bookmark-corner-size;
+               background-size: @bookmark-corner-size @bookmark-corner-size;
+
+               &.left {
+                       left: @bookmark-corner-offset;
+                       .portrait #fluidbook & {
+                               right: @bookmark-corner-offset+@book-page-width;
+                               left: auto;
+                       }
+               }
+
+               &.right {
+                       right: @bookmark-corner-offset;
+               }
+       }
+       background-repeat: no-repeat;
+       position: absolute;
+       background-size: cover;
+       top: 0px;
+       opacity: 0.01;
+       display: block;
+       cursor: pointer;
+       &[data-enabled], &:hover {
+               opacity: 1 !important;
+               -moz-transition: none;
+               -webkit-transition: none;
+               -o-transition: none;
+               -ms-transition: none;
+               transition: none;
+       }
+}
+
 .bookmark.left {
+       left: 0;
        background-image: url("../data/images/bookmark-left-off.svg");
 }
 
 .bookmark.right,
 .portrait #fluidbook .bookmark.left {
+       right: 0;
        background-image: url("../data/images/bookmark-right-off.svg");
 }
 
@@ -952,24 +986,6 @@ html.ios body.portrait #interface {
 //     transition: opacity 1s ease-in;
 //}
 
-.bookmark {
-       background-repeat: no-repeat;
-       background-size: cover;
-       position: absolute;
-       top: 0px;
-       opacity: 0.01;
-       display: block;
-       cursor: pointer;
-       &[data-enabled], &:hover {
-               opacity: 1 !important;
-               -moz-transition: none;
-               -webkit-transition: none;
-               -o-transition: none;
-               -ms-transition: none;
-               transition: none;
-       }
-}
-
 .landscape .bookmark.left {
        left: 0px;
 }