Bug 5287: Add floating toolbar to search results in OPAC

[koha-equinox.git] / koha-tmpl / opac-tmpl / bootstrap / css / src / opac.scss

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index b0f99c9..1e389c2 100644 (file)
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -1,60 +1,9 @@
 @import "mixins";
-
-@font-face {
-    font-family: 'NotoSans';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Noto Sans Regular'),
-        url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'),
-        url('fonts/NotoSans-Regular-webfont.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'NotoSans';
-    font-style: bold;
-    font-weight: 700;
-    src: local('Noto Sans Bold'),
-        url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'),
-        url('fonts/NotoSans-Bold-webfont.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'NotoSans';
-    font-style: italic;
-    font-weight: 400;
-    src: local('Noto Sans Italic'),
-        url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'),
-        url('fonts/NotoSans-Italic-webfont.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'NotoSans';
-    font-style: italic;
-    font-weight: 700;
-    src: local('Noto Sans Bold Italic'),
-        url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
-        url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff');
-}
+@import "fonts";
+@import "common";
 
 $footer-height: 45px;
 
-body {
-    background: #FCF9FC none;
-    font-family: sans-serif;
-    font-size: 16px;
-}
-
-.fonts-loaded body {
-    font-family: 'NotoSans';
-}
-
-/* Sticky footer styles */
-html,
-body {
-    height: 100%;
-    /* The html and body elements cannot have any padding or margin. */
-}
-
 .no-js {
     .dateformat {
         display: inline;
@@ -76,35 +25,11 @@ body {
     }
 }
 
-/* Wrapper for page content to push down footer */
-#wrap {
-    height: auto !important;
-    height: 100%;
-    min-height: 100%;
-    padding-left: 40px;
-    padding-right: 40px;
-    /* Negative indent footer by its height */
-    margin: 0 auto -#{$footer-height + 1};
-}
-
 .fa.fa-icon-black,
 .fa.fa-icon-white {
     color: #000;
 }
 
-#changelanguage {
-    clear: both;
-    /* Set the fixed height of the footer here */
-    min-height: $footer-height;
-    .nav {
-        > .active {
-            > p {
-                padding: 0 15px;
-            }
-        }
-    }
-}
-
 .popup {
     padding-left: 0;
     padding-right: 0;
@@ -185,6 +110,10 @@ a {
         text-decoration: none;
     }
 
+    &.OpenURL img {
+        vertical-align: middle;
+    }
+
     &.addtocart {
         @extend %initial_icon;
         background-position: -5px -262px; /* Cart */
@@ -404,6 +333,12 @@ td {
     background-color: #FFF;
 }
 
+tr {
+    &.outstanding {
+        font-style: italic;
+    }
+}
+
 td {
     img {
         max-width: none;
@@ -413,7 +348,7 @@ td {
         color: #CC3333;
     }
 
-    .sum {
+    &.sum {
         background-color: #FFFFE5;
         font-weight: bold;
     }
@@ -482,14 +417,6 @@ th {
     }
 }
 
-#koha_url {
-    p {
-        color: #666666;
-        float: right;
-        margin: 0;
-    }
-}
-
 #moresearches {
     margin: .5em 0;
     padding: 0 .8em;
@@ -772,90 +699,6 @@ input[type="text"]:focus {
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
  }
 
- .navbar {
-    .divider-vertical {
-        border-left-color: #fcf9fc;
-        border-right-color: #fcf9fc;
-    }
-    .nav li.dropdown > a {
-        &:focus .caret {
-        border-top-color: #85ca11;
-        border-bottom-color: #85ca11;
-        }
-        &:hover .caret {
-        border-top-color: #85ca11;
-        border-bottom-color: #85ca11;
-        }
-    }
-}
-
-.navbar-inverse {
-    .brand {
-        color: #9FE1FF;
-        font-weight: bold;
-    }
-
-    .navbar-inner {
-        background: #fcf9fc none;
-        border-color: #fcf9fc;
-        box-shadow: none;
-    }
-
-    .nav {
-        > li {
-            > a {
-                color: #727272;
-                font-weight: bold;
-                text-shadow: none;
-                &:hover {
-                    color: #85ca11;
-                }
-                &:focus {
-                    color: #85ca11;
-                }
-            }
-        }
-        li.dropdown {
-        > a {
-            &:hover .caret {
-                border-top-color: #85ca11;
-                border-bottom-color: #85ca11;
-            }
-            &:focus .caret {
-                border-top-color: #85ca11;
-                border-bottom-color: #85ca11;
-            }
-        }
-        &.open > .dropdown-toggle {
-            background-color: transparent;
-            color: #85ca11;
-            .caret {
-                border-top-color: #85ca11;
-                border-bottom-color: #85ca11;
-                &:hover {
-                border-top-color: #85ca11;
-                border-bottom-color: #85ca11;
-                }
-            }
-        }
-        }
-    }
-}
-
-.navbar-inner {
-    background: #fcf9fc none;
-}
-
-.navbar-fixed-bottom {
-    &.navbar-static-bottom {
-        position: static;
-    }
-    .navbar-inner {
-        box-shadow: none;
-        min-height: $footer-height;
-    }
-}
-
 [class^="icon-"] {
     vertical-align: 0;
 }
@@ -879,6 +722,7 @@ input[type="text"]:focus {
 #toolbar.toolbar {
     background-color: #f0f3f3;
     border: 1px solid #f0f3f3;
+
     &.clearfix {
         background-color: #f0f3f3;
     }
@@ -1519,8 +1363,8 @@ div {
 
 #selections-toolbar,
 .selections-toolbar {
-    background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
-    margin: 0 0 1em;
+    background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
+    margin: 0;
     padding-left: 10px;
     padding-top: .5em;
 }
@@ -1701,6 +1545,21 @@ div {
 }
 
 /* pagination */
+
+.pagination {
+    display: inline-block;
+    margin: 10px 0 0 10px;
+}
+
+.pagination {
+    li {
+        &.page-first,
+        &.page-last {
+            display: none;
+        }
+    }
+}
+
 .results-pagination {
     background-color: #F3F3F3;
     display: none;
@@ -2462,6 +2321,11 @@ input {
             background-color: rgba( 239, 254, 213, .4 );
         }
     }
+
+    .commenter {
+        color: #666;
+        font-size: 85%;
+    }
 }
 
 .commentline .avatar {
@@ -2886,43 +2750,6 @@ button.closebtn {
     float: right;
 }
 
-#i18nMenu {
-    margin-left: 1em;
-
-    li {
-        font-size: 85%;
-
-        li {
-            font-size: 100%;
-
-            > a {
-                font-size: 100%;
-            }
-
-            &:hover {
-                color: #FFF;
-            }
-        }
-
-        a {
-            color: $links;
-        }
-    }
-
-    .dropdown-menu {
-        li {
-            p {
-                clear: both;
-                display: block;
-                font-weight: normal;
-                line-height: 20px;
-                padding: 3px 20px;
-                white-space: nowrap;
-            }
-        }
-    }
-}
-
 #subjectsList,
 #authorSearch {
     label {