Attachment #87610 for bug #15326

View | Details | Raw Unified | Return to bug 15326
Collapse All | Expand All




                            [% 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 | 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 | uri %]">[% link.title_link | html %]</a>
                            </li>
                        [% END %]
                    [% END %]




[% USE Koha %]
[% USE Branches %]
[% INCLUDE 'doc-head-open.inc' %]
<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>

            [% FOREACH parent IN parents %]
                [% IF parent.id == cms_page.parent %]
                    <li>
                        <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 | html %]</a></li>
    </ul>

    [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]

        [% END %]

            [% IF ( cms_page.publish == 1 ) || ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]
                [% cms_page.content | $raw %]
            [% ELSE %]
                This page has not been published.
            [% END %]




@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";
- 

Return to bug 15326

Lines 9-22 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/navigation.inc (-3 / +3 lines)
9	[% FOREACH parent IN parent_list %]	9	[% FOREACH parent IN parent_list %]
10	[% IF ( parent.id == link.parent ) %]	10	[% IF ( parent.id == link.parent ) %]
11	<li style="margin-left:20px;">	11	<li style="margin-left:20px;">
12	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent %]">[% parent.title_link \| html %]</a> &rsaquo;	12	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.parent \| uri %]">[% parent.title_link \| html %]</a> &rsaquo;
13	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link \| html %]</a>	13	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id \| uri %]">[% link.title_link \| html %]</a>
14	</li>	14	</li>
15	[% END %]	15	[% END %]
16	[% END %]	16	[% END %]
17	[% ELSE %]	17	[% ELSE %]
18	<li>	18	<li>
19	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id %]">[% link.title_link \| html %]</a>	19	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% link.id \| uri %]">[% link.title_link \| html %]</a>
20	</li>	20	</li>
21	[% END %]	21	[% END %]
22	[% END %]	22	[% END %]

Lines 1-7 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-cmspages.tt (-4 / +4 lines)
1	[% USE Koha %]	1	[% USE Koha %]
2	[% USE Branches %]	2	[% USE Branches %]
3	[% INCLUDE 'doc-head-open.inc' %]	3	[% INCLUDE 'doc-head-open.inc' %]
4	<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title %][% END%]</title>	4	<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle \| html %][% ELSE %]Koha online catalog[% END %][% IF (cms_page.title) %] &rsaquo; [% cms_page.title \| html %][% END%]</title>
5	[% INCLUDE 'doc-head-close.inc' %]	5	[% INCLUDE 'doc-head-close.inc' %]
6	[% BLOCK cssinclude %][% END %]	6	[% BLOCK cssinclude %][% END %]
7	</head>	7	</head>
Lines 15-27 Link Here
15	[% FOREACH parent IN parents %]	15	[% FOREACH parent IN parents %]
16	[% IF parent.id == cms_page.parent %]	16	[% IF parent.id == cms_page.parent %]
17	<li>	17	<li>
18	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent %]">[% parent.title_link %]</a>	18	<a href="/cgi-bin/koha/opac-cmspages.pl?id=[% cms_page.parent \| uri %]">[% parent.title_link \| html%]</a>
19	<span class="divider">&rsaquo;</span>	19	<span class="divider">&rsaquo;</span>
20	</li>	20	</li>
21	[% END %]	21	[% END %]
22	[% END %]	22	[% END %]
23	[% END %]	23	[% END %]
24	<li><a href="#">[% cms_page.title_link %]</a></li>	24	<li><a href="#">[% cms_page.title_link \| html %]</a></li>
25	</ul>	25	</ul>
26		26
27	[% IF Koha.Preference( 'opacuserlogin' ) == 1 %]	27	[% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
Lines 50-56 Link Here
50	[% END %]	50	[% END %]
51		51
52	[% IF ( cms_page.publish == 1 ) \|\| ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]	52	[% IF ( cms_page.publish == 1 ) \|\| ( cms_page.publish == 0 && CAN_user_tools_edit_pages ) %]
53	[% cms_page.content %]	53	[% cms_page.content \| $raw %]
54	[% ELSE %]	54	[% ELSE %]
55	This page has not been published.	55	This page has not been published.
56	[% END %]	56	[% END %]