fix #1396 @0:10

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 34abb6b069fd3e5249611f865c52aad5aa248086..22e04de313a0ffb8c5a74b80d1203c72f9419050 100644 (file)
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -666,20 +666,6 @@ header.hidden,
 .portrait #fluidbook .bookmark.left[data-enabled] {
   background-image: url("../data/images/bookmark-right-on.svg");
 }
-.no-svg .bookmark.left {
-  background-image: url("../data/images/bookmark-left-off.png");
-}
-.no-svg .bookmark.right,
-.no-svg .portrait #fluidbook .bookmark.left {
-  background-image: url("../data/images/bookmark-right-off.png");
-}
-.no-svg .bookmark.left[data-enabled] {
-  background-image: url("../data/images/bookmark-left-on.png");
-}
-.no-svg .bookmark.right[data-enabled],
-.no-svg .portrait #fluidbook .bookmark.left[data-enabled] {
-  background-image: url("../data/images/bookmark-right-on.png");
-}
 .bookmark {
   background-repeat: no-repeat;
   background-size: cover;
@@ -689,8 +675,8 @@ header.hidden,
   display: block;
   cursor: pointer;
 }
-.bookmark [data-enabled],
-.bookmark :hover {
+.bookmark[data-enabled],
+.bookmark:hover {
   opacity: 1 !important;
   -moz-transition: none;
   -webkit-transition: none;
@@ -783,7 +769,7 @@ header.hidden,
 .mview .caption a.print {
   background-image: url("../data/images/interface-print.svg");
 }
-.mview .caption a.miniOnPortrait {
+.portrait .mview .caption a.miniOnPortrait {
   background-position: 50% 50%;
   padding: 0 15px;
 }

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 304bb861113d678fe6ac4e1924677fcc229fc718..19a0b04604ba275d6754a685f960f0e531177620 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -766,24 +766,6 @@ footer.hidden, header.hidden, #interface.hidden {
        background-image: url("../data/images/bookmark-right-on.svg");
 }
 
-.no-svg .bookmark.left {
-       background-image: url("../data/images/bookmark-left-off.png");
-}
-
-.no-svg .bookmark.right,
-.no-svg .portrait #fluidbook .bookmark.left {
-       background-image: url("../data/images/bookmark-right-off.png");
-}
-
-.no-svg .bookmark.left[data-enabled] {
-       background-image: url("../data/images/bookmark-left-on.png");
-}
-
-.no-svg .bookmark.right[data-enabled],
-.no-svg .portrait #fluidbook .bookmark.left[data-enabled] {
-       background-image: url("../data/images/bookmark-right-on.png");
-}
-
 //.bookmark.animating {
 //     -moz-transition: opacity 1s ease-in;
 //     -webkit-transition: opacity 1s ease-in;
@@ -800,7 +782,7 @@ footer.hidden, header.hidden, #interface.hidden {
        opacity: 0.01;
        display: block;
        cursor: pointer;
-       [data-enabled], :hover {
+       &[data-enabled], &:hover {
                opacity: 1 !important;
                -moz-transition: none;
                -webkit-transition: none;
@@ -904,8 +886,10 @@ footer.hidden, header.hidden, #interface.hidden {
                                background-image: url("../data/images/interface-print.svg");
                        }
                        &.miniOnPortrait {
-                               background-position: 50% 50%;
-                               padding: 0 15px;
+                               .portrait & {
+                                       background-position: 50% 50%;
+                                       padding: 0 15px;
+                               }
                        }
 
                }