From 626106351eac7cdb35ee54e53f67b3c68e6cc79a Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 5 May 2017 15:32:34 +0200
Subject: [PATCH] fix #1396 @0:10

---
 style/fluidbook.css  | 20 +++-----------------
 style/fluidbook.less | 26 +++++---------------------
 2 files changed, 8 insertions(+), 38 deletions(-)

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 34abb6b0..22e04de3 100644
--- 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 304bb861..19a0b046 100644
--- 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;
+				}
 			}
 
 		}
-- 
2.39.5