done #1372 @1

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 38adde7e0f419a518e7ef8ac6f1eadd0377efe2d..7c016e3ea43b04a328cbcb76f20a7e9ce0ebfd13 100644 (file)
--- 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 9abfe1f4db9304de5142079f8839ba06e711faff..3c304d93356b0a8297b02d7c50e7afaf7a74cb0a 100644 (file)
--- 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 {