From 2b1b700281b88bc3ae6d2c518e5775f700e67723 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 26 Apr 2017 18:20:25 +0200
Subject: [PATCH] done #1372 @1

---
 style/fluidbook.css  |   9 ++-
 style/fluidbook.less | 162 +++++++++++++++++++++----------------------
 2 files changed, 82 insertions(+), 89 deletions(-)

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 38adde7e..7c016e3e 100644
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -721,6 +721,7 @@ header.hidden,
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15);
   background-repeat: no-repeat;
   background-size: 100% 100%;
+  top: 0;
 }
 .mview.animate {
   -moz-transition: -moz-transform 600ms ease-out, transform 600ms ease-out;
@@ -768,6 +769,8 @@ header.hidden,
   background-repeat: no-repeat;
   background-position: 10px 4px;
   border-radius: 5px;
+  padding: 0 13px 0 33px;
+  background-size: auto 17px;
 }
 .mview .caption a.back {
   position: absolute;
@@ -783,11 +786,7 @@ header.hidden,
 .mview .caption a.print {
   background-image: url("../data/images/interface-print.svg");
 }
-.mview .caption a {
-  padding: 0 13px 0 33px;
-  background-size: auto 17px;
-}
-.portrait .mview .caption a.miniOnPortrait {
+.mview .caption a.miniOnPortrait {
   background-position: 50% 50%;
   padding: 0 15px;
 }
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 9abfe1f4..3c304d93 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -833,96 +833,90 @@ footer.hidden, header.hidden, #interface.hidden {
 	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15);
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
-}
-
-.mview.animate {
-	-moz-transition: -moz-transform 600ms ease-out, transform 600ms ease-out;
-	-webkit-transition: -webkit-transform 600ms ease-out;
-	-o-transition: -o-transform 600ms ease-out, transform 600ms ease-out;
-	-ms-transition: -ms-transform 600ms ease-out, transform 600ms ease-out;
-	transition: transform 600ms ease-out;
-}
-
-.mview .caption {
-	padding: 9px 12px;
-	height: 44px;
-	position: absolute;
-	z-index: 1;
-}
-
-.mview .caption h2 {
-	font-size: 20px;
-	line-height: 22px;
-	text-align: center;
-	font-weight: 600;
-	margin: 0 auto;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.mview .caption .fonctions {
-	position: absolute;
-	top: 9px;
-	right: 12px;
-}
-
-.mview .caption .fonctions a {
-	float: right;
-	margin: 0 0 0 10px;
-}
-
-.mview .caption a {
-	height: 27px;
-	font-weight: 600;
-	font-size: 14px;
-	line-height: 25px;
-	display: block;
-
-	box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
-	-moz-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
-	-webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
-	-ms-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
-	-o-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
-
-	background-repeat: no-repeat;
-	background-position: 10px 4px;
-
-	border-radius: 5px;
-}
-
-.mview .caption a.back {
-	position: absolute;
-	top: 9px;
-	left: 12px;
+	top: 0;
 
-	background-image: url("../data/images/interface-back-arrow.svg");
-	background-size: auto 17px;
-	padding: 0 13px 0 27px;
-}
+	&.animate {
+		-moz-transition: -moz-transform 600ms ease-out, transform 600ms ease-out;
+		-webkit-transition: -webkit-transform 600ms ease-out;
+		-o-transition: -o-transform 600ms ease-out, transform 600ms ease-out;
+		-ms-transition: -ms-transform 600ms ease-out, transform 600ms ease-out;
+		transition: transform 600ms ease-out;
+	}
+	.caption {
+		padding: 9px 12px;
+		height: 44px;
+		position: absolute;
+		z-index: 1;
+		h2 {
+			font-size: 20px;
+			line-height: 22px;
+			text-align: center;
+			font-weight: 600;
+			margin: 0 auto;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
 
-.mview .caption a.send {
-	background-image: url("../data/images/share-email.svg");
-}
+		.fonctions {
+			position: absolute;
+			top: 9px;
+			right: 12px;
+			a {
+				float: right;
+				margin: 0 0 0 10px;
+			}
+		}
 
-.mview .caption a.print {
-	background-image: url("../data/images/interface-print.svg");
-}
+		a {
+			height: 27px;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 25px;
+			display: block;
+
+			box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
+			-moz-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
+			-webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
+			-ms-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
+			-o-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3);
+
+			background-repeat: no-repeat;
+			background-position: 10px 4px;
+
+			border-radius: 5px;
+
+			padding: 0 13px 0 33px;
+			background-size: auto 17px;
+			&.back {
+				position: absolute;
+				top: 9px;
+				left: 12px;
+
+				background-image: url("../data/images/interface-back-arrow.svg");
+				background-size: auto 17px;
+				padding: 0 13px 0 27px;
+			}
+			&.send {
+				background-image: url("../data/images/share-email.svg");
+			}
+			&.print {
+				background-image: url("../data/images/interface-print.svg");
+			}
+			&.miniOnPortrait {
+				background-position: 50% 50%;
+				padding: 0 15px;
+			}
 
-.mview .caption a {
-	padding: 0 13px 0 33px;
-	background-size: auto 17px;
-}
+		}
 
-.portrait .mview .caption a.miniOnPortrait {
-	background-position: 50% 50%;
-	padding: 0 15px;
-}
+	}
 
-.mview .content {
-	text-align: center;
-	position: absolute;
-	top: 44px;
+	.content {
+		text-align: center;
+		position: absolute;
+		top: 44px;
+	}
 }
 
 #indexView {
-- 
2.39.5