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;
727 background-color: #f0f3f3;
732 /* jQuery UI standard tabs */
733 .ui-tabs-nav .ui-tabs-active a,
734 .ui-tabs-nav a:hover,
735 .ui-tabs-nav a:focus,
736 .ui-tabs-nav a:active,
737 .ui-tabs-nav span.a {
738 background: none repeat scroll 0 0 transparent;
747 font-family: 'NotoSans';
762 background: #F0F3F3 none;
763 border-color: #D8D8D8;
767 background-color: #FFF;
768 border: 1px solid #D8D8D8;
777 background: #FFF none;
779 background: #FFF none;
784 &.ui-state-default.ui-state-hover {
785 background: #F3F3F3 none;
791 border: 1px solid #D8D8D8;
795 &.ui-widget-content {
796 background: transparent none;
840 background: none repeat scroll 0 0 transparent;
842 border-bottom-left-radius: 4px;
843 border-bottom-right-radius: 4px;
844 border-top-left-radius: 4px;
845 border-top-right-radius: 4px;
850 list-style: none outside none;
853 padding: .2em .2em 0;
854 text-decoration: none;
869 background: none repeat scroll 0 0 #E6F0F2;
870 border: 1px solid #B9D8D9;
871 border-bottom: 0 none !important;
872 border-top-left-radius: 4px;
873 border-top-right-radius: 4px;
877 list-style: none outside none;
886 background-color: #FFFFFF;
892 background: none repeat scroll 0 0 transparent;
905 text-decoration: none;
908 background-color: #EDF4F5;
909 border-top-left-radius: 4px;
910 border-top-right-radius: 4px;
917 background: none repeat scroll 0 0 transparent;
918 border: 1px solid #B9D8D9;
919 border-bottom-left-radius: 4px;
920 border-bottom-right-radius: 4px;
927 /* End jQueryUI tab styles */
929 /* jQuery UI Datepicker */
935 border-collapse: collapse;
942 background: transparent none;
950 .ui-datepicker-trigger {
952 vertical-align: middle;
955 /* End jQueryUI datepicker styles */
961 background: #FFFFFF none;
962 border: 1px solid #AAA;
972 background: #E6F0F2 none;
973 border: 1px solid #AAA;
979 .ui-widget-content .ui-state-default,
980 .ui-widget-header .ui-state-default {
981 background: #F4F8F9 none;
982 border: 1px solid #AAA;
988 .ui-widget-content .ui-state-hover,
989 .ui-widget-header .ui-state-hover,
991 .ui-widget-content .ui-state-focus,
992 .ui-widget-header .ui-state-focus {
993 background: #E6F0F2 none;
994 border: 1px solid #AAA;
1000 .ui-widget-content .ui-state-active,
1001 .ui-widget-header .ui-state-active {
1002 background: #FFFFFF none;
1003 border: 1px solid #AAAAAA;
1005 font-weight: normal;
1008 .ui-state-highlight,
1009 .ui-widget-content .ui-state-highlight,
1010 .ui-widget-header .ui-state-highlight {
1011 background: #FBF9EE;
1012 border: 1px solid #FCEFA1;
1017 .ui-widget-content .ui-state-error,
1018 .ui-widget-header .ui-state-error {
1019 background: #FEF1EC;
1020 border: 1px solid #CD0A0A;
1024 /* end jQueryUI core */
1031 @include border-radius-all( 3px );
1032 background-color: #FFF;
1033 border: 1px solid #AAA;
1048 margin-bottom: 10px;
1053 margin: 0 1em 1em 0;
1063 background-color: transparent;
1066 font-weight: normal;
1072 background-color: #999999;
1075 display: inline-block;
1078 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1082 background-color: #B94A48;
1086 background-color: #F89406;
1090 background-color: #468847;
1094 background-color: #3A87AD;
1098 background-color: #333333;
1138 list-style-type: none;
1139 padding: 1em 1em 0 1em;
1159 list-style-type: none;
1160 padding-bottom: 1em;
1164 padding-left: 8.5em;
1186 padding: 1em 0 .3em;
1222 list-style-type: none;
1224 padding: .5em 1em 0 0;
1234 border-bottom: 1px solid #EEE;
1237 list-style-type: none;
1238 padding-bottom: .2em;
1257 /* different sizes for different tags in opac-tags.tt */
1300 background-color: #EEEEEE;
1301 border: 1px solid #E8E8E8;
1303 padding: 3px 3px 5px 5px;
1304 vertical-align: middle;
1307 white-space: nowrap;
1320 line-height: inherit;
1323 white-space: nowrap;
1343 border-left: 1px solid #E8E8E8;
1360 padding: 7px 5px 9px 9px;
1364 #selections-toolbar,
1365 .selections-toolbar {
1366 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1376 %tag_button_default {
1377 background-color: transparent;
1378 background-image: url( "../images/sprite.png" );
1379 background-position: 1px -643px;
1380 background-repeat: no-repeat;
1386 text-decoration: none;
1391 text-decoration: underline;
1394 %tag_button_disabled {
1397 text-decoration: none;
1401 @extend %tag_button_default;
1404 background-position: -1px -667px;
1408 #selections-toolbar {
1411 @extend %tag_button_hover;
1415 @extend %tag_button_disabled;
1418 @extend %tag_button_disabled;
1424 @extend %tag_button_disabled;
1427 @extend %tag_button_disabled;
1432 #tagsel_span input {
1434 @extend %tag_button_default;
1438 @extend %tag_button_hover;
1442 @extend %tag_button_disabled;
1445 @extend %tag_button_disabled;
1450 @extend %tag_button_disabled;
1453 @extend %tag_button_disabled;
1458 .selections-toolbar a.disabled {
1459 @extend %tag_button_disabled;
1462 @extend %tag_button_disabled;
1489 font-weight: normal;
1494 margin-bottom: .5em;
1495 padding: 0 2em .2em .2em;
1499 background-color: #F0F3F3;
1500 border: 1px solid #C9C9C9;
1503 display: inline-block;
1505 white-space: nowrap;
1509 background-image: url( "../images/sprite.png" );
1510 background-repeat: no-repeat;
1512 font-weight: normal;
1514 text-decoration: none;
1518 #bibliodescriptions,
1525 background-color: #FFF;
1530 background-position: -9px -28px;
1534 background-position: -10px -56px;
1538 background-position: -8px 1px;
1543 background: transparent none;
1550 display: inline-block;
1551 margin: 10px 0 0 10px;
1563 .results-pagination {
1564 background-color: #F3F3F3;
1566 padding-bottom: 10px;
1577 background: none !important;
1578 color: #999 !important;
1589 border-top: 1px solid #DDDDDD;
1596 background-color: #DDDDDD;
1608 padding-right: 10px;
1614 .pagination_footer {
1615 background-color: #E1E1E1;
1624 background-color: #E1E1E1;
1633 border: 1px solid #D0D0D0;
1642 display: inline-block;
1644 text-decoration: none;
1648 background-color: #F3F3F3;
1649 border-top: 1px solid #D0D0D0;
1651 white-space: nowrap;
1655 display: inline-block;
1662 border-left: 1px solid #D0D0D0;
1663 border-right: 1px solid #D0D0D0;
1669 background-color: #F3F3F3;
1672 font-weight: normal;
1675 text-decoration: none;
1687 display: inline-block;
1689 font-weight: normal;
1694 background-color: #999999;
1697 font-weight: normal;
1699 text-decoration: none;
1702 background-color: #006699;
1708 background-color: #616161;
1716 border-top: 1px solid #DDD;
1720 display: inline-block;
1732 text-decoration: underline;
1738 /* action buttons */
1740 background-color: #F0F3F3;
1741 border: 1px solid #E8E8E8;
1743 padding-bottom: 3px;
1753 text-decoration: none;
1758 #moresearches_menu {
1764 font-weight: normal;
1778 .highlight_controls {
1783 background-image: url( "../images/sprite.png" );
1784 background-repeat: no-repeat;
1785 text-decoration: none;
1790 @extend %initial_icon;
1791 background-color: transparent;
1792 background-position: -2px -453px; /* Toolbar place hold */
1797 text-decoration: none;
1800 @extend %initial_icon;
1801 background-position: -5px -621px; /* Place hold disabled */
1806 @extend %initial_icon;
1807 background-color: transparent;
1808 background-position: 2px -734px; /* List edit */
1815 text-decoration: none;
1824 @extend %initial_icon;
1825 background-position: 2px -761px; /* List new */
1834 @extend %initial_icon;
1835 background-position: -4px -791px; /* List new disabled */
1840 @extend %initial_icon;
1841 background-color: transparent;
1842 background-position: 2px -687px; /* Delete */
1849 text-decoration: none;
1860 background-position: 0 -712px; /* Delete */
1873 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1874 background-position: -6px -1130px;
1875 background-repeat: no-repeat;
1877 text-decoration: none;
1880 .tag_results_input {
1885 input[type="text"] {
1897 input[type="text"] {
1908 .branch-info-tooltip {
1912 .ui-tooltip-content p {
1918 background: transparent url( "../images/social-sprite.png" ) no-repeat;
1920 height: 20px !important;
1921 text-indent: -999em;
1932 margin: .5em 0 .5em .5em !important;
1936 float: left !important;
1937 margin: .5em 0 .5em .2em !important;
1941 background-position: -7px -35px;
1945 background-position: -7px -5px;
1949 background-position: -7px -95px;
1953 background-position: -7px -66px;
1957 background-position: -7px -126px;
1964 background-color: transparent;
1975 padding-bottom: .6em;
1983 padding-bottom: .6em;
2007 border: 1px solid #EEE;
2014 font-family: monospace;
2020 background-color: #FFF;
2024 vertical-align: top;
2025 white-space: nowrap;
2031 vertical-align: top;
2040 background-repeat: no-repeat;
2043 text-decoration: none;
2047 #renewselected_link {
2048 background-image: url( "../images/sprite.png" );
2049 background-position: -5px -986px;
2050 background-repeat: no-repeat;
2054 background-image: url( "../images/sprite.png" );
2055 background-position: -8px -967px;
2056 background-repeat: no-repeat;
2075 .authstanzaheading {
2079 .authorizedheading {
2085 .authres_otherscript {
2094 @include border-radius-all( 3px );
2095 background-color: #EEE;
2096 border: 1px solid #E8E8E8;
2097 box-sizing: border-box;
2103 background-color: #FFFBEA;
2104 border-color: #F4ECBE;
2113 display: inline-block;
2118 padding-left: .25em;
2124 font-weight: normal;
2125 text-decoration: underline;
2143 background: #85ca11 none;
2146 background: #85ca11 none;
2156 background-color: #FFF;
2157 border: 1px solid rgba( 0, 0, 0, .2 );
2159 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2171 white-space: nowrap;
2176 border: 1px solid #D2D2CF;
2193 background-color: #F0F3F3;
2194 border-bottom: 1px solid #D8D8D8;
2198 text-decoration: none;
2205 list-style-type: none;
2209 font-weight: normal;
2224 font-weight: normal;
2225 text-decoration: underline;
2229 display: inline-block;
2238 list-style-type: none;
2241 background-color: #F0F3F3;
2242 border: 1px solid #D8D8D8;
2243 border-bottom-color: #999;
2249 text-decoration: none;
2252 background: #EAEEF5;
2258 background-color: #FFF;
2259 background-image: none;
2260 border-right-width: 0;
2264 background-color: #FFF;
2279 /* Search results add to cart (lists disabled) */
2282 background-image: url( "../images/sprite.png" ); /* Cart */
2283 background-position: -5px -266px;
2284 background-repeat: no-repeat;
2286 text-decoration: none;
2293 padding: 0 0 .6em 0;
2301 &.highlight_toggle {
2302 background-image: url( "../images/sprite.png" ); /* Highlight */
2303 background-position: -11px -837px;
2304 background-repeat: no-repeat;
2306 font-weight: normal;
2307 padding: 0 10px 0 21px;
2312 @include border-radius-all( 3px );
2314 background-color: rgba( 255, 255, 204, .4 );
2315 border: 1px solid #CCC;
2316 display: inline-block;
2321 background-color: rgba( 239, 254, 213, .4 );
2331 .commentline .avatar {
2336 /* style for search terms in catalogsearch */
2339 background-color: #FFFFCC;
2343 /* style for shelving location in catalogsearch */
2352 font-weight: normal;
2354 text-decoration: underline;
2359 padding: 0 .2em 0 .5em;
2360 text-shadow: 1px 1px 0 #FFF;
2364 border-bottom-left-radius: 3px;
2365 border-top-left-radius: 3px;
2370 border-bottom-right-radius: 3px;
2371 border-top-right-radius: 3px;
2372 border-width: 1px 1px 1px 0;
2375 %page-middle-child {
2376 background-color: #FFFFFF;
2377 border-color: #DDDDDD;
2379 border-style: solid;
2380 border-width: 1px 1px 1px 0;
2385 text-decoration: none;
2393 @extend %page-first-child;
2397 @extend %page-last-child;
2402 @extend %page-middle-child;
2405 @extend %page-first-child;
2409 @extend %page-last-child;
2414 @extend %page-middle-child;
2415 background-color: #F5F5F5;
2419 @extend %page-middle-child;
2423 border-bottom-right-radius: 3px;
2424 border-top-right-radius: 3px;
2429 @include border-radius-all( 3px );
2430 background-color: #FFF0B1;
2431 display: inline-block;
2438 white-space: nowrap;
2446 font-weight: normal;
2461 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2462 /* Use <a class="closebtn" href="#">×</a> */
2464 .modal-header .closebtn {
2475 text-shadow: 0 1px 0 #FFFFFF;
2481 text-decoration: none;
2486 background: transparent;
2499 margin-left: -200px;
2503 box-sizing: border-box;
2513 transition: background-color .5s ease;
2516 background: #77b50f none;
2538 .nologininstructions,
2540 .patronregistration {
2558 margin-bottom: .5em;
2587 background-color: #F0F3F3;
2588 border: 1px solid #F0F3F3;
2595 .librarypulldown .transl1 {
2599 .nolibrarypulldown {
2615 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2617 float: left !important;
2626 height: 0 !important;
2630 text-decoration: none;
2633 background-color: transparent;
2638 #user-menu-trigger {
2647 border-bottom-color: #999999;
2648 border-top-color: #999999;
2653 #header-region .icon-white {
2654 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2657 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2659 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2668 #ulactioncontainer {
2682 .thumbnail-shelfbrowser span {
2688 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2689 padding-right: 19px;
2693 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2694 padding-right: 19px;
2698 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2699 padding-right: 19px;
2703 .nosort.sorting_asc,
2704 .nosort.sorting_desc,
2706 background: #E2E8E8 none;
2707 padding-right: 19px;
2718 thead:first-child tr:first-child > th {
2726 tbody:last-child tr:last-child > td {
2757 vertical-align: middle;
2761 border-bottom: 1px solid #EEE;
2762 list-style-type: none;
2768 list-style-type: none;
2776 #recordedbooks-results,
2777 #openlibrary-results {
2783 vertical-align: middle;
2786 #overdrive-results-list .star-rating-control {
2814 text-decoration: none;
2819 background-image: url( "../images/sprite.png" );
2820 background-repeat: no-repeat;
2826 height: 0 !important;
2830 text-decoration: none;
2836 background-position: -9px -1007px;
2840 background-position: -9px -1057px;
2850 border-bottom: 1px solid #CCC;
2852 margin-bottom: .5em;
2853 padding: 0 1em 1em 1em;
2874 .toggle-hold-options {
2875 background-color: #EEE;
2887 #idreambooksreadometer {
2891 .idreambookslegend {
2895 .idreambookssummary {
2898 text-decoration: none;
2902 vertical-align: middle;
2914 vertical-align: middle;
2919 text-decoration: none;
2938 .t:first-child::before {
2976 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2982 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2997 .illrequest-actions {
2998 margin-bottom: 20px;
3007 #illrequests-create-button {
3008 margin-bottom: 20px;
3018 transform: translateY( -50% );
3023 #freeform-fields .custom-name {
3030 .dropdown:hover .dropdown-menu.nojs {
3036 border: 1px solid #DDDDDD;
3037 border-radius: 10px;
3050 color: white !important;
3055 background-color: $base;
3058 display: inline-block;
3063 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3066 background-color: lighten( $base, 20% );
3070 .user_overdues_count,
3072 background-color: #990000;
3075 background-color: lighten( #990000, 10% );
3079 .user_holds_waiting_count {
3080 background-color: #538200;
3083 background-color: lighten( #538200, 10% );
3088 border: 1px solid #EAEAE6;
3090 padding-bottom: .5em;
3093 background-color: #E2E8E8;
3101 list-style-type: none;
3116 .adlibris-cover-big {
3120 /* jQuery Bar Rating plugin for star ratings */
3122 $star-default: #D2D2D2;
3123 $star-active: #C24A4A;
3124 $star-selected: #EDB867;
3127 display: inline-block;
3130 .br-theme-fontawesome-stars {
3134 white-space: nowrap;
3137 -webkit-font-smoothing: antialiased;
3138 font: normal normal normal 20px/1 FontAwesome;
3140 text-decoration: none;
3141 text-rendering: auto;
3144 color: $star-default;
3150 color: $star-active;
3156 color: $star-selected;
3162 .br-current-rating {
3175 #cancel_rating_text {
3182 .br-theme-fontawesome-stars {
3192 &.br-selected::after {
3203 /* END jQuery Bar Rating plugin for star ratings */
3206 @import "responsive";