Bug 22638: (follow-up) Convert SCI CSS to SCSS

[koha-ffzg.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..8d6b967 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;
@@ -482,14 +407,6 @@ th {
     }
 }
 
-#koha_url {
-    p {
-        color: #666666;
-        float: right;
-        margin: 0;
-    }
-}
-
 #moresearches {
     margin: .5em 0;
     padding: 0 .8em;
@@ -772,90 +689,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;
 }
@@ -1519,7 +1352,7 @@ div {
 
 #selections-toolbar,
 .selections-toolbar {
-    background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
+    background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
     margin: 0 0 1em;
     padding-left: 10px;
     padding-top: .5em;
@@ -2886,43 +2719,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 {