83 text-decoration: none;
91 &.loginModal-trigger {
101 text-decoration: none;
105 &.reviewlink:visited {
108 text-decoration: none;
112 vertical-align: middle;
157 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
159 float: left !important;
168 height: 0 !important;
172 text-decoration: none;
228 background-color: #FFF;
247 background-color: #FFFFE5;
257 background-color: #E2E8E8;
264 background-color: transparent;
282 @include border-radius-all( 3px );
283 background-color: #85ca11;
286 font-family: 'NotoSans';
294 .dropdown-menu-right {
307 padding: 10px 15px 10px;
308 text-decoration: none;
309 text-shadow: 0 1px 0 #FFFFFF;
313 &.dropdown-menu-right {
337 text-decoration: underline;
350 border-left-color: #CCC;
351 border-right-color: #FCF9FC;
378 display: inline-block;
388 border-left-color: #CCC;
389 border-right-color: #FCF9FC;
439 border: 1px solid #DDD;
452 border-bottom: 1px solid #EEE;
456 padding-bottom: .5em;
471 text-decoration: none;
477 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
481 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
490 background-color: #fcf9fc;
502 #selections-toolbar {
503 background: #e2e8e8 none;
512 .selections-toolbar.toolbar {
513 background: #e2e8e8 none;
561 filter: alpha(opacity=65);
578 /* Override Bootstrap alert */
580 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
581 border-color: #D6C43B;
584 /* Redefine a new style for Bootstrap's class "close" since we use that already */
585 /* Use <a class="closebtn" href="#">×</a> */
595 /* Override Bootstrap alert.alert-info */
597 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
598 border-color: #C5D1E5;
602 /* Override Bootstrap alert.alert-success */
604 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
605 border-color: #9FBA35;
609 /* Add style for Bootstrap dropdown-header class */
611 border-top: 1px solid #eee;
616 line-height: 1.42857143;
625 background-image: none;
626 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
633 background-color: #F0F3F3;
635 list-style: none outside none;
642 background-color: transparent;
645 display: inline-block;
650 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
651 vertical-align: middle;
663 font-family: FontAwesome;
664 display: inline-block;
681 background-color: #FFF;
682 border: 1px solid #F0F3F3;
700 background-color: #85ca11;
701 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
702 background-position: 0;
703 font-family: 'NotoSans';
705 background-color: #85ca11;
706 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
707 background-position: 0;
710 background-color: #85ca11;
711 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
712 background-position: 0;
715 background-color: #85ca11;
716 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
717 background-position: 0;
720 background-color: #85ca11;
721 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
722 background-position: 0;
726 input[type="text"]:focus {
727 border-color: #85ca11;
728 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
731 input[type="password"]:focus {
732 border-color: #85ca11;
733 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
743 .table-striped tbody > tr:nth-child(odd) > td,
744 .table-striped tbody > tr:nth-child(odd) > th {
745 background-color: #F0F3F3;
748 #availability_facet {
752 #facet-holdings-library {
757 background-color: #f0f3f3;
758 border: 1px solid #f0f3f3;
761 background-color: #f0f3f3;
766 /* jQuery UI standard tabs */
767 .ui-tabs-nav .ui-tabs-active a,
768 .ui-tabs-nav a:hover,
769 .ui-tabs-nav a:focus,
770 .ui-tabs-nav a:active,
771 .ui-tabs-nav span.a {
772 background: none repeat scroll 0 0 transparent;
781 font-family: 'NotoSans';
796 background: #F0F3F3 none;
797 border-color: #D8D8D8;
801 background-color: #FFF;
802 border: 1px solid #D8D8D8;
811 background: #FFF none;
813 background: #FFF none;
818 &.ui-state-default.ui-state-hover {
819 background: #F3F3F3 none;
825 border: 1px solid #D8D8D8;
829 &.ui-widget-content {
830 background: transparent none;
870 background: none repeat scroll 0 0 transparent;
872 border-bottom-left-radius: 4px;
873 border-bottom-right-radius: 4px;
874 border-top-left-radius: 4px;
875 border-top-right-radius: 4px;
880 list-style: none outside none;
883 padding: .2em .2em 0;
884 text-decoration: none;
899 background: none repeat scroll 0 0 #E6F0F2;
900 border: 1px solid #B9D8D9;
901 border-bottom: 0 none !important;
902 border-top-left-radius: 4px;
903 border-top-right-radius: 4px;
907 list-style: none outside none;
916 background-color: #FFFFFF;
922 background: none repeat scroll 0 0 transparent;
935 text-decoration: none;
938 background-color: #EDF4F5;
939 border-top-left-radius: 4px;
940 border-top-right-radius: 4px;
947 background: none repeat scroll 0 0 transparent;
948 border: 1px solid #B9D8D9;
949 border-bottom-left-radius: 4px;
950 border-bottom-right-radius: 4px;
957 /* End jQueryUI tab styles */
959 /* jQuery UI Datepicker */
965 border-collapse: collapse;
972 background: transparent none;
980 .ui-datepicker-trigger {
982 vertical-align: middle;
985 /* End jQueryUI datepicker styles */
991 background: #FFFFFF none;
992 border: 1px solid #AAA;
1001 color: $links-hover;
1006 background: #E6F0F2 none;
1007 border: 1px solid #AAA;
1013 .ui-widget-content .ui-state-default,
1014 .ui-widget-header .ui-state-default {
1015 background: #F4F8F9 none;
1016 border: 1px solid #AAA;
1018 font-weight: normal;
1022 .ui-widget-content .ui-state-hover,
1023 .ui-widget-header .ui-state-hover,
1025 .ui-widget-content .ui-state-focus,
1026 .ui-widget-header .ui-state-focus {
1027 background: #E6F0F2 none;
1028 border: 1px solid #AAA;
1030 font-weight: normal;
1034 .ui-widget-content .ui-state-active,
1035 .ui-widget-header .ui-state-active {
1036 background: #FFFFFF none;
1037 border: 1px solid #AAAAAA;
1039 font-weight: normal;
1042 .ui-state-highlight,
1043 .ui-widget-content .ui-state-highlight,
1044 .ui-widget-header .ui-state-highlight {
1045 background: #FBF9EE;
1046 border: 1px solid #FCEFA1;
1051 .ui-widget-content .ui-state-error,
1052 .ui-widget-header .ui-state-error {
1053 background: #FEF1EC;
1054 border: 1px solid #CD0A0A;
1058 /* end jQueryUI core */
1065 @include border-radius-all( 3px );
1066 background-color: #FFF;
1067 border: 1px solid #AAA;
1082 margin-bottom: 10px;
1087 margin: 0 1em 1em 0;
1091 .custom_cover_image {
1103 background-color: transparent;
1106 font-weight: normal;
1112 background-color: #999999;
1115 display: inline-block;
1118 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1122 background-color: #B94A48;
1126 background-color: #F89406;
1130 background-color: #468847;
1134 background-color: #3A87AD;
1138 background-color: #333333;
1178 list-style-type: none;
1179 padding: 1em 1em 0 1em;
1199 list-style-type: none;
1200 padding-bottom: 1em;
1204 padding-left: 8.5em;
1226 padding: 1em 0 .3em;
1262 list-style-type: none;
1264 padding: .5em 1em 0 0;
1274 border-bottom: 1px solid #EEE;
1277 list-style-type: none;
1278 padding-bottom: .2em;
1297 /* different sizes for different tags in opac-tags.tt */
1340 background-color: #EEEEEE;
1341 border: 1px solid #E8E8E8;
1343 padding: 3px 3px 5px 5px;
1344 vertical-align: middle;
1347 white-space: nowrap;
1360 line-height: inherit;
1363 white-space: nowrap;
1376 border-left: 1px solid #E8E8E8;
1397 padding: 7px 5px 9px 9px;
1401 #selections-toolbar,
1402 .selections-toolbar {
1403 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1436 font-weight: normal;
1441 margin-bottom: .5em;
1442 padding: 0 2em .2em .2em;
1446 background-color: #F0F3F3;
1447 border: 1px solid #C9C9C9;
1450 display: inline-block;
1456 font-weight: normal;
1457 display: inline-block;
1463 vertical-align: middle;
1467 #bibliodescriptions,
1474 background-color: #FFF;
1480 background: transparent none;
1487 display: inline-block;
1488 margin: 10px 0 0 10px;
1500 .results-pagination {
1501 background-color: #F3F3F3;
1503 padding-bottom: 10px;
1514 background: none !important;
1515 color: #999 !important;
1526 border-top: 1px solid #DDDDDD;
1533 background-color: #DDDDDD;
1545 padding-right: 10px;
1551 .pagination_footer {
1552 background-color: #E1E1E1;
1561 background-color: #E1E1E1;
1570 border: 1px solid #D0D0D0;
1579 display: inline-block;
1581 text-decoration: none;
1585 background-color: #F3F3F3;
1586 border-top: 1px solid #D0D0D0;
1588 white-space: nowrap;
1592 display: inline-block;
1599 border-left: 1px solid #D0D0D0;
1600 border-right: 1px solid #D0D0D0;
1606 background-color: #F3F3F3;
1609 font-weight: normal;
1612 text-decoration: none;
1624 display: inline-block;
1626 font-weight: normal;
1631 background-color: #999999;
1634 font-weight: normal;
1636 text-decoration: none;
1639 background-color: #006699;
1645 background-color: #616161;
1656 list-style-type: none;
1675 border-top: 1px solid #DDD;
1679 display: inline-block;
1691 text-decoration: underline;
1697 /* action buttons */
1699 background-color: #F0F3F3;
1700 border: 1px solid #E8E8E8;
1712 text-decoration: none;
1718 #moresearches_menu {
1724 font-weight: normal;
1733 .highlight_controls {
1768 .tag_results_input {
1773 input[type="text"] {
1785 input[type="text"] {
1796 .branch-info-tooltip {
1800 .ui-tooltip-content p {
1808 border: 1px solid transparent;
1810 display: inline-block;
1818 border: 1px solid #EEE;
1855 background-color: transparent;
1866 padding-bottom: .6em;
1874 padding-bottom: .6em;
1898 border: 1px solid #EEE;
1905 font-family: monospace;
1911 background-color: #FFF;
1915 vertical-align: top;
1916 white-space: nowrap;
1922 vertical-align: top;
1953 .authstanzaheading {
1957 .authorizedheading {
1963 .authres_otherscript {
1972 @include border-radius-all( 3px );
1973 background-color: #EEE;
1974 border: 1px solid #E8E8E8;
1975 box-sizing: border-box;
1981 background-color: #FFFBEA;
1982 border-color: #F4ECBE;
1991 display: inline-block;
1996 padding-left: .25em;
2002 font-weight: normal;
2003 text-decoration: underline;
2021 background: #85ca11 none;
2024 background: #85ca11 none;
2033 background-color: #FFF;
2034 border: 1px solid rgba( 0, 0, 0, .2 );
2036 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2048 white-space: nowrap;
2053 border: 1px solid #D2D2CF;
2070 background-color: #F0F3F3;
2071 border-bottom: 1px solid #D8D8D8;
2075 text-decoration: none;
2086 list-style-type: none;
2090 font-weight: normal;
2105 font-weight: normal;
2109 display: inline-block;
2118 list-style-type: none;
2121 background-color: #F0F3F3;
2122 border: 1px solid #D8D8D8;
2123 border-bottom-color: #999;
2129 text-decoration: none;
2132 background: #EAEEF5;
2138 background-color: #FFF;
2139 background-image: none;
2140 border-right-width: 0;
2144 background-color: #FFF;
2159 /* Search results add to cart (lists disabled) */
2164 padding: 0 0 .6em 0;
2172 @include border-radius-all( 3px );
2174 background-color: rgba( 255, 255, 204, .4 );
2175 border: 1px solid #CCC;
2176 display: inline-block;
2181 background-color: rgba( 239, 254, 213, .4 );
2191 .commentline .avatar {
2196 /* style for search terms in catalogsearch */
2199 background-color: #FFFFCC;
2203 /* style for shelving location in catalogsearch */
2212 font-weight: normal;
2218 padding: 0 .2em 0 .5em;
2219 text-shadow: 1px 1px 0 #FFF;
2223 border-bottom-left-radius: 3px;
2224 border-top-left-radius: 3px;
2229 border-bottom-right-radius: 3px;
2230 border-top-right-radius: 3px;
2231 border-width: 1px 1px 1px 0;
2234 %page-middle-child {
2235 background-color: #FFFFFF;
2236 border-color: #DDDDDD;
2238 border-style: solid;
2239 border-width: 1px 1px 1px 0;
2244 text-decoration: none;
2252 @extend %page-first-child;
2256 @extend %page-last-child;
2261 @extend %page-middle-child;
2264 @extend %page-first-child;
2268 @extend %page-last-child;
2273 @extend %page-middle-child;
2274 background-color: #F5F5F5;
2278 @extend %page-middle-child;
2282 border-bottom-right-radius: 3px;
2283 border-top-right-radius: 3px;
2288 @include border-radius-all( 3px );
2289 background-color: #FFF0B1;
2290 display: inline-block;
2297 white-space: nowrap;
2305 font-weight: normal;
2320 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2321 /* Use <a class="closebtn" href="#">×</a> */
2323 .modal-header .closebtn {
2334 text-shadow: 0 1px 0 #FFFFFF;
2340 text-decoration: none;
2349 color: $links-hover;
2350 text-decoration: none;
2355 background: transparent;
2384 filter: alpha(opacity=65);
2391 filter: alpha(opacity=65);
2404 margin-left: -200px;
2408 box-sizing: border-box;
2418 transition: background-color .5s ease;
2421 background: #77b50f none;
2443 .nologininstructions,
2445 .patronregistration {
2463 margin-bottom: .5em;
2474 .ItemSummary .LabelCallNumber::before {
2478 .ItemSummary .CallNumber::after {
2500 background-color: #F0F3F3;
2501 border: 1px solid #F0F3F3;
2508 .librarypulldown .transl1 {
2512 .nolibrarypulldown {
2528 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2530 float: left !important;
2539 height: 0 !important;
2543 text-decoration: none;
2546 background-color: transparent;
2551 #user-menu-trigger {
2560 border-bottom-color: #999999;
2561 border-top-color: #999999;
2566 #header-region .icon-white {
2567 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2570 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2572 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2582 #ulactioncontainer {
2596 .thumbnail-shelfbrowser span {
2602 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2603 padding-right: 19px;
2607 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2608 padding-right: 19px;
2612 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2613 padding-right: 19px;
2617 .nosort.sorting_asc,
2618 .nosort.sorting_desc,
2620 background: #E2E8E8 none;
2621 padding-right: 19px;
2632 thead:first-child tr:first-child > th {
2640 tbody:last-child tr:last-child > td {
2670 vertical-align: middle;
2674 border-bottom: 1px solid #EEE;
2675 list-style-type: none;
2681 list-style-type: none;
2689 #recordedbooks-results,
2690 #openlibrary-results {
2696 vertical-align: middle;
2699 #overdrive-results-list .star-rating-control {
2724 vertical-align: middle;
2733 text-decoration: none;
2738 transform: rotate(-90deg);
2739 white-space: nowrap;
2749 transform: rotate(90deg);
2750 white-space: nowrap;
2765 border-bottom: 1px solid #CCC;
2767 margin-bottom: .5em;
2768 padding: 0 1em 1em 1em;
2789 .toggle-hold-options {
2790 background-color: #EEE;
2802 #idreambooksreadometer {
2806 .idreambookslegend {
2810 .idreambookssummary {
2813 text-decoration: none;
2817 vertical-align: middle;
2829 vertical-align: middle;
2834 text-decoration: none;
2853 .t:first-child::before {
2891 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2897 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2912 .illrequest-actions {
2913 margin-bottom: 20px;
2922 #illrequests-create-button {
2923 margin-bottom: 20px;
2933 transform: translateY( -50% );
2938 #freeform-fields .custom-name {
2945 .dropdown:hover .dropdown-menu.nojs {
2951 .ill_availability_sourcename {
2955 #continue-request-row {
2960 border: 1px solid #DDDDDD;
2961 border-radius: 10px;
2974 color: white !important;
2979 background-color: $base;
2982 display: inline-block;
2987 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2990 background-color: lighten( $base, 20% );
2994 .user_overdues_count,
2996 background-color: #990000;
2999 background-color: lighten( #990000, 10% );
3003 .user_holds_waiting_count {
3004 background-color: #538200;
3007 background-color: lighten( #538200, 10% );
3012 border: 1px solid #EAEAE6;
3014 padding-bottom: .5em;
3017 background-color: #E2E8E8;
3025 list-style-type: none;
3040 .adlibris-cover-big {
3044 /* jQuery Bar Rating plugin for star ratings */
3046 $star-default: #D2D2D2;
3047 $star-active: #C24A4A;
3048 $star-selected: #EDB867;
3051 display: inline-block;
3054 .br-theme-fontawesome-stars {
3058 white-space: nowrap;
3061 -webkit-font-smoothing: antialiased;
3062 font: normal normal normal 20px/1 FontAwesome;
3064 text-decoration: none;
3065 text-rendering: auto;
3068 color: $star-default;
3074 color: $star-active;
3080 color: $star-selected;
3086 .br-current-rating {
3099 #cancel_rating_text {
3106 .br-theme-fontawesome-stars {
3116 &.br-selected::after {
3127 /* END jQuery Bar Rating plugin for star ratings */
3138 /*opac browse search*/
3143 display: inline-block;
3152 #browse-resultswrapper {
3155 @media (min-width: 768px) and (max-width: 984px) {
3159 @media (max-width: 767px) {
3163 #browse-searchresults, #browse-selectionsearch {
3164 border: 1px solid #E3E3E3;
3171 #browse-searchresults {
3181 background-color:#EEE;
3189 @media (max-width: 767px) {
3197 @media (max-width: 767px) {
3201 #browse-selectionsearch ol {
3209 background-color: #F4F4F4;
3213 #browse-selectionsearch p.subjects {
3217 #browse-selectionsearch h4 {
3220 .error, .no-results {
3221 background-color: #EEE;
3222 border: 1px solid #E8E8E8;
3237 /*end browse search*/
3239 /* Skip to content link. CSS adapted from https://webaim.org/ */
3241 background: #c60000;
3242 border: 1px solid white;
3243 border-radius: 0 0 4px 0;
3244 border-width: 0 1px 1px 0;
3249 text-decoration: none;
3250 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
3252 transition: top .5s ease-out;
3257 outline-color: transparent;
3260 transition: top .1s ease-in;
3264 @import "responsive";