4 background-color: #EAEAE6;
7 /* Sticky footer styles */
11 /* The html and body elements cannot have any padding or margin. */
35 /* Wrapper for page content to push down footer */
37 height: auto !important;
40 /* Negative indent footer by it's height */
41 // margin: 0 auto -60px;
45 /* Set the fixed height of the footer here */
123 text-decoration: none;
127 &.reviewlink:visited {
130 text-decoration: none;
134 @extend %initial_icon;
135 background-position: -5px -265px; /* Cart */
140 @extend %initial_icon;
141 background-position: -5px -225px; /* Virtual shelf */
146 @extend %initial_icon;
147 background-position: -2px -868px; /* Zoom out */
154 @extend %initial_icon;
155 background-position: -2px -898px; /* Zoom in */
160 @extend %initial_icon;
161 background-position: -5px -348px; /* Download */
166 @extend %initial_icon;
167 background-position: 2px -348px; /* List edit */
172 @extend %initial_icon;
173 background-position: 2px -598px; /* Trash */
178 @extend %initial_icon;
179 background-position: -3px -814px; /* Close */
184 @extend %initial_icon;
185 background-position: -5px -841px; /* Highlight */
191 @extend %initial_icon;
192 background-position: -2px -453px; /* Toolbar place hold */
196 @extend %initial_icon;
197 background-position: -5px -621px; /* Place hold disabled */
202 @extend %initial_icon;
203 background-position: -5px -265px; /* Cart */
209 @extend %initial_icon;
210 background-image: url( "../images/sprite.png" ); /* New */
211 background-position: -4px -922px;
216 @extend %initial_icon;
217 background-position: 0 -423px; /* Toolbar print */
222 @extend %initial_icon;
223 background-position: 0 -187px; /* Toolbar print */
228 @extend %initial_icon;
229 background-position: 2px -690px; /* Delete */
233 @extend %initial_icon;
234 background-position: 2px -712px; /* Delete disabled */
239 @extend %initial_icon;
240 background-position: -6px -144px; /* Place hold */
245 @extend %initial_icon;
246 background-position: 0 -24px; /* Place article request */
251 @extend %initial_icon;
252 background-position: 2px -386px; /* Email */
257 @extend %initial_icon;
258 background-position: 2px -1148px; /* List share */
263 @extend %initial_icon;
264 background-position: 3px -1111px; /* Tag results */
269 @extend %initial_icon;
278 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
280 float: left !important;
289 height: 0 !important;
293 text-decoration: none;
344 background-color: #FFF;
357 background-color: #FFC;
371 background-color: #ECEDE6;
378 background-color: transparent;
396 @include border-radius-all( 3px );
397 background-color: #FFC;
462 border: 1px solid #DDD;
463 border-bottom-width: 0;
464 border-top-left-radius: 5px;
465 border-top-right-radius: 5px;
469 background-color: #ECEDE6;
470 border-bottom: 1px solid #DDD;
480 border-bottom: 1px solid #DDD;
486 background-color: #DDD;
496 background-repeat: no-repeat;
498 text-decoration: none;
502 background-image: url( "../images/sprite.png" ); /* Place hold small */
503 background-position: -5px -542px;
508 background-image: url( "../images/sprite.png" ); /* Place hold small */
509 background-position: -2px -26px;
514 background-image: url( "../images/sprite.png" ); /* Cart small */
515 background-position: -5px -572px;
520 background-image: url( "../images/sprite.png" ); /* MARC view */
521 background-position: -5px -27px;
526 background-position: -5px -27px;
531 background-position: -5px -1110px;
535 /* List contents remove from list link */
537 background-position: -8px -690px; /* Delete */
543 /* Override Bootstrap alert */
545 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
546 border-color: #D6C43B;
549 /* Redefine a new style for Bootstrap's class "close" since we use that already */
550 /* Use <a class="closebtn" href="#">×</a> */
560 /* Override Bootstrap alert.alert-info */
562 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
563 border-color: #C5D1E5;
567 /* Override Bootstrap alert.alert-success */
569 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
570 border-color: #9FBA35;
575 @include border-radius-all( 7px );
576 background-color: #F2F2EF;
578 list-style: none outside none;
584 @extend %initial_icon;
585 background-color: transparent;
586 background-position: 0 -184px; /* Toolbar print */
605 @include border-radius-all( 7px );
607 background-color: #FFF;
608 border: 1px solid #D2D2CF;
614 @include border-radius-all( 7px );
615 background: linear-gradient( to bottom, #C7C7C1 38%, #A7A7A2 100% );
641 .navbar-fixed-bottom {
642 &.navbar-static-bottom {
648 .table-striped tbody > tr:nth-child(odd) > td,
649 .table-striped tbody > tr:nth-child(odd) > th {
650 background-color: #F4F4F4;
654 /* jQuery UI standard tabs */
655 .ui-tabs-nav .ui-tabs-active a,
656 .ui-tabs-nav a:hover,
657 .ui-tabs-nav a:focus,
658 .ui-tabs-nav a:active,
659 .ui-tabs-nav span.a {
660 background: none repeat scroll 0 0 transparent;
669 font-family: inherit;
684 background: #F3F3F3 none;
685 border-color: #D8D8D8;
689 background-color: #FFF;
690 border: 1px solid #D8D8D8;
699 background: #FFF none;
703 &.ui-state-default.ui-state-hover {
704 background: #F3F3F3 none;
710 border: 1px solid #D8D8D8;
714 &.ui-widget-content {
715 background: transparent none;
755 background: none repeat scroll 0 0 transparent;
757 border-bottom-left-radius: 4px;
758 border-bottom-right-radius: 4px;
759 border-top-left-radius: 4px;
760 border-top-right-radius: 4px;
765 list-style: none outside none;
768 padding: .2em .2em 0;
769 text-decoration: none;
784 background: none repeat scroll 0 0 #E6F0F2;
785 border: 1px solid #B9D8D9;
786 border-bottom: 0 none !important;
787 border-top-left-radius: 4px;
788 border-top-right-radius: 4px;
792 list-style: none outside none;
801 background-color: #FFFFFF;
807 background: none repeat scroll 0 0 transparent;
820 text-decoration: none;
823 background-color: #EDF4F5;
824 border-top-left-radius: 4px;
825 border-top-right-radius: 4px;
832 background: none repeat scroll 0 0 transparent;
833 border: 1px solid #B9D8D9;
834 border-bottom-left-radius: 4px;
835 border-bottom-right-radius: 4px;
842 /* End jQueryUI tab styles */
844 /* jQuery UI Datepicker */
850 border-collapse: collapse;
857 background: transparent none;
865 .ui-datepicker-trigger {
867 vertical-align: middle;
870 /* End jQueryUI datepicker styles */
876 background: #FFFFFF none;
877 border: 1px solid #AAA;
887 background: #E6F0F2 none;
888 border: 1px solid #AAA;
894 .ui-widget-content .ui-state-default,
895 .ui-widget-header .ui-state-default {
896 background: #F4F8F9 none;
897 border: 1px solid #AAA;
903 .ui-widget-content .ui-state-hover,
904 .ui-widget-header .ui-state-hover,
906 .ui-widget-content .ui-state-focus,
907 .ui-widget-header .ui-state-focus {
908 background: #E6F0F2 none;
909 border: 1px solid #AAA;
915 .ui-widget-content .ui-state-active,
916 .ui-widget-header .ui-state-active {
917 background: #FFFFFF none;
918 border: 1px solid #AAAAAA;
924 .ui-widget-content .ui-state-highlight,
925 .ui-widget-header .ui-state-highlight {
927 border: 1px solid #FCEFA1;
932 .ui-widget-content .ui-state-error,
933 .ui-widget-header .ui-state-error {
935 border: 1px solid #CD0A0A;
939 /* end jQueryUI core */
946 @include border-radius-all( 3px );
947 background-color: #FFF;
948 border: 1px solid #AAA;
978 background-color: transparent;
987 background-color: #999999;
990 display: inline-block;
993 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
997 background-color: #B94A48;
1001 background-color: #F89406;
1005 background-color: #468847;
1009 background-color: #3A87AD;
1013 background-color: #333333;
1053 list-style-type: none;
1054 padding: 1em 1em 0 1em;
1074 list-style-type: none;
1075 padding-bottom: 1em;
1079 padding-left: 8.5em;
1101 padding: 1em 0 .3em;
1137 list-style-type: none;
1139 padding: .5em 1em 0 0;
1149 border-bottom: 1px solid #EEE;
1152 list-style-type: none;
1153 padding-bottom: .2em;
1172 /* different sizes for different tags in opac-tags.tt */
1215 background-color: #EEEEEE;
1216 border: 1px solid #E8E8E8;
1218 padding: 3px 3px 5px 5px;
1219 vertical-align: middle;
1222 white-space: nowrap;
1235 line-height: inherit;
1238 white-space: nowrap;
1258 border-left: 1px solid #E8E8E8;
1275 padding: 7px 5px 9px 9px;
1279 #selections-toolbar,
1280 .selections-toolbar {
1281 background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1291 %tag_button_default {
1292 background-color: transparent;
1293 background-image: url( "../images/sprite.png" );
1294 background-position: 1px -643px;
1295 background-repeat: no-repeat;
1301 text-decoration: none;
1306 text-decoration: underline;
1309 %tag_button_disabled {
1312 text-decoration: none;
1316 @extend %tag_button_default;
1319 background-position: -1px -667px;
1323 #selections-toolbar {
1326 @extend %tag_button_hover;
1330 @extend %tag_button_disabled;
1333 @extend %tag_button_disabled;
1339 @extend %tag_button_disabled;
1342 @extend %tag_button_disabled;
1347 #tagsel_span input {
1349 @extend %tag_button_default;
1353 @extend %tag_button_hover;
1357 @extend %tag_button_disabled;
1360 @extend %tag_button_disabled;
1365 @extend %tag_button_disabled;
1368 @extend %tag_button_disabled;
1373 .selections-toolbar a.disabled {
1374 @extend %tag_button_disabled;
1377 @extend %tag_button_disabled;
1404 font-weight: normal;
1409 margin-bottom: .5em;
1410 padding: 0 2em .2em .2em;
1414 background-color: #F3F3F3;
1415 border: 1px solid #C9C9C9;
1417 display: inline-block;
1419 white-space: nowrap;
1423 background-image: url( "../images/sprite.png" );
1424 background-repeat: no-repeat;
1427 text-decoration: none;
1431 font-weight: normal;
1435 #bibliodescriptions,
1442 background-color: #FFF;
1447 background-position: -9px -27px;
1451 background-position: -10px -56px;
1455 background-position: -8px 3px;
1459 .results-pagination {
1460 background-color: #F3F3F3;
1462 padding-bottom: 10px;
1473 background: none !important;
1474 color: #999 !important;
1485 border-top: 1px solid #DDDDDD;
1492 background-color: #DDDDDD;
1504 padding-right: 10px;
1510 .pagination_footer {
1511 background-color: #E1E1E1;
1520 background-color: #E1E1E1;
1529 border: 1px solid #D0D0D0;
1538 display: inline-block;
1540 text-decoration: none;
1544 background-color: #F3F3F3;
1545 border-top: 1px solid #D0D0D0;
1547 white-space: nowrap;
1551 display: inline-block;
1558 border-left: 1px solid #D0D0D0;
1559 border-right: 1px solid #D0D0D0;
1565 background-color: #F3F3F3;
1568 font-weight: normal;
1571 text-decoration: none;
1583 display: inline-block;
1585 font-weight: normal;
1590 background-color: #999999;
1593 font-weight: normal;
1595 text-decoration: none;
1598 background-color: #006699;
1604 background-color: #616161;
1612 border-top: 1px solid #DDD;
1616 display: inline-block;
1628 text-decoration: underline;
1634 /* action buttons */
1636 background-color: #F3F3F3;
1637 border: 1px solid #E8E8E8;
1639 padding-bottom: 3px;
1649 text-decoration: none;
1654 #moresearches_menu {
1660 font-weight: normal;
1674 .highlight_controls {
1679 background-image: url( "../images/sprite.png" );
1680 background-repeat: no-repeat;
1681 text-decoration: none;
1686 @extend %initial_icon;
1687 background-color: transparent;
1688 background-position: -2px -453px; /* Toolbar place hold */
1693 text-decoration: none;
1696 @extend %initial_icon;
1697 background-position: -5px -621px; /* Place hold disabled */
1702 @extend %initial_icon;
1703 background-color: transparent;
1704 background-position: 2px -734px; /* List edit */
1711 text-decoration: none;
1720 @extend %initial_icon;
1721 background-position: 2px -764px; /* List new */
1730 @extend %initial_icon;
1731 background-position: -4px -791px; /* List new disabled */
1736 @extend %initial_icon;
1737 background-color: transparent;
1738 background-position: 2px -687px; /* Delete */
1745 text-decoration: none;
1756 background-position: 0 -712px; /* Delete */
1769 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1770 background-position: -6px -1130px;
1771 background-repeat: no-repeat;
1773 text-decoration: none;
1776 .tag_results_input {
1781 input[type="text"] {
1793 input[type="text"] {
1804 .branch-info-tooltip {
1808 .ui-tooltip-content p {
1814 background: transparent url( "../images/social-sprite.png" ) no-repeat;
1816 height: 20px !important;
1817 text-indent: -999em;
1828 margin: .5em 0 .5em .5em !important;
1832 float: left !important;
1833 margin: .5em 0 .5em .2em !important;
1837 background-position: -7px -35px;
1841 background-position: -7px -5px;
1845 background-position: -7px -95px;
1849 background-position: -7px -66px;
1853 background-position: -7px -126px;
1860 background-color: transparent;
1871 padding-bottom: .6em;
1879 padding-bottom: .6em;
1903 border: 1px solid #EEE;
1910 font-family: monospace;
1916 background-color: #FFF;
1920 vertical-align: top;
1921 white-space: nowrap;
1927 vertical-align: top;
1936 background-repeat: no-repeat;
1939 text-decoration: none;
1943 #renewselected_link {
1944 background-image: url( "../images/sprite.png" );
1945 background-position: -5px -986px;
1946 background-repeat: no-repeat;
1950 background-image: url( "../images/sprite.png" );
1951 background-position: -8px -967px;
1952 background-repeat: no-repeat;
1971 .authstanzaheading {
1975 .authorizedheading {
1981 .authres_otherscript {
1990 @include border-radius-all( 3px );
1991 background-color: #EEE;
1992 border: 1px solid #E8E8E8;
1993 box-sizing: border-box;
1999 background-color: #FFFBEA;
2000 border-color: #F4ECBE;
2009 display: inline-block;
2014 padding-left: .25em;
2020 font-weight: normal;
2021 text-decoration: underline;
2045 background-color: #FFF;
2046 border: 1px solid rgba( 0, 0, 0, .2 );
2048 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2060 white-space: nowrap;
2065 @include border-radius-all( 7px );
2066 border: 1px solid #D2D2CF;
2083 background-color: #F2F2EF;
2084 border-bottom: 1px solid #D8D8D8;
2085 border-radius: 8px 8px 0 0;
2089 text-decoration: none;
2096 list-style-type: none;
2100 font-weight: normal;
2115 font-weight: normal;
2116 text-decoration: underline;
2120 display: inline-block;
2129 list-style-type: none;
2132 background: #EEEEEE;
2133 border: 1px solid #D8D8D8;
2134 border-bottom-color: #999;
2135 border-radius: 5px 0 0 5px;
2141 text-decoration: none;
2144 background: #EAEEF5;
2150 background-color: #FFF;
2151 background-image: none;
2152 border-right-width: 0;
2156 background-color: #FFF;
2171 /* Search results add to cart (lists disabled) */
2174 background-image: url( "../images/sprite.png" ); /* Cart */
2175 background-position: -5px -266px;
2176 background-repeat: no-repeat;
2178 text-decoration: none;
2185 padding: 0 0 .6em 0;
2193 &.highlight_toggle {
2194 background-image: url( "../images/sprite.png" ); /* Highlight */
2195 background-position: -11px -841px;
2196 background-repeat: no-repeat;
2198 font-weight: normal;
2199 padding: 0 10px 0 21px;
2204 @include border-radius-all( 3px );
2206 background-color: rgba( 255, 255, 204, .4 );
2207 border: 1px solid #CCC;
2208 display: inline-block;
2213 background-color: rgba( 239, 254, 213, .4 );
2218 .commentline .avatar {
2223 /* style for search terms in catalogsearch */
2226 background-color: #FFFFCC;
2230 /* style for shelving location in catalogsearch */
2240 font-weight: normal;
2242 text-decoration: underline;
2247 padding: 0 .2em 0 .5em;
2248 text-shadow: 1px 1px 0 #FFF;
2252 border-bottom-left-radius: 3px;
2253 border-top-left-radius: 3px;
2258 border-bottom-right-radius: 3px;
2259 border-top-right-radius: 3px;
2260 border-width: 1px 1px 1px 0;
2263 %page-middle-child {
2264 background-color: #FFFFFF;
2265 border-color: #DDDDDD;
2267 border-style: solid;
2268 border-width: 1px 1px 1px 0;
2273 text-decoration: none;
2281 @extend %page-first-child;
2285 @extend %page-last-child;
2290 @extend %page-middle-child;
2293 @extend %page-first-child;
2297 @extend %page-last-child;
2302 @extend %page-middle-child;
2303 background-color: #F5F5F5;
2307 @extend %page-middle-child;
2311 border-bottom-right-radius: 3px;
2312 border-top-right-radius: 3px;
2317 @include border-radius-all( 3px );
2318 background-color: #FFF0B1;
2319 display: inline-block;
2326 white-space: nowrap;
2334 font-weight: normal;
2349 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2350 /* Use <a class="closebtn" href="#">×</a> */
2352 .modal-header .closebtn {
2363 text-shadow: 0 1px 0 #FFFFFF;
2369 text-decoration: none;
2374 background: transparent;
2387 margin-left: -200px;
2391 box-sizing: border-box;
2399 background: #006DCC none;
2402 transition: background-color .5s ease;
2405 background: #0088CC none;
2427 .nologininstructions,
2429 .patronregistration {
2447 margin-bottom: .5em;
2476 @include border-radius-all( 3px );
2477 background-color: #EEEEEB;
2478 border: 1px solid #DDDED3;
2484 .librarypulldown .transl1 {
2488 .nolibrarypulldown {
2504 background: transparent url( "../images/koha-logo-navbar.png" ) no-repeat scroll 0%;
2506 float: left !important;
2515 height: 0 !important;
2519 text-decoration: none;
2524 #user-menu-trigger {
2528 background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
2529 background-position: -168px 0;
2530 background-repeat: no-repeat;
2534 vertical-align: text-top;
2539 border-bottom-color: #999999;
2540 border-top-color: #999999;
2545 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2547 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2556 #ulactioncontainer {
2570 .thumbnail-shelfbrowser span {
2576 background: url( "../images/asc.gif" ) no-repeat scroll right center #ECEDE6;
2577 padding-right: 19px;
2581 background: url( "../images/desc.gif" ) no-repeat scroll right center #ECEDE6;
2582 padding-right: 19px;
2586 background: url( "../images/ascdesc.gif" ) no-repeat scroll right center #ECEDE6;
2587 padding-right: 19px;
2591 .nosort.sorting_asc,
2592 .nosort.sorting_desc,
2594 background: #ECEDE6 none;
2595 padding-right: 19px;
2649 font-weight: normal;
2652 white-space: nowrap;
2662 vertical-align: middle;
2666 border-bottom: 1px solid #EEE;
2667 list-style-type: none;
2673 list-style-type: none;
2681 #openlibrary-results {
2687 vertical-align: middle;
2690 #overdrive-results-list .star-rating-control {
2718 text-decoration: none;
2723 background-image: url( "../images/sprite.png" );
2724 background-repeat: no-repeat;
2730 height: 0 !important;
2734 text-decoration: none;
2740 background-position: -9px -1007px;
2744 background-position: -9px -1057px;
2754 border-bottom: 1px solid #CCC;
2756 margin-bottom: .5em;
2757 padding: 0 1em 1em 1em;
2778 .toggle-hold-options {
2779 background-color: #EEE;
2791 #idreambooksreadometer {
2795 .idreambookslegend {
2799 .idreambookssummary {
2802 text-decoration: none;
2806 vertical-align: middle;
2818 vertical-align: middle;
2823 text-decoration: none;
2842 .t:first-child::before {
2880 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2886 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2901 .illrequest-actions {
2902 margin-bottom: 20px;
2911 #illrequests-create-button {
2912 margin-bottom: 20px;
2922 transform: translateY( -50% );
2927 #freeform-fields .custom-name {
2934 .dropdown:hover .dropdown-menu.nojs {
2940 border: 1px solid #DDDDDD;
2941 border-radius: 10px;
2954 color: white !important;
2959 background-color: $base;
2962 display: inline-block;
2967 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2970 background-color: lighten( $base, 20% );
2974 .user_overdues_count,
2976 background-color: #990000;
2979 background-color: lighten( #990000, 10% );
2983 .user_holds_waiting_count {
2984 background-color: #538200;
2987 background-color: lighten( #538200, 10% );
2992 border: 1px solid #EAEAE6;
2995 padding-bottom: .5em;
2998 background-color: #EAEAE6;
2999 border-top-left-radius: 6px;
3000 border-top-right-radius: 6px;
3001 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
3008 list-style-type: none;
3019 @import "responsive";