87 &.loginModal-trigger {
111 text-decoration: none;
115 &.reviewlink:visited {
118 text-decoration: none;
122 vertical-align: middle;
126 @extend %initial_icon;
127 background-position: -5px -262px; /* Cart */
132 @extend %initial_icon;
133 background-position: -5px -222px; /* Virtual shelf */
138 @extend %initial_icon;
139 background-position: -2px -868px; /* Zoom out */
146 @extend %initial_icon;
147 background-position: -2px -898px; /* Zoom in */
152 @extend %initial_icon;
153 background-position: -5px -348px; /* Download */
158 @extend %initial_icon;
159 background-position: 2px -348px; /* List edit */
164 @extend %initial_icon;
165 background-position: 2px -598px; /* Trash */
170 @extend %initial_icon;
171 background-position: -3px -814px; /* Close */
176 @extend %initial_icon;
177 background-position: -5px -836px; /* Highlight */
183 @extend %initial_icon;
184 background-position: -2px -453px; /* Toolbar place hold */
188 @extend %initial_icon;
189 background-position: -5px -621px; /* Place hold disabled */
194 @extend %initial_icon;
195 background-position: -5px -265px; /* Cart */
201 @extend %initial_icon;
202 background-position: -4px -922px;
207 @extend %initial_icon;
208 background-position: 0 -423px; /* Toolbar print */
213 @extend %initial_icon;
214 background-position: 0 -187px; /* Toolbar print */
219 @extend %initial_icon;
220 background-position: 2px -690px; /* Delete */
224 @extend %initial_icon;
225 background-position: 2px -712px; /* Delete disabled */
230 @extend %initial_icon;
231 background-position: -6px -141px; /* Place hold */
236 @extend %initial_icon;
237 background-position: 0 -24px; /* Place article request */
242 @extend %initial_icon;
243 background-position: 2px -386px; /* Email */
248 @extend %initial_icon;
249 background-position: 2px -1148px; /* List share */
254 @extend %initial_icon;
255 background-position: 3px -1111px; /* Tag results */
260 @extend %initial_icon;
264 @extend %initial_icon;
265 background-position: 0 -1164px; /* QR Code */
276 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
278 float: left !important;
287 height: 0 !important;
291 text-decoration: none;
347 background-color: #FFF;
366 background-color: #FFFFE5;
380 background-color: #E2E8E8;
387 background-color: transparent;
405 @include border-radius-all( 3px );
406 background-color: #85ca11;
409 font-family: 'NotoSans';
473 border: 1px solid #DDD;
486 border-bottom: 1px solid #EEE;
490 padding-bottom: .5em;
505 text-decoration: none;
511 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
515 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
524 background-color: #fcf9fc;
536 #selections-toolbar {
537 background: #e2e8e8 none;
546 .selections-toolbar.toolbar {
547 background: #e2e8e8 none;
552 background-repeat: no-repeat;
554 text-decoration: none;
558 background-image: url( "../images/sprite.png" ); /* Place hold small */
559 background-position: -5px -539px;
564 background-image: url( "../images/sprite.png" ); /* Place hold small */
565 background-position: -2px -26px;
570 background-image: url( "../images/sprite.png" ); /* Cart small */
571 background-position: -5px -570px;
576 background-image: url( "../images/sprite.png" ); /* MARC view */
577 background-position: -5px -24px;
582 background-position: -5px -27px;
587 background-position: -5px -1110px;
591 /* List contents remove from list link */
593 background-position: -8px -690px; /* Delete */
599 /* Override Bootstrap alert */
601 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
602 border-color: #D6C43B;
605 /* Redefine a new style for Bootstrap's class "close" since we use that already */
606 /* Use <a class="closebtn" href="#">×</a> */
616 /* Override Bootstrap alert.alert-info */
618 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
619 border-color: #C5D1E5;
623 /* Override Bootstrap alert.alert-success */
625 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
626 border-color: #9FBA35;
631 background-color: #F0F3F3;
633 list-style: none outside none;
640 @extend %initial_icon;
641 background-color: transparent;
642 background-position: 0 -184px; /* Toolbar print */
661 background-color: #FFF;
662 border: 1px solid #F0F3F3;
680 background-color: #85ca11;
681 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
682 background-position: 0;
683 font-family: 'NotoSans';
685 background-color: #85ca11;
686 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
687 background-position: 0;
690 background-color: #85ca11;
691 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
692 background-position: 0;
695 background-color: #85ca11;
696 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
697 background-position: 0;
700 background-color: #85ca11;
701 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
702 background-position: 0;
706 input[type="text"]:focus {
707 border-color: #85ca11;
708 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
711 input[type="password"]:focus {
712 border-color: #85ca11;
713 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
723 .table-striped tbody > tr:nth-child(odd) > td,
724 .table-striped tbody > tr:nth-child(odd) > th {
725 background-color: #F0F3F3;
728 #availability_facet {
732 #facet-holdings-library {
737 background-color: #f0f3f3;
738 border: 1px solid #f0f3f3;
741 background-color: #f0f3f3;
746 /* jQuery UI standard tabs */
747 .ui-tabs-nav .ui-tabs-active a,
748 .ui-tabs-nav a:hover,
749 .ui-tabs-nav a:focus,
750 .ui-tabs-nav a:active,
751 .ui-tabs-nav span.a {
752 background: none repeat scroll 0 0 transparent;
761 font-family: 'NotoSans';
776 background: #F0F3F3 none;
777 border-color: #D8D8D8;
781 background-color: #FFF;
782 border: 1px solid #D8D8D8;
791 background: #FFF none;
793 background: #FFF none;
798 &.ui-state-default.ui-state-hover {
799 background: #F3F3F3 none;
805 border: 1px solid #D8D8D8;
809 &.ui-widget-content {
810 background: transparent none;
854 background: none repeat scroll 0 0 transparent;
856 border-bottom-left-radius: 4px;
857 border-bottom-right-radius: 4px;
858 border-top-left-radius: 4px;
859 border-top-right-radius: 4px;
864 list-style: none outside none;
867 padding: .2em .2em 0;
868 text-decoration: none;
883 background: none repeat scroll 0 0 #E6F0F2;
884 border: 1px solid #B9D8D9;
885 border-bottom: 0 none !important;
886 border-top-left-radius: 4px;
887 border-top-right-radius: 4px;
891 list-style: none outside none;
900 background-color: #FFFFFF;
906 background: none repeat scroll 0 0 transparent;
919 text-decoration: none;
922 background-color: #EDF4F5;
923 border-top-left-radius: 4px;
924 border-top-right-radius: 4px;
931 background: none repeat scroll 0 0 transparent;
932 border: 1px solid #B9D8D9;
933 border-bottom-left-radius: 4px;
934 border-bottom-right-radius: 4px;
941 /* End jQueryUI tab styles */
943 /* jQuery UI Datepicker */
949 border-collapse: collapse;
956 background: transparent none;
964 .ui-datepicker-trigger {
966 vertical-align: middle;
969 /* End jQueryUI datepicker styles */
975 background: #FFFFFF none;
976 border: 1px solid #AAA;
986 background: #E6F0F2 none;
987 border: 1px solid #AAA;
993 .ui-widget-content .ui-state-default,
994 .ui-widget-header .ui-state-default {
995 background: #F4F8F9 none;
996 border: 1px solid #AAA;
1002 .ui-widget-content .ui-state-hover,
1003 .ui-widget-header .ui-state-hover,
1005 .ui-widget-content .ui-state-focus,
1006 .ui-widget-header .ui-state-focus {
1007 background: #E6F0F2 none;
1008 border: 1px solid #AAA;
1010 font-weight: normal;
1014 .ui-widget-content .ui-state-active,
1015 .ui-widget-header .ui-state-active {
1016 background: #FFFFFF none;
1017 border: 1px solid #AAAAAA;
1019 font-weight: normal;
1022 .ui-state-highlight,
1023 .ui-widget-content .ui-state-highlight,
1024 .ui-widget-header .ui-state-highlight {
1025 background: #FBF9EE;
1026 border: 1px solid #FCEFA1;
1031 .ui-widget-content .ui-state-error,
1032 .ui-widget-header .ui-state-error {
1033 background: #FEF1EC;
1034 border: 1px solid #CD0A0A;
1038 /* end jQueryUI core */
1045 @include border-radius-all( 3px );
1046 background-color: #FFF;
1047 border: 1px solid #AAA;
1062 margin-bottom: 10px;
1067 margin: 0 1em 1em 0;
1077 background-color: transparent;
1080 font-weight: normal;
1086 background-color: #999999;
1089 display: inline-block;
1092 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1096 background-color: #B94A48;
1100 background-color: #F89406;
1104 background-color: #468847;
1108 background-color: #3A87AD;
1112 background-color: #333333;
1152 list-style-type: none;
1153 padding: 1em 1em 0 1em;
1173 list-style-type: none;
1174 padding-bottom: 1em;
1178 padding-left: 8.5em;
1200 padding: 1em 0 .3em;
1236 list-style-type: none;
1238 padding: .5em 1em 0 0;
1248 border-bottom: 1px solid #EEE;
1251 list-style-type: none;
1252 padding-bottom: .2em;
1271 /* different sizes for different tags in opac-tags.tt */
1314 background-color: #EEEEEE;
1315 border: 1px solid #E8E8E8;
1317 padding: 3px 3px 5px 5px;
1318 vertical-align: middle;
1321 white-space: nowrap;
1334 line-height: inherit;
1337 white-space: nowrap;
1357 border-left: 1px solid #E8E8E8;
1374 padding: 7px 5px 9px 9px;
1378 #selections-toolbar,
1379 .selections-toolbar {
1380 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1390 %tag_button_default {
1391 background-color: transparent;
1392 background-image: url( "../images/sprite.png" );
1393 background-position: 1px -643px;
1394 background-repeat: no-repeat;
1400 text-decoration: none;
1405 text-decoration: underline;
1408 %tag_button_disabled {
1411 text-decoration: none;
1415 @extend %tag_button_default;
1418 background-position: -1px -667px;
1422 #selections-toolbar {
1425 @extend %tag_button_hover;
1429 @extend %tag_button_disabled;
1432 @extend %tag_button_disabled;
1438 @extend %tag_button_disabled;
1441 @extend %tag_button_disabled;
1446 #tagsel_span input {
1448 @extend %tag_button_default;
1452 @extend %tag_button_hover;
1456 @extend %tag_button_disabled;
1459 @extend %tag_button_disabled;
1464 @extend %tag_button_disabled;
1467 @extend %tag_button_disabled;
1472 .selections-toolbar a.disabled {
1473 @extend %tag_button_disabled;
1476 @extend %tag_button_disabled;
1503 font-weight: normal;
1508 margin-bottom: .5em;
1509 padding: 0 2em .2em .2em;
1513 background-color: #F0F3F3;
1514 border: 1px solid #C9C9C9;
1517 display: inline-block;
1519 white-space: nowrap;
1523 background-image: url( "../images/sprite.png" );
1524 background-repeat: no-repeat;
1526 font-weight: normal;
1528 text-decoration: none;
1532 #bibliodescriptions,
1539 background-color: #FFF;
1544 background-position: -9px -28px;
1548 background-position: -10px -56px;
1552 background-position: -8px 1px;
1557 background: transparent none;
1564 display: inline-block;
1565 margin: 10px 0 0 10px;
1577 .results-pagination {
1578 background-color: #F3F3F3;
1580 padding-bottom: 10px;
1591 background: none !important;
1592 color: #999 !important;
1603 border-top: 1px solid #DDDDDD;
1610 background-color: #DDDDDD;
1622 padding-right: 10px;
1628 .pagination_footer {
1629 background-color: #E1E1E1;
1638 background-color: #E1E1E1;
1647 border: 1px solid #D0D0D0;
1656 display: inline-block;
1658 text-decoration: none;
1662 background-color: #F3F3F3;
1663 border-top: 1px solid #D0D0D0;
1665 white-space: nowrap;
1669 display: inline-block;
1676 border-left: 1px solid #D0D0D0;
1677 border-right: 1px solid #D0D0D0;
1683 background-color: #F3F3F3;
1686 font-weight: normal;
1689 text-decoration: none;
1701 display: inline-block;
1703 font-weight: normal;
1708 background-color: #999999;
1711 font-weight: normal;
1713 text-decoration: none;
1716 background-color: #006699;
1722 background-color: #616161;
1730 border-top: 1px solid #DDD;
1734 display: inline-block;
1746 text-decoration: underline;
1752 /* action buttons */
1754 background-color: #F0F3F3;
1755 border: 1px solid #E8E8E8;
1757 padding-bottom: 3px;
1767 text-decoration: none;
1772 #moresearches_menu {
1778 font-weight: normal;
1792 .highlight_controls {
1797 background-image: url( "../images/sprite.png" );
1798 background-repeat: no-repeat;
1799 text-decoration: none;
1804 @extend %initial_icon;
1805 background-color: transparent;
1806 background-position: -2px -453px; /* Toolbar place hold */
1811 text-decoration: none;
1814 @extend %initial_icon;
1815 background-position: -5px -621px; /* Place hold disabled */
1820 @extend %initial_icon;
1821 background-color: transparent;
1822 background-position: 2px -734px; /* List edit */
1829 text-decoration: none;
1838 @extend %initial_icon;
1839 background-position: 2px -761px; /* List new */
1848 @extend %initial_icon;
1849 background-position: -4px -791px; /* List new disabled */
1854 @extend %initial_icon;
1855 background-color: transparent;
1856 background-position: 2px -687px; /* Delete */
1863 text-decoration: none;
1874 background-position: 0 -712px; /* Delete */
1887 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1888 background-position: -6px -1130px;
1889 background-repeat: no-repeat;
1891 text-decoration: none;
1894 .tag_results_input {
1899 input[type="text"] {
1911 input[type="text"] {
1922 .branch-info-tooltip {
1926 .ui-tooltip-content p {
1932 background: transparent url( "../images/social-sprite.png" ) no-repeat;
1934 height: 20px !important;
1935 text-indent: -999em;
1946 margin: .5em 0 .5em .5em !important;
1950 float: left !important;
1951 margin: .5em 0 .5em .2em !important;
1955 background-position: -7px -35px;
1959 background-position: -7px -5px;
1963 background-position: -7px -95px;
1967 background-position: -7px -66px;
1971 background-position: -7px -126px;
1978 background-color: transparent;
1989 padding-bottom: .6em;
1997 padding-bottom: .6em;
2021 border: 1px solid #EEE;
2028 font-family: monospace;
2034 background-color: #FFF;
2038 vertical-align: top;
2039 white-space: nowrap;
2045 vertical-align: top;
2054 background-repeat: no-repeat;
2057 text-decoration: none;
2061 #renewselected_link {
2062 background-image: url( "../images/sprite.png" );
2063 background-position: -5px -986px;
2064 background-repeat: no-repeat;
2068 background-image: url( "../images/sprite.png" );
2069 background-position: -8px -967px;
2070 background-repeat: no-repeat;
2089 .authstanzaheading {
2093 .authorizedheading {
2099 .authres_otherscript {
2108 @include border-radius-all( 3px );
2109 background-color: #EEE;
2110 border: 1px solid #E8E8E8;
2111 box-sizing: border-box;
2117 background-color: #FFFBEA;
2118 border-color: #F4ECBE;
2127 display: inline-block;
2132 padding-left: .25em;
2138 font-weight: normal;
2139 text-decoration: underline;
2157 background: #85ca11 none;
2160 background: #85ca11 none;
2170 background-color: #FFF;
2171 border: 1px solid rgba( 0, 0, 0, .2 );
2173 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2185 white-space: nowrap;
2190 border: 1px solid #D2D2CF;
2207 background-color: #F0F3F3;
2208 border-bottom: 1px solid #D8D8D8;
2212 text-decoration: none;
2219 list-style-type: none;
2223 font-weight: normal;
2238 font-weight: normal;
2239 text-decoration: underline;
2243 display: inline-block;
2252 list-style-type: none;
2255 background-color: #F0F3F3;
2256 border: 1px solid #D8D8D8;
2257 border-bottom-color: #999;
2263 text-decoration: none;
2266 background: #EAEEF5;
2272 background-color: #FFF;
2273 background-image: none;
2274 border-right-width: 0;
2278 background-color: #FFF;
2293 /* Search results add to cart (lists disabled) */
2296 background-image: url( "../images/sprite.png" ); /* Cart */
2297 background-position: -5px -266px;
2298 background-repeat: no-repeat;
2300 text-decoration: none;
2307 padding: 0 0 .6em 0;
2315 &.highlight_toggle {
2316 background-image: url( "../images/sprite.png" ); /* Highlight */
2317 background-position: -11px -837px;
2318 background-repeat: no-repeat;
2320 font-weight: normal;
2321 padding: 0 10px 0 21px;
2326 @include border-radius-all( 3px );
2328 background-color: rgba( 255, 255, 204, .4 );
2329 border: 1px solid #CCC;
2330 display: inline-block;
2335 background-color: rgba( 239, 254, 213, .4 );
2345 .commentline .avatar {
2350 /* style for search terms in catalogsearch */
2353 background-color: #FFFFCC;
2357 /* style for shelving location in catalogsearch */
2366 font-weight: normal;
2368 text-decoration: underline;
2373 padding: 0 .2em 0 .5em;
2374 text-shadow: 1px 1px 0 #FFF;
2378 border-bottom-left-radius: 3px;
2379 border-top-left-radius: 3px;
2384 border-bottom-right-radius: 3px;
2385 border-top-right-radius: 3px;
2386 border-width: 1px 1px 1px 0;
2389 %page-middle-child {
2390 background-color: #FFFFFF;
2391 border-color: #DDDDDD;
2393 border-style: solid;
2394 border-width: 1px 1px 1px 0;
2399 text-decoration: none;
2407 @extend %page-first-child;
2411 @extend %page-last-child;
2416 @extend %page-middle-child;
2419 @extend %page-first-child;
2423 @extend %page-last-child;
2428 @extend %page-middle-child;
2429 background-color: #F5F5F5;
2433 @extend %page-middle-child;
2437 border-bottom-right-radius: 3px;
2438 border-top-right-radius: 3px;
2443 @include border-radius-all( 3px );
2444 background-color: #FFF0B1;
2445 display: inline-block;
2452 white-space: nowrap;
2460 font-weight: normal;
2475 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2476 /* Use <a class="closebtn" href="#">×</a> */
2478 .modal-header .closebtn {
2489 text-shadow: 0 1px 0 #FFFFFF;
2495 text-decoration: none;
2500 background: transparent;
2513 margin-left: -200px;
2517 box-sizing: border-box;
2527 transition: background-color .5s ease;
2530 background: #77b50f none;
2552 .nologininstructions,
2554 .patronregistration {
2572 margin-bottom: .5em;
2601 background-color: #F0F3F3;
2602 border: 1px solid #F0F3F3;
2609 .librarypulldown .transl1 {
2613 .nolibrarypulldown {
2629 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2631 float: left !important;
2640 height: 0 !important;
2644 text-decoration: none;
2647 background-color: transparent;
2652 #user-menu-trigger {
2661 border-bottom-color: #999999;
2662 border-top-color: #999999;
2667 #header-region .icon-white {
2668 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2671 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2673 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2682 #ulactioncontainer {
2696 .thumbnail-shelfbrowser span {
2702 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2703 padding-right: 19px;
2707 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2708 padding-right: 19px;
2712 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2713 padding-right: 19px;
2717 .nosort.sorting_asc,
2718 .nosort.sorting_desc,
2720 background: #E2E8E8 none;
2721 padding-right: 19px;
2732 thead:first-child tr:first-child > th {
2740 tbody:last-child tr:last-child > td {
2771 vertical-align: middle;
2775 border-bottom: 1px solid #EEE;
2776 list-style-type: none;
2782 list-style-type: none;
2790 #recordedbooks-results,
2791 #openlibrary-results {
2797 vertical-align: middle;
2800 #overdrive-results-list .star-rating-control {
2828 text-decoration: none;
2833 background-image: url( "../images/sprite.png" );
2834 background-repeat: no-repeat;
2840 height: 0 !important;
2844 text-decoration: none;
2850 background-position: -9px -1007px;
2854 background-position: -9px -1057px;
2864 border-bottom: 1px solid #CCC;
2866 margin-bottom: .5em;
2867 padding: 0 1em 1em 1em;
2888 .toggle-hold-options {
2889 background-color: #EEE;
2901 #idreambooksreadometer {
2905 .idreambookslegend {
2909 .idreambookssummary {
2912 text-decoration: none;
2916 vertical-align: middle;
2928 vertical-align: middle;
2933 text-decoration: none;
2952 .t:first-child::before {
2990 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2996 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
3011 .illrequest-actions {
3012 margin-bottom: 20px;
3021 #illrequests-create-button {
3022 margin-bottom: 20px;
3032 transform: translateY( -50% );
3037 #freeform-fields .custom-name {
3044 .dropdown:hover .dropdown-menu.nojs {
3050 border: 1px solid #DDDDDD;
3051 border-radius: 10px;
3064 color: white !important;
3069 background-color: $base;
3072 display: inline-block;
3077 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3080 background-color: lighten( $base, 20% );
3084 .user_overdues_count,
3086 background-color: #990000;
3089 background-color: lighten( #990000, 10% );
3093 .user_holds_waiting_count {
3094 background-color: #538200;
3097 background-color: lighten( #538200, 10% );
3102 border: 1px solid #EAEAE6;
3104 padding-bottom: .5em;
3107 background-color: #E2E8E8;
3115 list-style-type: none;
3130 .adlibris-cover-big {
3134 /* jQuery Bar Rating plugin for star ratings */
3136 $star-default: #D2D2D2;
3137 $star-active: #C24A4A;
3138 $star-selected: #EDB867;
3141 display: inline-block;
3144 .br-theme-fontawesome-stars {
3148 white-space: nowrap;
3151 -webkit-font-smoothing: antialiased;
3152 font: normal normal normal 20px/1 FontAwesome;
3154 text-decoration: none;
3155 text-rendering: auto;
3158 color: $star-default;
3164 color: $star-active;
3170 color: $star-selected;
3176 .br-current-rating {
3189 #cancel_rating_text {
3196 .br-theme-fontawesome-stars {
3206 &.br-selected::after {
3217 /* END jQuery Bar Rating plugin for star ratings */
3228 @import "responsive";