From 69175f7a9a36edaf2d5eaa5cf6ee4be6df0d7d30 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Mon, 8 Apr 2019 20:36:52 +0000
Subject: [PATCH] Bug 15326: (follow-up) Remove obsolete LESS file, add TT
 filters

Previous versions of this patch set adds a LESS file to the OPAC, which
is now obsolete. It should be removed.

In addition, the change made to opac.less contained CSS which didn't
apply to any existing markup, so it need not be added to opac.scss.

The patch also adds missing Template Toolkit filters to template files.

None of these changes should be visible in testing. OPAC CMS pages
should function as usual.
---
 .../opac-tmpl/bootstrap/en/includes/navigation.inc |    6 +-
 .../bootstrap/en/modules/opac-cmspages.tt          |    9 +-
 koha-tmpl/opac-tmpl/bootstrap/less/opac.less       | 2662 --------------------
 3 files changed, 8 insertions(+), 2669 deletions(-)
 delete mode 100644 koha-tmpl/opac-tmpl/bootstrap/less/opac.less

diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc
index a72b935..3565d60 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc
@@ -9,14 +9,14 @@
                             [% FOREACH parent IN parent_list %]
                                 [% IF ( parent.id == link.parent ) %]
                                     <li style="margin-left:20px;">
-                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent %]">[% parent.title_link | html %]</a> &rsaquo;
-                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link | html %]</a>
+                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent | uri %]">[% parent.title_link | html %]</a> &rsaquo;
+                                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id | uri %]">[% link.title_link | html %]</a>
                                     </li>
                                 [% END %]
                             [% END %]
                         [% ELSE %]
                             <li>
-                                <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link | html %]</a>
+                                <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id | uri %]">[% link.title_link | html %]</a>
                             </li>
                         [% END %]
                     [% END %]
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt
index f26036b..0e315e8 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt
@@ -1,7 +1,8 @@
+[% USE raw %]
 [% USE Koha %]
 [% USE Branches %]
 [% INCLUDE 'doc-head-open.inc' %]
-<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title %][% END%]</title>
+<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title | html %][% END%]</title>
 [% INCLUDE 'doc-head-close.inc' %]
 [% BLOCK cssinclude %][% END %]
 </head>
@@ -15,13 +16,13 @@
             [% FOREACH parent IN parents %]
                 [% IF parent.id == cms_page.parent %]
                     <li>
-                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent %]">[% parent.title_link %]</a>
+                        <a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent | uri %]">[% parent.title_link | html%]</a>
                         <span class="divider">&rsaquo;</span>
                     </li>
                 [% END %]
             [% END %]
         [% END %]
-        <li><a href="#">[% cms_page.title_link %]</a></li>
+        <li><a href="#">[% cms_page.title_link | html %]</a></li>
     </ul>
 
     [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
@@ -50,7 +51,7 @@
         [% END %]
 
             [% IF ( cms_page.publish == 1 ) || ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]
-                [% cms_page.content %]
+                [% cms_page.content | $raw %]
             [% ELSE %]
                 This page has not been published.
             [% END %]
diff --git a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less b/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
deleted file mode 100644
index 4355902..0000000
--- a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
+++ /dev/null
@@ -1,2662 +0,0 @@
-@import "mixins.less";
-body {
-    background-color: #EAEAE6;
-}
-
- /* Sticky footer styles */
-html,
-body {
-    height: 100%;
-    /* The html and body elements cannot have any padding or margin. */
-}
-
-.no-js {
-    .dateformat {
-        display: inline;
-        white-space: nowrap;
-    }
-    .modal-body {
-        padding: 0;
-    }
-    .selections-toolbar {
-        display: none;
-    }
-}
-
-.js {
-    .dateformat {
-        display: none;
-    }
-}
-
-/* Wrapper for page content to push down footer */
-#wrap {
-    min-height: 100%;
-    height: auto !important;
-    height: 100%;
-    /* Negative indent footer by it's height */
-    // margin: 0 auto -60px;
-}
-
-/* Set the fixed height of the footer here */
-#changelanguage {
-    // height: 60px;
-}
-
-.popup {
-    padding-left : 0;
-    padding-right: 0;
-}
-
-a {
-    color: @links;
-    &.cancel {
-        padding-left : 1em;
-    }
-    &:visited {
-        color: @links;
-    }
-    &.title {
-        font-weight: bold;
-        font-size : 108%;
-    }
-    &.btn {
-        &:visited {
-            color : #333;
-        }
-    }
-    &.btn-primary {
-        &:visited {
-            color : #FFF;
-        }
-    }
-    &.login-link {
-        color: #A6D8ED;
-        font-weight: bold;
-    }
-}
-
-.ui-widget-content a,
-.ui-widget-content a:visited {
-    color: @links;
-}
-
-h1 {
-    font-size : 140%;
-    line-height: 150%;
-    &#libraryname {
-        background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
-        border: 0;
-        float: left !important;
-        margin: 0;
-        padding: 0;
-        width: 120px;
-        a {
-            border: 0;
-            cursor: pointer;
-            display: block;
-            height: 0px !important;
-            margin: 0;
-            overflow: hidden;
-            padding: 40px 0 0;
-            text-decoration: none;
-            width: 120px;
-        }
-    }
-}
-
-h2 {
-
-    font-size : 130%;
-    line-height: 150%;
-}
-h3 {
-
-    font-size : 120%;
-    line-height: 150%;
-}
-h4 {
-
-    font-size : 110%;
-}
-h5 {
-
-    font-size : 100%;
-}
-
-caption {
-    font-size: 120%;
-    font-weight: bold;
-    margin : 0;
-    text-align: left;
-}
-
-input,
-textarea {
-    width: auto;
-}
-
-.input-fluid {
-    width : 50%;
-}
-
-legend {
-    font-size: 110%;
-    font-weight: bold;
-}
-
-table, td {
-    background-color: #FFF;
-}
-
-td {
-    .btn {
-        white-space: nowrap;
-    }
-    .btn-link {
-        padding: 0;
-    }
-}
-
-#advsearches,
-#booleansearch {
-    label {
-        display: inline;
-    }
-}
-
-#basketcount {
-    display : inline;
-    margin : 0;
-    padding : 0;
-    span {
-        background-color : #FFC;
-        color : #000;
-        display : inline;
-        font-size : 80%;
-        font-weight : normal;
-        margin : 0 0 0 .9em;
-        padding : 0 .3em 0 .3em;
-        .border-radius-all(3px);
-    }
-}
-
-
-#members {
-    display: block;
-    p {
-        color : #EEE;
-    }
-    a {
-        &.logout {
-            color : #E8583C;
-            font-weight: bold;
-            padding : 0 .3em 0 .3em;
-        }
-    }
-}
-
-#koha_url p {
-        color: #666666;
-        float : right;
-        margin: 0;
-}
-
-#moresearches {
-    margin: .5em 0 .5em 0;
-    padding: 0 .8em;
-    li {
-        display: inline;
-        white-space: nowrap;
-        &:after {
-            content : " | ";
-        }
-
-    }
-    ul {
-        margin : 0;
-        display: inline;
-    }
-    display: inline;
-}
-
-#moresearches li:last-child:after {
-    content : "";
-}
-
-#cms_nav_top {
-    list-style-type: circle;
-    padding: 0;
-    margin: 0;
-    a {
-        text-decoration: none;
-    }
-    a:hover {
-        text-decoration: underline;
-    }
-}
-
-#news {
-    margin : .5em 0;
-}
-
-.newscontainer {
-    border: 1px solid #ddd;
-    border-bottom-width: 0;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-}
-
-.newsheader {
-    background-color: #ecede6;
-    border-bottom: 1px solid #ddd;
-    margin: 0;
-    padding: 8px;
-}
-
-.newsbody {
-    padding: 8px;
-}
-
-.newsfooter {
-    border-bottom: 1px solid #ddd;
-    font-style: italic;
-    padding: 4px 8px;
-}
-
-#opacheader {
-    background-color: #DDD;
-}
-
-#selections,
-.selections {
-    font-weight : bold;
-}
-
-.actions {
-    a {
-        white-space: nowrap;
-        &.hold {
-            background-image : url("../images/sprite.png"); /* Place hold small */
-            background-position : -5px -542px;
-            background-repeat: no-repeat;
-            margin-right : 1em;
-            padding-left : 21px;
-            text-decoration : none;
-        }
-        &.article_request {
-            background-image : url("../images/sprite.png"); /* Place hold small */
-            background-position : -2px -26px;
-            background-repeat: no-repeat;
-            margin-right : 1em;
-            padding-left : 21px;
-            text-decoration : none;
-        }
-        &.addtocart {
-            background-image : url("../images/sprite.png"); /* Cart small */
-            background-position : -5px -572px;
-            background-repeat: no-repeat;
-            margin-right : 1em;
-            padding-left : 20px;
-            text-decoration : none;
-        }
-        &.addtoshelf {
-            background-image : url("../images/sprite.png"); /* MARC view */
-            background-position: -5px -27px;
-            background-repeat: no-repeat;
-            margin-right : 1em;
-            padding-left : 20px;
-            text-decoration : none;
-        }
-        &.addtolist {
-            background-position: -5px -27px;
-            margin-right : 1em;
-            padding-left : 20px;
-            text-decoration : none;
-        }
-        &.tag_add {
-            background-position: -5px -1110px;
-            margin-right : 1em;
-            padding-left : 20px;
-            text-decoration : none;
-        }
-        /* List contents remove from list link */
-        &.removefromlist  {
-            background-position : -8px -690px; /* Delete */
-            margin-right : 1em;
-            text-decoration : none;
-            padding-left : 15px;
-        }
-    }
-}
-
-/* Override Bootstrap alert */
-.alert {
-    background: #fffbe5; /* Old browsers */
-    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
-    border-color : #D6C43B;
-    color: #333;
-}
-
-/* Override Bootstrap alert.alert-info */
-.alert-info {
-    background: #f4f6fa; /* Old browsers */
-    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
-    border-color : #C5D1E5;
-    color: #333;
-}
-
-/* Override Bootstrap alert.alert-success */
-.alert-success {
-    background: #f8ffe8; /* Old browsers */
-    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
-    border-color : #9FBA35;
-    color: #333;
-}
-
-.breadcrumb {
-    background-color: #F2F2EF;
-    font-size: 85%;
-    list-style: none outside none;
-    margin: 10px 20px;
-    padding: 5px 10px;
-    .border-radius-all(7px);
-}
-
-.form-inline {
-    display : inline;
-    padding: 0;
-    margin: 0;
-    fieldset {
-        margin: 0.3em 0;
-        padding: 0.3em;
-    }
-}
-
-.main {
-    background-color: #FFF;
-    border: 1px solid #D2D2CF;
-    .border-radius-all(7px);
-    .shadowed;
-    margin-top : 1px;
-    margin-bottom: 0.5em;
-}
-
-.mastheadsearch {
-    .border-radius-all(7px);
-    padding: .8em;
-    margin: .5em 0;
-    background: #c7c7c1;
-    /* Old browsers */
-    background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
-    /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
-    /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
-    /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
-    /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
-    /* IE10+ */
-    background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
-    /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
-    /* IE6-9 */
-    label {
-        font-size: 115%;
-        font-weight: bold;
-    }
-}
-
-.navbar-inverse .brand, .navbar-inverse .nav > li > a {
-    color: #9FE1FF;
-    font-weight: bold;
-}
-
-.navbar-fixed-bottom.navbar-static-bottom {
-    margin-top : .5em;
-    position: static;
-}
-
-#changelanguage .nav > .active > p {
-    padding : 0 15px;
-}
-
-.table-striped tbody > tr:nth-child(odd) > td,
-.table-striped tbody > tr:nth-child(odd) > th {
-  background-color: #F4F4F4;
-}
-
-
-/* jQuery UI standard tabs */
-.ui-tabs-nav .ui-tabs-active a,
-.ui-tabs-nav a:hover,
-.ui-tabs-nav a:focus,
-.ui-tabs-nav a:active,
-.ui-tabs-nav span.a {
-    background: none repeat scroll 0 0 transparent;
-    outline: 0 none;
-}
-
-.ui-widget,
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
-    font-family : inherit;
-    font-size : inherit;
-}
-
-ul.ui-tabs-nav li {
-    list-style : none;
-}
-.ui-tabs.ui-widget-content {
-    background : transparent none;
-    border : 0;
-}
-
-.ui-tabs .ui-tabs-panel {
-    border : 1px solid #D8D8D8;
-    margin-bottom: 1em;
-}
-.ui-tabs-nav.ui-widget-header {
-    border : 0;
-    background : none;
-}
-.ui-tabs .ui-tabs-nav li {
-    background: #F3F3F3 none;
-    border-color: #D8D8D8;
-    margin-right : .4em;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-active {
-    background-color : #FFF;
-    border : 1px solid #D8D8D8;
-    border-bottom: 0;
-}
-.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
-    color : #000;
-    font-weight : bold;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
-    background : #F3F3F3 none;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
-    background : #FFF none;
-}
-
-.ui-tabs .ui-state-default a,
-.ui-tabs .ui-state-default a:link,
-.ui-tabs .ui-state-default a:visited {
-    color: #006699;
-}
-
-.ui-tabs .ui-state-hover a,
-.ui-tabs .ui-state-hover a:link,
-.ui-tabs .ui-state-hover a:visited {
-    color: #990033;
-}
-
-.statictabs {
-    ul {
-        background: none repeat scroll 0 0 transparent;
-        border: 0 none;
-        margin: 0;
-        padding: 0.2em 0.2em 0;
-        border-bottom-right-radius: 4px;
-        border-bottom-left-radius: 4px;
-        border-top-right-radius: 4px;
-        border-top-left-radius: 4px;
-        color: #222222;
-        font-weight: bold;
-        font-size: 100%;
-        line-height: 1.3;
-        list-style: none outside none;
-        outline: 0 none;
-        text-decoration: none;
-        &:before {
-            content: "";
-            display: table;
-        }
-        &:after {
-            clear: both;
-            content: "";
-            display: table;
-        }
-    }
-    li {
-        background: none repeat scroll 0 0 #E6F0F2;
-        border: 1px solid #B9D8D9;
-        border-bottom: 0 none !important;
-        border-top-right-radius: 4px;
-        border-top-left-radius: 4px;
-        float: left;
-        list-style: none outside none;
-        margin-bottom: 0;
-        margin-right: 0.4em;
-        padding: 0;
-        position: relative;
-        white-space: nowrap;
-        top: 1px;
-        color: #555555;
-        font-weight: normal;
-        &.active {
-            background-color: #FFFFFF;
-            color: #212121;
-            font-weight: normal;
-            padding-bottom: 1px;
-        }
-        a {
-            color: #004D99;
-            cursor: pointer;
-            float: left;
-            padding: 0.5em 1em;
-            text-decoration: none;
-            &:hover {
-                background-color : #EDF4F5;
-                border-top-right-radius: 4px;
-                border-top-left-radius: 4px;
-                color : #538200;
-            }
-        }
-        &.active {
-            a {
-                color: #000000;
-                font-weight: bold;
-                cursor: text;
-                background: none repeat scroll 0 0 transparent;
-                outline: 0 none;
-            }
-        }
-    }
-    .tabs-container {
-        border: 1px solid #B9D8D9;
-        background: none repeat scroll 0 0 transparent;
-        display: block;
-        padding: 1em 1.4em;
-        border-bottom-right-radius: 4px;
-        border-bottom-left-radius: 4px;
-        color: #222222;
-    }
-}
-
-/* End jQueryUI tab styles */
-
-/* jQuery UI Datepicker */
-.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
-.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
-
-.ui-datepicker-trigger {
-    vertical-align: middle;
-    margin : 0 3px;
-}
-.ui-datepicker {
-    .shadowed;
-}
-/* End jQueryUI datepicker styles */
-
-
-/* jQueryUI Core */
-
-.ui-widget-content {
-    border: 1px solid #AAA;
-    background: #ffffff none;
-    color: #222222;
-}
-.ui-widget-header {
-    border: 1px solid #AAA;
-    background: #E6F0F2 none;
-    color: #222222;
-    font-weight: bold;
-}
-.ui-state-default,
-.ui-widget-content .ui-state-default,
-.ui-widget-header .ui-state-default {
-    border: 1px solid #AAA;
-    background: #F4F8F9 none;
-    font-weight: normal;
-    color: #555555;
-}
-.ui-state-hover,
-.ui-widget-content .ui-state-hover,
-.ui-widget-header .ui-state-hover,
-.ui-state-focus,
-.ui-widget-content .ui-state-focus,
-.ui-widget-header .ui-state-focus {
-    border: 1px solid #AAA;
-    background: #E6F0F2 none;
-    font-weight: normal;
-    color: #212121;
-}
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active {
-    border: 1px solid #aaaaaa;
-    background: #ffffff none;
-    font-weight: normal;
-    color: #212121;
-}
-.ui-state-highlight,
-.ui-widget-content .ui-state-highlight,
-.ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
-    background: #fbf9ee;
-    color: #363636;
-}
-.ui-state-error,
-.ui-widget-content .ui-state-error,
-.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
-    background: #fef1ec;
-    color: #cd0a0a;
-}
-
-/* end jQueryUI core */
-
-/* jQueryUI autocomplete */
-
-.ui-autocomplete {
-    position: absolute;
-    cursor: default;
-    .shadowed;
-}
-.ui-autocomplete.ui-widget-content .ui-state-hover {
-    border: 1px solid #AAA;
-    background: #E6F0F2 none;
-    font-weight: normal;
-    color: #212121;
-}
-.ui-autocomplete-loading {
-    background: #FFF url("../../img/loading-small.gif") right center no-repeat;
-}
-.ui-menu li {
-    list-style:none;
-}
-
-/* end jQueryUI autocomplete */
-
-
-
-th {
-    background-color: #ECEDE6;
-}
-
-.item-thumbnail {
-    max-width: none;
-}
-
-.no-image {
-    background-color : #FFF;
-    border: 1px solid #AAA;
-    color : #979797;
-    display:block;
-    font-size : 86%;
-    font-weight : bold;
-    text-align : center;
-    width : 75px;
-    .border-radius-all(3px);
-}
-
-#bookcover .no-image {
-    margin-right : 10px;
-    margin-bottom : 10px;
-}
-
-td.overdue {
-    color : #cc3333;
-}
-table {
-    font-size: 90%;
-}
-th.sum {
-    text-align: right;
-}
-
-td.sum {
-    background-color: #FFC;
-    font-weight: bold;
-}
-
-th[scope=row] {
-    background-color: transparent;
-    text-align : right;
-}
-
-.required {
-    color : #C00;
-}
-
-.label {
-    background-color: transparent;
-    color: inherit;
-    display: inline;
-    font-weight: normal;
-    padding : 0;
-    text-shadow: none;
-}
-
-.blabel {
-    background-color: #999999;
-    border-radius: 3px;
-    color: #ffffff;
-    display: inline-block;
-    font-weight: bold;
-    padding: 2px 4px;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-
-.label-important {
-  background-color: #b94a48;
-}
-.label-warning {
-  background-color: #f89406;
-}
-.label-success {
-  background-color: #468847;
-}
-.label-info {
-  background-color: #3a87ad;
-}
-.label-inverse {
-  background-color: #333333;
-}
-
-fieldset {
-    &.rows {
-        float : left;
-        font-size : 90%;
-        clear : left;
-        margin: .9em 0 0 0;
-        padding: 0;
-        width: 100%;
-        legend {
-            font-weight: bold;
-            font-size : 130%;
-        }
-        label,
-        .label {
-            float: left;
-            font-weight : bold;
-            width: 9em;
-            margin-right: 1em;
-            text-align: right;
-        }
-        label {
-            &.lradio {
-                float: none;
-                margin: inherit;
-                width: auto;
-            }
-        }
-        fieldset {
-            margin : 0;
-            padding : .3em;
-        }
-        ol {
-            padding: 1em 1em 0 1em;
-            list-style-type: none;
-            &.lradio {
-                label {
-                    width : auto;
-                    float : none;
-                    margin-right : 0;
-                    &.lradio {
-                        float : left;
-                        width : 12em;
-                        margin-right : 1em;
-                    }
-                }
-            }
-        }
-        li {
-            float : left;
-            clear : left;
-            padding-bottom: 1em;
-            list-style-type: none;
-            width: 100%;
-            &.lradio {
-                padding-left: 8.5em;
-                width : auto;
-                label {
-                    float : none;
-                    width : auto;
-                    margin : 0 0 0 1em;
-                }
-            }
-        }
-        .hint {
-            display: block;
-            margin-left : 11em;
-        }
-    }
-    &.action {
-        clear : both;
-        float : none;
-        border : none;
-        margin : 0;
-        padding : 1em 0 .3em 0;
-        width : auto;
-        p {
-            margin-bottom : 1em;
-        }
-    }
-    table {
-        font-size: 100%;
-    }
-}
-
-div.rows+div.rows {
-    margin-top : .6em;
-}
-
-div.rows {
-    float : left;
-    clear : left;
-    margin: 0 0 0 0;
-    padding: 0;
-    width: 100%;
-    span.label {
-        float: left;
-        font-weight : bold;
-        width: 9em;
-        margin-right: 1em;
-        text-align: left;
-    }
-    ol {
-        list-style-type: none;
-        margin-left : 0;
-        padding: .5em 1em 0 0;
-    }
-    li {
-        border-bottom :  1px solid #EEE;
-        float : left;
-        clear : left;
-        padding-bottom: .2em;
-        padding-top: .1em;
-        list-style-type: none;
-        width: 100%;
-    }
-    ul {
-        li {
-            margin-left : 7.3em;
-            &:first-child {
-                float: none;
-                clear: none;
-                margin-left: 0;
-            }
-        }
-    }
-    ol li li {
-        border-bottom: 0;
-    }
-}
-
-/* different sizes for different tags in opac-tags.tt */
-.tagweight0 {
-    font-size: 12px;
-}
-
-.tagweight1 {
-    font-size: 14px;
-}
-
-.tagweight2 {
-    font-size: 16px;
-}
-
-.tagweight3 {
-    font-size: 18px;
-}
-
-.tagweight4 {
-    font-size: 20px;
-}
-
-.tagweight5 {
-    font-size: 22px;
-}
-
-.tagweight6 {
-    font-size: 24px;
-}
-
-.tagweight7 {
-    font-size: 26px;
-}
-
-.tagweight8 {
-    font-size: 28px;
-}
-
-.tagweight9 {
-    font-size: 30px;
-}
-
-.toolbar {
-    background-color : #EEEEEE;
-    border : 1px solid #E8E8E8;
-    font-size : 85%;
-    padding:3px 3px 5px 5px;
-    vertical-align : middle;
-    a {
-        white-space: nowrap;
-    }
-    label {
-        display: inline;
-        font-size: 100%;
-        font-weight : bold;
-        margin-left : .5em;
-    }
-    select {
-        font-size: 97%;
-        height: auto;
-        line-height: inherit;
-        padding: 0;
-        margin: 0;
-        width : auto;
-        white-space: nowrap;
-    }
-    .hold,
-    #tagsel_tag {
-        padding-left: 28px;
-        font-size: 97%;
-        font-weight: bold;
-    }
-    #tagsel_form {
-        margin-top : .5em;
-    }
-    li {
-        display : inline;
-        list-style : none;
-        a {
-            border-left : 1px solid #e8e8e8;
-        }
-        &:first-child {
-            a {
-                border-left : 0;
-            }
-        }
-    }
-    ul {
-        padding-left : 0;
-    }
-}
-
-#basket .toolbar {
-    padding: 7px 5px 9px 9px;
-}
-
-#selections-toolbar,
-.selections-toolbar {
-    background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
-    background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
-    margin : 0 0 1em 0;
-    padding-top : .5em;
-    padding-left : 10px;
-}
-
-.list-actions {
-    display : inline;
-}
-
-#tagsel_span input.submit,
-#tagsel_tag {
-    border : 0;
-    background-color: transparent;
-    font-size : 100%;
-    color: #0076B2;
-    cursor : pointer;
-    background-image : url("../images/sprite.png"); /* Tags */
-    background-position : 1px -643px;
-    background-repeat : no-repeat;
-    padding-left : 25px;
-    text-decoration: none;
-}
-
-#tagsel_tag.disabled {
-    background-position : -1px -667px;
-}
-
-
-#tagsel_span input:hover,
-#selections-toolbar input.hold:hover {
-    color: #005580;
-    text-decoration: underline;
-}
-
-#tagsel_span input.disabled,
-#tagsel_span input.disabled:hover,
-#tagsel_span input.hold.disabled,
-#tagsel_span input.hold.disabled:hover,
-#selections-toolbar input.hold.disabled,
-#selections-toolbar input.hold.disabled:hover,
-#selections-toolbar a.disabled,
-#selections-toolbar a.disabled:hover,
-.selections-toolbar a.disabled,
-.selections-toolbar a.disabled:hover {
-    color: #888888;
-    text-decoration: none;
-    padding-left : 23px;
-}
-
-.results_summary {
-    display: block;
-    font-size : 85%;
-    color: #707070;
-    padding : 0 0 .5em 0;
-    .results_summary {
-        font-size : 100%;
-    }
-    &.actions {
-        margin-top : .5em;
-    }
-    &.tagstatus {
-        display: inline;
-    }
-    .label {
-        color: #202020;
-    }
-    a {
-        font-weight: normal;
-    }
-}
-
-#views {
-    margin-bottom : .5em;
-    padding : 0 2em 0.2em 0.2em;
-}
-
-.view {
-    background-color : #F3F3F3;
-    border: 1px solid #C9C9C9;
-    border-radius: 4px;
-    display: inline-block;
-    padding: 0.2em 0.5em;
-    white-space: nowrap;
-}
-
-#bibliodescriptions,
-#isbdcontents {
-    clear : left;
-    margin-top : .5em;
-}
-
-.view {
-    a,
-    span {
-        background-image: url("../images/sprite.png");
-        background-repeat : no-repeat;
-        font-size : 87%;
-        padding-left: 15px;
-        text-decoration: none;
-    }
-}
-
-.view {
-    a {
-        font-weight : normal;
-    }
-}
-
-.current-view {
-    background-color: #fff;
-    font-weight: bold;
-}
-
-#MARCview {
-    background-position: -9px -27px;
-}
-#ISBDview {
-    background-position: -10px -56px;
-}
-#Normalview {
-    background-position: -8px 3px;
-}
-
-#bookcover {
-    float : left;
-    margin : 0;
-    padding : 0;
-    .no-image {
-        margin-right : 10px;
-        margin-bottom : 10px;
-    }
-    img {
-        margin : 0 1em 1em 0;
-    }
-}
-
-/* pagination */
-.results-pagination {
-    position: absolute;
-    top:32px;
-    left: -1px;
-    width: 100%;
-    height:auto;
-    border: 1px solid #D0D0D0;
-    display: none;
-    background-color:#F3F3F3;
-    padding-bottom:10px;
-    z-index: 100;
-}
-
-
-.back {
-    float:right;
-    input {
-        background:none!important;
-        color:#999!important;
-    }
-}
-
-.pagination_list {
-    ul {
-        padding-top: 40px;
-        padding-left:0px;
-    }
-    li {
-        list-style:none;
-        float:bottom;
-        padding:4px;
-        color:#999;
-        &.highlight {
-           background-color : #F3F3F3;
-           border-top : 1px solid #DDDDDD;
-           border-bottom : 1px solid #DDDDDD;
-        }
-        a {
-            padding-left:0px;
-        }
-    }
-    .li_pag_index {
-        color: #999999;
-        float: left;
-        font-size: 15px;
-        font-weight: bold;
-        padding-right: 10px;
-        text-align: right;
-        width: 13px;
-    }
-}
-
-.nav_results {
-    background-color: #F3F3F3;
-    border: 1px solid #D0D0D0;
-    font-size: 95%;
-    font-weight: bold;
-    margin-top: 0.5em;
-    position:relative;
-    .l_Results {
-        a {
-            background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
-            color:#006699;
-            display:block;
-            padding:8px 28px;
-            text-decoration:none;
-        }
-        &:hover {
-            background-color:#D9D9D9;
-        }
-    }
-}
-
-.pg_menu {
-    margin: 0;
-    border-top: 1px solid #D0D0D0;
-    white-space : nowrap;
-    li {
-        color:#B2B2B2;
-        display:inline;
-        list-style:none;
-        margin: 0;
-        &.back_results {
-            a {
-                border-left: 1px solid #D0D0D0;
-                border-right: 1px solid #D0D0D0;
-            }
-        }
-        a,
-        span {
-            background-color: #F3F3F3;
-            display : block;
-            float:left;
-            padding:.4em .5em;
-            text-decoration:none;
-            font-weight:normal;
-            text-align:center;
-        }
-        span {
-            color : #B2B2B2;
-        }
-    }
-}
-
-#listResults{
-    li {
-        background-color:#999999;
-        color:#C5C5C5;
-        font-weight:normal;
-        display:block;
-        margin-right:1px;
-        font-size: 80%;
-        padding: 0;
-        text-align:center;
-        min-width:18px;
-        &:hover {
-            background-color:#006699;
-        }
-        a {
-            color:#FFFFFF;
-            font-weight:normal;
-        }
-    }
-}
-
-/* nav */
-.nav_pages {
-    .close_pagination {
-        padding-right: 10px;
-        position: absolute;
-        right: 3px;
-        top: -25px;
-    }
-    .close_pagination a {
-        text-decoration:none!important;
-    }
-    ul {
-        padding-top: 10px;
-    }
-    li {
-        list-style:none;
-        float:left;
-        padding:4px;
-        color:#999;
-        a {
-            text-decoration:none!important;
-            &:hover {
-            text-decoration:underline;
-            }
-        }
-        ul {
-            float:left;
-        }
-    }
-}
-
-/* action buttons */
-#action {
-    margin : .5em 0 0 0;
-    background-color : #F3F3F3;
-    border : 1px solid #E8E8E8;
-    padding-bottom : 3px;
-    li {
-        list-style : none;
-        margin : .2em;
-        padding : .3em 0;
-    }
-    a {
-        font-weight: bold;
-        text-decoration : none;
-    }
-}
-
-#export,
-#moresearches_menu {
-    li {
-        padding : 0;
-        margin : 0;
-        a {
-            font-weight: normal;
-            &.menu-inactive {
-                font-weight: bold;
-            }
-        }
-    }
-}
-
-#format,
-#furthersearches {
-    padding-left : 35px;
-}
-.highlight_controls {
-    float: left;
-}
-a.addtocart,
-a.addtoshelf,
-a.brief,
-a.deleteshelf,
-a.deleteshelf.disabled,
-a.detail,
-a.download,
-a.editshelf,
-a.sharelist,
-a.empty,
-a.hide,
-a.highlight_toggle,
-a.hold,
-a.hold.disabled,
-a.incart,
-a.new,
-a.print-small,
-a.print-large,
-a.removeitems,
-a.removeitems.disabled,
-a.reserve,
-a.article_request,
-a.send,
-a.tag_add,
-a.removefromlist,
-input.hold,
-input.hold.disabled,
-input.editshelf,
-.newshelf,
-.newshelf.disabled,
-.deleteshelf {
-    background-image: url("../images/sprite.png");
-    background-repeat: no-repeat;
-}
-
-
-a.addtocart {
-    background-position: -5px -265px; /* Cart */
-    padding-left : 35px;
-}
-
-a.addtoshelf {
-    background-position: -5px -225px; /* Virtual shelf */
-    padding-left : 35px;
-}
-
-a.brief {
-
-    background-position : -2px -868px; /* Zoom out */
-    text-decoration : none;
-    padding-left : 27px;
-}
-
-a.cartRemove {
-    color: #cc3333;
-    font-size : 90%;
-    margin : 0;
-    padding: 0;
-}
-
-a.detail {
-    background-position : -2px -898px; /* Zoom in */
-    text-decoration : none;
-    padding-left : 27px;
-}
-
-a.download {
-    background-position : -5px -348px; /* Download */
-    padding-left : 20px;
-    text-decoration : none;
-}
-
-a.editshelf {
-    background-position : 2px -348px; /* List edit */
-    padding-left : 26px;
-    text-decoration : none;
-}
-
-a.sharelist {
-    background-position : 2px -1148px; /* List share */
-    padding-left : 26px;
-    text-decoration : none;
-}
-
-a.empty {
-    background-position : 2px -598px; /* Trash */
-    text-decoration : none;
-    padding-left : 30px;
-}
-
-a.hide {
-    background-position: -3px -814px; /* Close */
-    text-decoration : none;
-    padding-left : 26px;
-}
-
-a.highlight_toggle {
-    background-position: -5px -841px; /* Highlight */
-    display: none;
-    padding-left : 35px;
-}
-
-a.hold,
-input.hold {
-    background-position : -2px -453px; /* Toolbar place hold */
-    text-decoration : none;
-    padding-left : 23px;
-}
-
-a.hold.disabled,
-input.hold.disabled {
-    background-position : -5px -621px; /* Place hold disabled */
-}
-
-a.incart {
-    background-position: -5px -265px; /* Cart */
-    color : #666;
-    padding-left : 35px;
-}
-
-a.new {
-    background-image : url("../images/sprite.png"); /* New */
-    background-position : -4px -922px;
-    padding-left : 23px;
-    text-decoration : none;
-}
-
-a.print-small {
-    background-position : 0px -423px; /* Toolbar print */
-    text-decoration : none;
-    padding-left : 30px;
-}
-
-a.print-large {
-    background-position : -5px -186px; /* Toolbar print */
-    text-decoration : none;
-    padding-left : 35px;
-}
-
-a.removeitems,
-a.deleteshelf {
-    background-position : 2px -690px; /* Delete */
-    text-decoration : none;
-    padding-left : 25px;
-}
-
-a.removeitems.disabled,
-a.deleteshelf.disabled {
-    background-position : 2px -712px; /* Delete disabled */
-}
-
-a.reserve {
-    background-position: -6px -144px; /* Place hold */
-    padding-left : 35px;
-}
-
-a.article_request {
-    background-position: 0px -24px; /* Place article request */
-    padding-left : 35px;
-}
-
-a.send {
-    background-position : 2px -386px; /* Email */
-    text-decoration : none;
-    padding-left : 28px;
-}
-
-a.tag_add {
-    background-position: 3px -1111px; /* Tag results */
-    padding-left : 27px;
-    text-decoration: none;
-}
-
-input.hold {
-    background-color: transparent;
-    border : 0;
-    color: #0076B2;
-    font-weight: bold;
-}
-
-input.editshelf {
-    background-color: transparent;
-    background-position : 2px -734px; /* List edit */
-    border : 0;
-    color : #006699;
-    cursor : pointer;
-    filter: none;
-    font-size : 100%;
-    padding-left : 29px;
-    text-decoration : none;
-}
-
-.newshelf {
-    background-position: 2px -764px; /* List new */
-    border : 0;
-    color : #006699;
-    cursor : pointer;
-    filter: none;
-    font-size : 100%;
-    padding-left : 28px;
-    text-decoration : none;
-}
-
-.newshelf.disabled {
-    background-position: -4px -791px; /* List new disabled */
-}
-
-.deleteshelf {
-    background-color: transparent;
-    background-position : 2px -687px; /* Delete */
-    border : 0;
-    color : #006699;
-    cursor : pointer;
-    filter: none;
-    font-size : 100%;
-    padding-left : 25px;
-    text-decoration : none;
-}
-
-.links a {
-    font-weight : bold;
-}
-
-.deleteshelf:hover {
-    color: #990033;
-}
-
-
-.editshelf:active,
-.deleteshelf:active {
-    border : 0;
-}
-
-#tagslist li { display : inline; }
-
-#login4tags {
-    background-image: url("../images/sprite.png"); /* Tag results disabled */
-    background-position: -6px -1130px;
-    background-repeat: no-repeat;
-    padding-left : 20px;
-    text-decoration: none;
-}
-
-.tag_results_input {
-    margin-left: 1em;
-    padding: 0.3em;
-    font-size: 12px;
-    input[type="text"] {
-        font-size: inherit;
-        margin : 0;
-        padding : 0;
-    }
-    label {
-        display : inline;
-    }
-}
-
-.tagsinput {
-    input[type="text"] {
-        font-size: inherit;
-        margin : 0;
-        padding : 0;
-    }
-    label {
-        display : inline;
-    }
-}
-
-.branch-info-tooltip {
-    display: none;
-}
-
-.ui-tooltip-content p {
-        margin: 0.3em 0;
-}
-
-#social_networks {
-    a {
-        background: transparent url("../images/social-sprite.png") no-repeat;
-        display: block;
-        height : 20px !important;
-        width : 20px;
-        text-indent : -999em;
-    }
-    span {
-        color: #274D7F;
-        display : block;
-        float : left;
-        font-size: 85%;
-        font-weight: bold;
-        line-height: 2em;
-        margin : .5em 0 .5em .5em !important;
-    }
-    div {
-        float : left !important;
-        margin : .5em 0 .5em .2em !important;
-    }
-    #facebook {
-        background-position : -7px -35px;
-    }
-    #twitter {
-        background-position : -7px -5px;
-    }
-    #linkedin {
-        background-position : -7px -95px;
-    }
-    #delicious {
-        background-position : -7px -66px;
-    }
-    #email {
-        background-position : -7px -126px;
-    }
-}
-
-#marc {
-    td,
-    th {
-        background-color : transparent;
-        border : 0;
-        padding: 3px 5px;
-        text-align : left;
-    }
-    td:first-child {
-        text-indent : 2em;
-    }
-    p {
-        padding-bottom: .6em;
-        .label {
-            font-weight : bold;
-        }
-    }
-    ul {
-        padding-bottom: .6em;
-    }
-    .results_summary {
-        clear :  left;
-        ul {
-            display : inline;
-            float :  none;
-            clear :  none;
-            margin: 0;
-            padding: 0;
-            list-style : none;
-        }
-        li {
-            display: inline;
-        }
-    }
-}
-
-#items,
-#items td
-#items th {
-    border : 1px solid #EEE;
-    font-size : 90%;
-}
-
-#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
-#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
-#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
-
-#renewcontrols {
-     float: right;
-     font-size: 66%;
-}
-
-#renewcontrols a {
-    background-repeat : no-repeat;
-    text-decoration:none;
-    padding : .1em .4em;
-    padding-left : 18px;
-}
-
-#renewselected_link {
-    background-image : url("../images/sprite.png");
-    background-position : -5px -986px;
-    background-repeat: no-repeat;
-}
-
-#renewall_link {
-    background-image : url("../images/sprite.png");
-    background-position : -8px -967px;
-    background-repeat: no-repeat;
-}
-
-.authref {
-    text-indent: 2em;
-}
-
-.authref .label {
-    font-style: italic;
-}
-
-.authstanza {
-    margin-top: 1em;
-}
-
-.authstanzaheading {
-    font-weight: bold;
-}
-.authorizedheading {
-    font-weight: bold;
-}
-.authstanza li {
-    margin-left: 0.5em;
-}
-.authres_notes, .authres_seealso, .authres_otherscript {
-  padding-top: .5em;
-}
-.authres_notes {
-  font-style: italic;
-}
-
-#didyoumean {
-    background-color: #EEE;
-    border: 1px solid #E8E8E8;
-    box-sizing: border-box;
-    margin: .5em 1.5em;
-    text-align: left;
-    padding: 0.5em;
-    .border-radius-all(3px);
-
-    &.dym-loaded {
-        border-color: #F4ECBE;
-        background-color: #FFFBEA;
-    }
-}
-
-.suggestionlabel {
-    font-weight: bold;
-}
-
-.searchsuggestion {
-    padding: 0.2em 0.5em;
-    display: inline-block;
-}
-
-.authlink {
-    padding-left: 0.25em;
-}
-#hierarchies a {
-    font-weight: normal;
-    text-decoration: underline;
-    color: #069;
-}
-
-#hierarchies a:hover {
-    color: #990033;
-}
-
-#top-pages {
-    margin: 0 0 0.5em;
-}
-.dropdown-menu > li > a {
-    font-size: 90%;
-}
-a.listmenulink:link,
-a.listmenulink:visited {
-    color : #0076B2;
-    font-weight: bold;
-}
-a.listmenulink:hover,
-a.listmenulink:active {
-    color : #FFF;
-    font-weight: bold;
-}
-#cartDetails,
-#cartUpdate,
-#holdDetails,
-#listsDetails {
-    background-color : #FFF;
-//    border: 1px solid #739acf;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 6px 6px 6px 6px;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-    color : black;
-    display : none;
-    font-size: 90%;
-    margin : 0;
-    padding : 8px 20px;
-    text-align : center;
-    width : 180px;
-    z-index: 2;
-}
-#cartmenulink {
-    white-space: nowrap;
-}
-
-#search-facets,
-#menu {
-    border : 1px solid #D2D2CF;
-    .border-radius-all(7px);
-    ul {
-       margin : 0;
-        padding : .3em;
-    }
-    form {
-       margin : 0;
-    }
-    h4 {
-        font-size : 90%;
-        margin : 0 0 .6em 0;
-        text-align : center;
-        a {
-            background-color : #F2F2EF;
-            border-radius: 8px 8px 0 0;
-            border-bottom : 1px solid #D8D8D8;
-            display: block;
-            font-weight: bold;
-            padding : .7em .2em;
-            text-decoration: none;
-        }
-    }
-    li {
-        font-size: 90%;
-        font-weight : bold;
-        list-style-type : none;
-        li {
-            font-weight : normal;
-            font-size : 95%;
-            line-height: 125%;
-            margin-bottom : 2px;
-            padding : .1em .2em;
-        }
-        &.showmore {
-            a {
-                font-weight : bold;
-                text-indent : 1em;
-            }
-        }
-    }
-    a {
-        font-weight : normal;
-        text-decoration: underline;
-    }
-    .facet-count {
-        display: inline-block;
-    }
-
-}
-
-#menu {
-    font-size : 94%;
-    li {
-        list-style-type : none;
-        a {
-            background: #eeeeee;
-            text-decoration : none;
-            display : block;
-            border : 1px solid #D8D8D8;
-            border-radius: 5px 0 0 5px;
-            border-bottom-color:  #999;
-            font-size : 111%;
-            padding : .4em .6em;
-            margin : .4em 0;
-            margin-right: -1px;
-            &:hover {
-                background: #eaeef5;
-            }
-        }
-        &.active {
-            a {
-                background-color : #FFF;
-                background-image : none;
-                border-right-width: 0;
-                font-weight : bold;
-                &:hover {
-                    background-color : #fff;
-                }
-            }
-        }
-    }
-    h4 {
-        display: none;
-    }
-}
-
-#addto {
-    max-width : 10em;
-}
-
-/* Search results add to cart (lists disabled) */
-.addto a.addtocart {
-    background-image: url("../images/sprite.png"); /* Cart */
-    background-position: -5px -266px;
-    background-repeat: no-repeat;
-    text-decoration : none;
-    padding-left : 33px;
-}
-
-.searchresults {
-    p {
-        margin: 0;
-        padding: 0 0 .6em 0;
-        &.details {
-           color : #979797;
-        }
-    }
-    a {
-        &.highlight_toggle {
-            background-image: url("../images/sprite.png"); /* Highlight */
-            background-position: -11px -841px;
-            background-repeat: no-repeat;
-            display: none;
-            font-weight: normal;
-            padding : 0 10px 0 21px;
-        }
-    }
-    .commentline {
-        background-color : rgb(255, 255, 204);
-        background-color : rgba(255, 255, 204, 0.4);
-        border : 1px solid #CCC;
-        display: inline-block;
-        .border-radius-all(3px);
-        .shadowed;
-        margin : .3em;
-        padding : .4em;
-    }
-    .commentline.yours {
-        background-color : rgb(239, 254, 213);
-        background-color : rgba(239, 254, 213, 0.4);
-    }
-}
-
-.commentline .avatar {
-    float : right;
-    padding-left : .5em;
-}
-
-/* style for search terms in catalogsearch */
-.term {
-    /* color : blue; */
-    color : #990000;
-    background-color : #FFFFCC;
-}
-
-/* style for shelving location in catalogsearch */
-.shelvingloc {
-    display : block;
-    font-style : italic;
-}
-#CheckAll,
-#CheckNone,
-.CheckAll,
-.CheckNone {
-    font-weight : normal;
-    margin : 0 .5em;
-    text-decoration: underline;
-}
-
-span.sep {
-    color: #888;
-    padding: 0 .2em 0 .5em;
-    text-shadow: 1px 1px 0 #FFF;
-}
-
-/* style for PM-generated pagination bar */
-.pages {
-    margin: 20px 0;
-}
-.pages span:first-child,
-.pages a:first-child {
-    border-width: 1px 1px 1px 1px;
-    border-bottom-left-radius: 3px;
-    border-top-left-radius: 3px;
-}
-
-.pages span:last-child,
-.pages a:last-child {
-    border-width: 1px 1px 1px 0;
-    border-bottom-right-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-.pages .inactive,
-.pages .currentPage,
-.pages a {
-    -moz-border-bottom-colors: none;
-    -moz-border-left-colors: none;
-    -moz-border-right-colors: none;
-    -moz-border-top-colors: none;
-    background-color: #FFFFFF;
-    border-color: #DDDDDD;
-    border-image: none;
-    border-style: solid;
-    border-width: 1px 1px 1px 0;
-    float: left;
-    font-size: 11.9px;
-    line-height: 20px;
-    padding: 4px 12px;
-    text-decoration: none;
-}
-
-.pages .inactive {
-    background-color: #F5F5F5;
-}
-
-.pages a[rel='last'] {
-    border-bottom-right-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-.hold-message {
-    background-color: #FFF0B1;
-    display: inline-block;
-    margin: 0.5em;
-    padding: 0.2em 0.5em;
-    .border-radius-all(3px);
-}
-.reserve_date,
-.expiration_date {
-    white-space: nowrap;
-}
-.close {
-    color: #0088CC;
-    position: inherit;
-    top: auto;
-    right : auto;
-    filter : none;
-    float : none;
-    font-size: inherit;
-    font-weight: normal;
-    opacity: inherit;
-    text-shadow: none;
-}
-
-.close:hover {
-    color: #538200;
-    filter: inherit;
-    font-size: inherit;
-    opacity: inherit;
-}
-
-/* Redefine a new style for Bootstrap's class "close" since we use that already */
-/* Use <a class="closebtn" href="#">&times;</a> */
-.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
-.modal-header .closebtn{margin-top:2px;}
-.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
-button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
-.btn-group label,
-.btn-group select {
-    font-size: 13px;
-}
-
-.span2 select {
-    width: 100%;
-}
-
-.popup .main {
-    font-size: 90%;
-    padding: 0 1em;
-}
-
-.popup legend {
-    line-height: 1.5em;
-    margin-bottom : .5em;
-}
-
-.item-status {
-    display: block;
-    font-size: 95%;
-    margin-bottom: .5em;
-}
-
-.available {
-    color : #006600;
-}
-
-.unavailable {
-    color: #990033;
-}
-
-.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
-    display : block;
-}
-
-.notforloan {
-    color : #900;
-}
-
-.lost {
-    color : #666;
-}
-
-.suggestion {
-    background-color : #EEEEEB;
-    border : 1px solid #DDDED3;
-    margin : 1em auto;
-    padding : .5em;
-    width : 35%;
-    .border-radius-all(3px);
-}
-
-.librarypulldown .transl1 {
-    width : auto;
-}
-
-.nolibrarypulldown {
-    width : 68%;
-}
-
-.nolibrarypulldown .transl1 {
-    width : 87%;
-}
-
-#opac-main-search {
-    select {
-        width : auto;
-        max-width: 12em;
-    }
-}
-
-#logo {
-    background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
-    border: 0;
-    float : left !important;
-    margin:0;
-    padding:0;
-    width:100px;
-    a {
-        border:0;
-        cursor:pointer;
-        display:block;
-        height:0px !important;
-        margin:0;
-        overflow:hidden;
-        padding:40px 0 0;
-        text-decoration:none;
-        width:100px;
-    }
-}
-
-#user-menu-trigger {
-    display: none;
-    .icon-user {
-        background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
-        background-position: -168px 0;
-        background-repeat: no-repeat;
-        height: 14px;
-        line-height: 14px;
-        margin : 12px 0 0;
-        vertical-align: text-top;
-        width: 14px;
-    }
-    .caret {
-        border-bottom-color: #999999;
-        border-top-color: #999999;
-        margin-top: 18px;
-    }
-}
-
-/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
-.floating {
-    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
-    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
-    margin-top: 0;
-}
-
-.tdlabel {
-    font-weight: bold;
-    display: none;
-}
-
-td img {
-    max-width: none;
-}
-
-#ulactioncontainer {
-    min-width: 16em;
-}
-
-.notesrow {
-    label {
-        font-weight: bold;
-    }
-    span {
-        display: block;
-    }
-}
-
-.thumbnail-shelfbrowser span {
-    margin: 0px auto;
-}
-
-.dropdown-menu > li > a.menu-inactive:hover {
-    background : #FFF none;
-    color : #000;
-}
-
-.table {
-    .sorting_asc {
-        padding-right: 19px;
-        background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
-    }
-    .sorting_desc {
-        padding-right: 19px;
-        background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
-    }
-    .sorting {
-        padding-right: 19px;
-        background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
-    }
-    .nosort,
-    .nosort.sorting_asc,
-    .nosort.sorting_desc,
-    .nosort.sorting {
-        padding-right: 19px;
-        background: #ECEDE6 none;
-    }
-    th,
-    td {
-        line-height: 135%;
-    }
-}
-.tags, .shelves {
-    ul {
-        display: inline;
-        list-style: none;
-        margin-left : 0;
-        li {
-            display: inline;
-        }
-    }
-}
-.coverimages {
-    float : right;
-}
-#i18nMenu {
-    margin-left : 1em;
-    li {
-        font-size : 85%;
-        li {
-            font-size: 100%;
-        }
-        li > 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 {
-        display :inline;
-        vertical-align: middle;
-    }
-    ul {
-        border-bottom: 1px solid #EEE;
-        list-style-type: none;
-        margin: 0;
-        padding: .6em 0;
-    }
-    li {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-    }
-}
-
-
-#overdrive-results, #openlibrary-results {
-    font-weight: bold;
-    padding-left: 1em;
-}
-
-.throbber {
-    vertical-align: middle;
-}
-
-#overdrive-results-list .star-rating-control {
-    display: block;
-    overflow: auto;
-}
-
-#shelfbrowser {
-    table {
-        margin : 0;
-    }
-    table,
-    td,
-    th {
-        border : 0;
-        font-size : 90%;
-        text-align : center;
-    }
-    td,
-    th {
-        padding: 3px 5px;
-        width : 20%;
-    }
-    a {
-        display : block;
-        font-size : 110%;
-        font-weight : bold;
-        text-decoration : none;
-    }
-    #browser_next,
-    #browser_previous {
-        background-image : url("../images/sprite.png");
-        background-repeat: no-repeat;
-        width : 16px;
-        a {
-            cursor: pointer;
-            display : block;
-            height: 0 !important;
-            margin: 0;
-            overflow: hidden;
-            padding: 50px 0 0;
-            text-decoration: none;
-            width: 16px;
-        }
-    }
-    #browser_previous {
-        background-position: -9px -1007px;
-    }
-    #browser_next {
-        background-position: -9px -1057px;
-    }
-}
-
-#holds {
-    margin : 0 auto;
-    max-width: 800px;
-}
-.holdrow {
-    clear : both;
-    padding: 0 1em 1em 1em;
-    border-bottom:1px solid #CCC;
-    margin-bottom:.5em;
-    fieldset {
-        border : 0;
-        margin : 0;
-        float: none;
-        .label {
-            font-size: 14px;
-        }
-    }
-    label {
-        display: inline;
-    }
-}
-.hold-options {
-    clear : both;
-}
-.toggle-hold-options {
-    background-color: #eee;
-    clear : both;
-    display : block;
-    font-weight : bold;
-    margin: 1em 0;
-    padding: .5em;
-}
-.copiesrow {
-    clear : both;
-}
-
-#idreambooksreadometer {
-    float: right;
-}
-
-a.idreambooksrating {
-    font-size: 30px;
-    color: #29ADE4;
-    padding-left: 85px;
-    line-height: 30px;
-    text-decoration: none;
-}
-
-.idreambookslegend {
-    font-size: small;
-}
-
-a.reviewlink,
-a.reviewlink:visited {
-    text-decoration: none;
-    color: black;
-    font-weight: normal;
-}
-
-.idreambookssummary a {
-    color: #707070;
-    text-decoration: none;
-}
-
-.idreambookssummary img,
-.idbresult img {
-    vertical-align: middle;
-}
-
-.idbresult {
-    color: #29ADE4;
-    text-align: center;
-    margin: 0.5em;
-    padding: 0.5em;
-}
-
-.idbresult a,
-.idbresult a:visited {
-    text-decoration: none;
-    color: #29ADE4;
-}
-
-.idbresult img {
-    padding-right: 6px;
-}
-
-.js-show {
-    display: none;
-}
-
-.modal-nojs {
-    .modal-header,
-    .modal-footer {
-        display: none;
-    }
-}
-
-.contents {
-    width: 75%;
-}
-
-
-.contentblock {
-    font-size : 95%;
-    line-height: 135%;
-    position: relative;
-    margin-left: 2em;
-}
-
-.contents {
-    .t:first-child:before {
-        content: "→ ";
-    }
-    .t:before {
-        content: "\A → ";
-        white-space: pre;
-    }
-    .t {
-        font-weight: bold;
-        display: inline;
-    }
-    .r {
-        display: inline;
-    }
-}
-
-.m880 {
-    display:block;
-    text-align:right;
-    float:right;
-    width:50%;
-    padding-left:20px;
-}
-
-#memberentry-form input.error {
-    border-color: #c00;
-    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
-    color: red; outline: 0 none;
-}
-
-#memberentry-form input.error:focus {
-    border-color: #c00;
-    box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
-    color: red; outline: 0 none;
-}
-
-#memberentry-form label.error {
-    color: #c00; float: none;
-    font-size: 90%;
-}
-
-#illrequests {
-    .illrequest-actions {
-        .btn,
-        .cancel {
-            margin-right: 5px;
-        }
-        padding-top: 20px;
-        margin-bottom: 20px;
-    }
-    #illrequests-create-button {
-        margin-bottom: 20px;
-    }
-    .bg-info {
-        overflow: auto;
-        position: relative;
-    }
-    .bg-info {
-        #search-summary {
-            -webkit-transform: translateY(-50%);
-            -ms-transform: translateY(-50%);
-            -o-transform: translateY(-50%);
-            transform: translateY(-50%);
-            position: absolute;
-            top: 50%;
-        }
-
-    }
-    #freeform-fields .custom-name {
-        float: left;
-        width: 8em;
-        margin-right: 1em;
-        text-align: right;
-    }
-    .dropdown:hover .dropdown-menu.nojs {
-        display: block;
-    }
-}
-
-#dc_fieldset {
-    border: 1px solid #dddddd;
-    border-width: 1px;
-    padding: 5px;
-    border-radius: 10px
-}
-
-.label_dc{
-    display: inline;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer;
-}
-
-.btn-danger {
-    color: white !important;
-}
-
-.count_label {
-    @base: #369;
-    background-color: @base;
-    border-radius: 5px;
-    color: #FFF;
-    display: inline-block;
-    font-weight: bold;
-    min-width: 1.5em;
-    padding: .2em;
-    text-align: center;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-
-    &:hover {
-        background-color: lighten( @base, 20% );
-    }
-}
-
-.user_checkouts_count {
-
-}
-
-.user_overdues_count,
-.user_fines_count {
-    background-color: #990000;
-    &:hover {
-        background-color: lighten( #990000, 10% );
-    }
-}
-
-.user_holds_pending_count {
-
-}
-
-.user_holds_waiting_count {
-    background-color: #538200;
-    &:hover {
-        background-color: lighten( #538200, 10% );
-    }
-}
-
-#user_summary {
-    border: 1px solid #EAEAE6;
-    border-radius: 7px;
-    margin-bottom: 1em;
-    padding-bottom: .5em;
-
-    h3 {
-        background-color: #EAEAE6;
-        border-top-left-radius: 6px;
-        border-top-right-radius: 6px;
-        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
-        margin-top: 0;
-        padding: .2em 0;
-        text-align: center;
-    }
-
-    ul {
-        list-style-type: none;
-        margin: 0 0 .2em 0;
-
-        a {
-            display: block;
-            font-weight: bold;
-            padding: .2em 1em;
-        }
-    }
-}
-
-
-
-@import "responsive.less";
-- 
2.1.4