79 &.loginModal-trigger {
103 text-decoration: none;
107 &.reviewlink:visited {
110 text-decoration: none;
114 vertical-align: middle;
118 @extend %initial_icon;
119 background-position: -5px -262px; /* Cart */
124 @extend %initial_icon;
125 background-position: -5px -222px; /* Virtual shelf */
130 @extend %initial_icon;
131 background-position: -2px -868px; /* Zoom out */
138 @extend %initial_icon;
139 background-position: -2px -898px; /* Zoom in */
144 @extend %initial_icon;
145 background-position: -5px -348px; /* Download */
150 @extend %initial_icon;
151 background-position: 2px -348px; /* List edit */
156 @extend %initial_icon;
157 background-position: 2px -598px; /* Trash */
162 @extend %initial_icon;
163 background-position: -3px -814px; /* Close */
168 @extend %initial_icon;
169 background-position: -5px -836px; /* Highlight */
175 @extend %initial_icon;
176 background-position: -2px -453px; /* Toolbar place hold */
180 @extend %initial_icon;
181 background-position: -5px -621px; /* Place hold disabled */
186 @extend %initial_icon;
187 background-position: -5px -265px; /* Cart */
193 @extend %initial_icon;
194 background-position: -4px -922px;
199 @extend %initial_icon;
200 background-position: 0 -423px; /* Toolbar print */
205 @extend %initial_icon;
206 background-position: 0 -187px; /* Toolbar print */
211 @extend %initial_icon;
212 background-position: 2px -690px; /* Delete */
216 @extend %initial_icon;
217 background-position: 2px -712px; /* Delete disabled */
222 @extend %initial_icon;
223 background-position: -6px -141px; /* Place hold */
228 @extend %initial_icon;
229 background-position: 0 -24px; /* Place article request */
234 @extend %initial_icon;
235 background-position: 2px -386px; /* Email */
240 @extend %initial_icon;
241 background-position: 2px -1148px; /* List share */
246 @extend %initial_icon;
247 background-position: 3px -1111px; /* Tag results */
252 @extend %initial_icon;
262 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
264 float: left !important;
273 height: 0 !important;
277 text-decoration: none;
333 background-color: #FFF;
352 background-color: #FFFFE5;
366 background-color: #E2E8E8;
373 background-color: transparent;
391 @include border-radius-all( 3px );
392 background-color: #85ca11;
395 font-family: 'NotoSans';
459 border: 1px solid #DDD;
472 border-bottom: 1px solid #EEE;
476 padding-bottom: .5em;
491 text-decoration: none;
497 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
501 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
510 background-color: #fcf9fc;
522 #selections-toolbar {
523 background: #e2e8e8 none;
532 .selections-toolbar.toolbar {
533 background: #e2e8e8 none;
538 background-repeat: no-repeat;
540 text-decoration: none;
544 background-image: url( "../images/sprite.png" ); /* Place hold small */
545 background-position: -5px -539px;
550 background-image: url( "../images/sprite.png" ); /* Place hold small */
551 background-position: -2px -26px;
556 background-image: url( "../images/sprite.png" ); /* Cart small */
557 background-position: -5px -570px;
562 background-image: url( "../images/sprite.png" ); /* MARC view */
563 background-position: -5px -24px;
568 background-position: -5px -27px;
573 background-position: -5px -1110px;
577 /* List contents remove from list link */
579 background-position: -8px -690px; /* Delete */
585 /* Override Bootstrap alert */
587 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
588 border-color: #D6C43B;
591 /* Redefine a new style for Bootstrap's class "close" since we use that already */
592 /* Use <a class="closebtn" href="#">×</a> */
602 /* Override Bootstrap alert.alert-info */
604 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
605 border-color: #C5D1E5;
609 /* Override Bootstrap alert.alert-success */
611 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
612 border-color: #9FBA35;
617 background-color: #F0F3F3;
619 list-style: none outside none;
626 @extend %initial_icon;
627 background-color: transparent;
628 background-position: 0 -184px; /* Toolbar print */
647 background-color: #FFF;
648 border: 1px solid #F0F3F3;
666 background-color: #85ca11;
667 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
668 background-position: 0;
669 font-family: 'NotoSans';
671 background-color: #85ca11;
672 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
673 background-position: 0;
676 background-color: #85ca11;
677 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
678 background-position: 0;
681 background-color: #85ca11;
682 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
683 background-position: 0;
686 background-color: #85ca11;
687 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
688 background-position: 0;
692 input[type="text"]:focus {
693 border-color: #85ca11;
694 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
697 input[type="password"]:focus {
698 border-color: #85ca11;
699 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
709 .table-striped tbody > tr:nth-child(odd) > td,
710 .table-striped tbody > tr:nth-child(odd) > th {
711 background-color: #F0F3F3;
714 #availability_facet {
718 #facet-holdings-library {
723 background-color: #f0f3f3;
724 border: 1px solid #f0f3f3;
726 background-color: #f0f3f3;
731 /* jQuery UI standard tabs */
732 .ui-tabs-nav .ui-tabs-active a,
733 .ui-tabs-nav a:hover,
734 .ui-tabs-nav a:focus,
735 .ui-tabs-nav a:active,
736 .ui-tabs-nav span.a {
737 background: none repeat scroll 0 0 transparent;
746 font-family: 'NotoSans';
761 background: #F0F3F3 none;
762 border-color: #D8D8D8;
766 background-color: #FFF;
767 border: 1px solid #D8D8D8;
776 background: #FFF none;
778 background: #FFF none;
783 &.ui-state-default.ui-state-hover {
784 background: #F3F3F3 none;
790 border: 1px solid #D8D8D8;
794 &.ui-widget-content {
795 background: transparent none;
839 background: none repeat scroll 0 0 transparent;
841 border-bottom-left-radius: 4px;
842 border-bottom-right-radius: 4px;
843 border-top-left-radius: 4px;
844 border-top-right-radius: 4px;
849 list-style: none outside none;
852 padding: .2em .2em 0;
853 text-decoration: none;
868 background: none repeat scroll 0 0 #E6F0F2;
869 border: 1px solid #B9D8D9;
870 border-bottom: 0 none !important;
871 border-top-left-radius: 4px;
872 border-top-right-radius: 4px;
876 list-style: none outside none;
885 background-color: #FFFFFF;
891 background: none repeat scroll 0 0 transparent;
904 text-decoration: none;
907 background-color: #EDF4F5;
908 border-top-left-radius: 4px;
909 border-top-right-radius: 4px;
916 background: none repeat scroll 0 0 transparent;
917 border: 1px solid #B9D8D9;
918 border-bottom-left-radius: 4px;
919 border-bottom-right-radius: 4px;
926 /* End jQueryUI tab styles */
928 /* jQuery UI Datepicker */
934 border-collapse: collapse;
941 background: transparent none;
949 .ui-datepicker-trigger {
951 vertical-align: middle;
954 /* End jQueryUI datepicker styles */
960 background: #FFFFFF none;
961 border: 1px solid #AAA;
971 background: #E6F0F2 none;
972 border: 1px solid #AAA;
978 .ui-widget-content .ui-state-default,
979 .ui-widget-header .ui-state-default {
980 background: #F4F8F9 none;
981 border: 1px solid #AAA;
987 .ui-widget-content .ui-state-hover,
988 .ui-widget-header .ui-state-hover,
990 .ui-widget-content .ui-state-focus,
991 .ui-widget-header .ui-state-focus {
992 background: #E6F0F2 none;
993 border: 1px solid #AAA;
999 .ui-widget-content .ui-state-active,
1000 .ui-widget-header .ui-state-active {
1001 background: #FFFFFF none;
1002 border: 1px solid #AAAAAA;
1004 font-weight: normal;
1007 .ui-state-highlight,
1008 .ui-widget-content .ui-state-highlight,
1009 .ui-widget-header .ui-state-highlight {
1010 background: #FBF9EE;
1011 border: 1px solid #FCEFA1;
1016 .ui-widget-content .ui-state-error,
1017 .ui-widget-header .ui-state-error {
1018 background: #FEF1EC;
1019 border: 1px solid #CD0A0A;
1023 /* end jQueryUI core */
1030 @include border-radius-all( 3px );
1031 background-color: #FFF;
1032 border: 1px solid #AAA;
1047 margin-bottom: 10px;
1052 margin: 0 1em 1em 0;
1062 background-color: transparent;
1065 font-weight: normal;
1071 background-color: #999999;
1074 display: inline-block;
1077 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1081 background-color: #B94A48;
1085 background-color: #F89406;
1089 background-color: #468847;
1093 background-color: #3A87AD;
1097 background-color: #333333;
1137 list-style-type: none;
1138 padding: 1em 1em 0 1em;
1158 list-style-type: none;
1159 padding-bottom: 1em;
1163 padding-left: 8.5em;
1185 padding: 1em 0 .3em;
1221 list-style-type: none;
1223 padding: .5em 1em 0 0;
1233 border-bottom: 1px solid #EEE;
1236 list-style-type: none;
1237 padding-bottom: .2em;
1256 /* different sizes for different tags in opac-tags.tt */
1299 background-color: #EEEEEE;
1300 border: 1px solid #E8E8E8;
1302 padding: 3px 3px 5px 5px;
1303 vertical-align: middle;
1306 white-space: nowrap;
1319 line-height: inherit;
1322 white-space: nowrap;
1342 border-left: 1px solid #E8E8E8;
1359 padding: 7px 5px 9px 9px;
1363 #selections-toolbar,
1364 .selections-toolbar {
1365 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1375 %tag_button_default {
1376 background-color: transparent;
1377 background-image: url( "../images/sprite.png" );
1378 background-position: 1px -643px;
1379 background-repeat: no-repeat;
1385 text-decoration: none;
1390 text-decoration: underline;
1393 %tag_button_disabled {
1396 text-decoration: none;
1400 @extend %tag_button_default;
1403 background-position: -1px -667px;
1407 #selections-toolbar {
1410 @extend %tag_button_hover;
1414 @extend %tag_button_disabled;
1417 @extend %tag_button_disabled;
1423 @extend %tag_button_disabled;
1426 @extend %tag_button_disabled;
1431 #tagsel_span input {
1433 @extend %tag_button_default;
1437 @extend %tag_button_hover;
1441 @extend %tag_button_disabled;
1444 @extend %tag_button_disabled;
1449 @extend %tag_button_disabled;
1452 @extend %tag_button_disabled;
1457 .selections-toolbar a.disabled {
1458 @extend %tag_button_disabled;
1461 @extend %tag_button_disabled;
1488 font-weight: normal;
1493 margin-bottom: .5em;
1494 padding: 0 2em .2em .2em;
1498 background-color: #F0F3F3;
1499 border: 1px solid #C9C9C9;
1502 display: inline-block;
1504 white-space: nowrap;
1508 background-image: url( "../images/sprite.png" );
1509 background-repeat: no-repeat;
1511 font-weight: normal;
1513 text-decoration: none;
1517 #bibliodescriptions,
1524 background-color: #FFF;
1529 background-position: -9px -28px;
1533 background-position: -10px -56px;
1537 background-position: -8px 1px;
1542 background: transparent none;
1547 .results-pagination {
1548 background-color: #F3F3F3;
1550 padding-bottom: 10px;
1561 background: none !important;
1562 color: #999 !important;
1573 border-top: 1px solid #DDDDDD;
1580 background-color: #DDDDDD;
1592 padding-right: 10px;
1598 .pagination_footer {
1599 background-color: #E1E1E1;
1608 background-color: #E1E1E1;
1617 border: 1px solid #D0D0D0;
1626 display: inline-block;
1628 text-decoration: none;
1632 background-color: #F3F3F3;
1633 border-top: 1px solid #D0D0D0;
1635 white-space: nowrap;
1639 display: inline-block;
1646 border-left: 1px solid #D0D0D0;
1647 border-right: 1px solid #D0D0D0;
1653 background-color: #F3F3F3;
1656 font-weight: normal;
1659 text-decoration: none;
1671 display: inline-block;
1673 font-weight: normal;
1678 background-color: #999999;
1681 font-weight: normal;
1683 text-decoration: none;
1686 background-color: #006699;
1692 background-color: #616161;
1700 border-top: 1px solid #DDD;
1704 display: inline-block;
1716 text-decoration: underline;
1722 /* action buttons */
1724 background-color: #F0F3F3;
1725 border: 1px solid #E8E8E8;
1727 padding-bottom: 3px;
1737 text-decoration: none;
1742 #moresearches_menu {
1748 font-weight: normal;
1762 .highlight_controls {
1767 background-image: url( "../images/sprite.png" );
1768 background-repeat: no-repeat;
1769 text-decoration: none;
1774 @extend %initial_icon;
1775 background-color: transparent;
1776 background-position: -2px -453px; /* Toolbar place hold */
1781 text-decoration: none;
1784 @extend %initial_icon;
1785 background-position: -5px -621px; /* Place hold disabled */
1790 @extend %initial_icon;
1791 background-color: transparent;
1792 background-position: 2px -734px; /* List edit */
1799 text-decoration: none;
1808 @extend %initial_icon;
1809 background-position: 2px -761px; /* List new */
1818 @extend %initial_icon;
1819 background-position: -4px -791px; /* List new disabled */
1824 @extend %initial_icon;
1825 background-color: transparent;
1826 background-position: 2px -687px; /* Delete */
1833 text-decoration: none;
1844 background-position: 0 -712px; /* Delete */
1857 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1858 background-position: -6px -1130px;
1859 background-repeat: no-repeat;
1861 text-decoration: none;
1864 .tag_results_input {
1869 input[type="text"] {
1881 input[type="text"] {
1892 .branch-info-tooltip {
1896 .ui-tooltip-content p {
1902 background: transparent url( "../images/social-sprite.png" ) no-repeat;
1904 height: 20px !important;
1905 text-indent: -999em;
1916 margin: .5em 0 .5em .5em !important;
1920 float: left !important;
1921 margin: .5em 0 .5em .2em !important;
1925 background-position: -7px -35px;
1929 background-position: -7px -5px;
1933 background-position: -7px -95px;
1937 background-position: -7px -66px;
1941 background-position: -7px -126px;
1948 background-color: transparent;
1959 padding-bottom: .6em;
1967 padding-bottom: .6em;
1991 border: 1px solid #EEE;
1998 font-family: monospace;
2004 background-color: #FFF;
2008 vertical-align: top;
2009 white-space: nowrap;
2015 vertical-align: top;
2024 background-repeat: no-repeat;
2027 text-decoration: none;
2031 #renewselected_link {
2032 background-image: url( "../images/sprite.png" );
2033 background-position: -5px -986px;
2034 background-repeat: no-repeat;
2038 background-image: url( "../images/sprite.png" );
2039 background-position: -8px -967px;
2040 background-repeat: no-repeat;
2059 .authstanzaheading {
2063 .authorizedheading {
2069 .authres_otherscript {
2078 @include border-radius-all( 3px );
2079 background-color: #EEE;
2080 border: 1px solid #E8E8E8;
2081 box-sizing: border-box;
2087 background-color: #FFFBEA;
2088 border-color: #F4ECBE;
2097 display: inline-block;
2102 padding-left: .25em;
2108 font-weight: normal;
2109 text-decoration: underline;
2127 background: #85ca11 none;
2130 background: #85ca11 none;
2140 background-color: #FFF;
2141 border: 1px solid rgba( 0, 0, 0, .2 );
2143 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2155 white-space: nowrap;
2160 border: 1px solid #D2D2CF;
2177 background-color: #F0F3F3;
2178 border-bottom: 1px solid #D8D8D8;
2182 text-decoration: none;
2189 list-style-type: none;
2193 font-weight: normal;
2208 font-weight: normal;
2209 text-decoration: underline;
2213 display: inline-block;
2222 list-style-type: none;
2225 background-color: #F0F3F3;
2226 border: 1px solid #D8D8D8;
2227 border-bottom-color: #999;
2233 text-decoration: none;
2236 background: #EAEEF5;
2242 background-color: #FFF;
2243 background-image: none;
2244 border-right-width: 0;
2248 background-color: #FFF;
2263 /* Search results add to cart (lists disabled) */
2266 background-image: url( "../images/sprite.png" ); /* Cart */
2267 background-position: -5px -266px;
2268 background-repeat: no-repeat;
2270 text-decoration: none;
2277 padding: 0 0 .6em 0;
2285 &.highlight_toggle {
2286 background-image: url( "../images/sprite.png" ); /* Highlight */
2287 background-position: -11px -837px;
2288 background-repeat: no-repeat;
2290 font-weight: normal;
2291 padding: 0 10px 0 21px;
2296 @include border-radius-all( 3px );
2298 background-color: rgba( 255, 255, 204, .4 );
2299 border: 1px solid #CCC;
2300 display: inline-block;
2305 background-color: rgba( 239, 254, 213, .4 );
2315 .commentline .avatar {
2320 /* style for search terms in catalogsearch */
2323 background-color: #FFFFCC;
2327 /* style for shelving location in catalogsearch */
2336 font-weight: normal;
2338 text-decoration: underline;
2343 padding: 0 .2em 0 .5em;
2344 text-shadow: 1px 1px 0 #FFF;
2348 border-bottom-left-radius: 3px;
2349 border-top-left-radius: 3px;
2354 border-bottom-right-radius: 3px;
2355 border-top-right-radius: 3px;
2356 border-width: 1px 1px 1px 0;
2359 %page-middle-child {
2360 background-color: #FFFFFF;
2361 border-color: #DDDDDD;
2363 border-style: solid;
2364 border-width: 1px 1px 1px 0;
2369 text-decoration: none;
2377 @extend %page-first-child;
2381 @extend %page-last-child;
2386 @extend %page-middle-child;
2389 @extend %page-first-child;
2393 @extend %page-last-child;
2398 @extend %page-middle-child;
2399 background-color: #F5F5F5;
2403 @extend %page-middle-child;
2407 border-bottom-right-radius: 3px;
2408 border-top-right-radius: 3px;
2413 @include border-radius-all( 3px );
2414 background-color: #FFF0B1;
2415 display: inline-block;
2422 white-space: nowrap;
2430 font-weight: normal;
2445 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2446 /* Use <a class="closebtn" href="#">×</a> */
2448 .modal-header .closebtn {
2459 text-shadow: 0 1px 0 #FFFFFF;
2465 text-decoration: none;
2470 background: transparent;
2483 margin-left: -200px;
2487 box-sizing: border-box;
2497 transition: background-color .5s ease;
2500 background: #77b50f none;
2522 .nologininstructions,
2524 .patronregistration {
2542 margin-bottom: .5em;
2571 background-color: #F0F3F3;
2572 border: 1px solid #F0F3F3;
2579 .librarypulldown .transl1 {
2583 .nolibrarypulldown {
2599 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2601 float: left !important;
2610 height: 0 !important;
2614 text-decoration: none;
2617 background-color: transparent;
2622 #user-menu-trigger {
2631 border-bottom-color: #999999;
2632 border-top-color: #999999;
2637 #header-region .icon-white {
2638 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2641 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2643 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2652 #ulactioncontainer {
2666 .thumbnail-shelfbrowser span {
2672 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2673 padding-right: 19px;
2677 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2678 padding-right: 19px;
2682 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2683 padding-right: 19px;
2687 .nosort.sorting_asc,
2688 .nosort.sorting_desc,
2690 background: #E2E8E8 none;
2691 padding-right: 19px;
2702 thead:first-child tr:first-child > th {
2710 tbody:last-child tr:last-child > td {
2741 vertical-align: middle;
2745 border-bottom: 1px solid #EEE;
2746 list-style-type: none;
2752 list-style-type: none;
2760 #recordedbooks-results,
2761 #openlibrary-results {
2767 vertical-align: middle;
2770 #overdrive-results-list .star-rating-control {
2798 text-decoration: none;
2803 background-image: url( "../images/sprite.png" );
2804 background-repeat: no-repeat;
2810 height: 0 !important;
2814 text-decoration: none;
2820 background-position: -9px -1007px;
2824 background-position: -9px -1057px;
2834 border-bottom: 1px solid #CCC;
2836 margin-bottom: .5em;
2837 padding: 0 1em 1em 1em;
2858 .toggle-hold-options {
2859 background-color: #EEE;
2871 #idreambooksreadometer {
2875 .idreambookslegend {
2879 .idreambookssummary {
2882 text-decoration: none;
2886 vertical-align: middle;
2898 vertical-align: middle;
2903 text-decoration: none;
2922 .t:first-child::before {
2960 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2966 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2981 .illrequest-actions {
2982 margin-bottom: 20px;
2991 #illrequests-create-button {
2992 margin-bottom: 20px;
3002 transform: translateY( -50% );
3007 #freeform-fields .custom-name {
3014 .dropdown:hover .dropdown-menu.nojs {
3020 border: 1px solid #DDDDDD;
3021 border-radius: 10px;
3034 color: white !important;
3039 background-color: $base;
3042 display: inline-block;
3047 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3050 background-color: lighten( $base, 20% );
3054 .user_overdues_count,
3056 background-color: #990000;
3059 background-color: lighten( #990000, 10% );
3063 .user_holds_waiting_count {
3064 background-color: #538200;
3067 background-color: lighten( #538200, 10% );
3072 border: 1px solid #EAEAE6;
3074 padding-bottom: .5em;
3077 background-color: #E2E8E8;
3085 list-style-type: none;
3100 .adlibris-cover-big {
3104 /* jQuery Bar Rating plugin for star ratings */
3106 $star-default: #D2D2D2;
3107 $star-active: #C24A4A;
3108 $star-selected: #EDB867;
3111 display: inline-block;
3114 .br-theme-fontawesome-stars {
3118 white-space: nowrap;
3121 -webkit-font-smoothing: antialiased;
3122 font: normal normal normal 20px/1 FontAwesome;
3124 text-decoration: none;
3125 text-rendering: auto;
3128 color: $star-default;
3134 color: $star-active;
3140 color: $star-selected;
3146 .br-current-rating {
3159 #cancel_rating_text {
3166 .br-theme-fontawesome-stars {
3176 &.br-selected::after {
3187 /* END jQuery Bar Rating plugin for star ratings */
3190 @import "responsive";