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;
346 background-color: #FFFFE5;
360 background-color: #E2E8E8;
367 background-color: transparent;
385 @include border-radius-all( 3px );
386 background-color: #85ca11;
389 font-family: 'NotoSans';
453 border: 1px solid #DDD;
466 border-bottom: 1px solid #EEE;
470 padding-bottom: .5em;
485 text-decoration: none;
491 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
495 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
504 background-color: #fcf9fc;
516 #selections-toolbar {
517 background: #e2e8e8 none;
526 .selections-toolbar.toolbar {
527 background: #e2e8e8 none;
532 background-repeat: no-repeat;
534 text-decoration: none;
538 background-image: url( "../images/sprite.png" ); /* Place hold small */
539 background-position: -5px -539px;
544 background-image: url( "../images/sprite.png" ); /* Place hold small */
545 background-position: -2px -26px;
550 background-image: url( "../images/sprite.png" ); /* Cart small */
551 background-position: -5px -570px;
556 background-image: url( "../images/sprite.png" ); /* MARC view */
557 background-position: -5px -24px;
562 background-position: -5px -27px;
567 background-position: -5px -1110px;
571 /* List contents remove from list link */
573 background-position: -8px -690px; /* Delete */
579 /* Override Bootstrap alert */
581 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
582 border-color: #D6C43B;
585 /* Redefine a new style for Bootstrap's class "close" since we use that already */
586 /* Use <a class="closebtn" href="#">×</a> */
596 /* Override Bootstrap alert.alert-info */
598 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
599 border-color: #C5D1E5;
603 /* Override Bootstrap alert.alert-success */
605 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
606 border-color: #9FBA35;
611 background-color: #F0F3F3;
613 list-style: none outside none;
620 @extend %initial_icon;
621 background-color: transparent;
622 background-position: 0 -184px; /* Toolbar print */
641 background-color: #FFF;
642 border: 1px solid #F0F3F3;
660 background-color: #85ca11;
661 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
662 background-position: 0;
663 font-family: 'NotoSans';
665 background-color: #85ca11;
666 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
667 background-position: 0;
670 background-color: #85ca11;
671 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
672 background-position: 0;
675 background-color: #85ca11;
676 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
677 background-position: 0;
680 background-color: #85ca11;
681 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
682 background-position: 0;
686 input[type="text"]:focus {
687 border-color: #85ca11;
688 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
691 input[type="password"]:focus {
692 border-color: #85ca11;
693 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
703 .table-striped tbody > tr:nth-child(odd) > td,
704 .table-striped tbody > tr:nth-child(odd) > th {
705 background-color: #F0F3F3;
708 #availability_facet {
712 #facet-holdings-library {
717 background-color: #f0f3f3;
718 border: 1px solid #f0f3f3;
720 background-color: #f0f3f3;
725 /* jQuery UI standard tabs */
726 .ui-tabs-nav .ui-tabs-active a,
727 .ui-tabs-nav a:hover,
728 .ui-tabs-nav a:focus,
729 .ui-tabs-nav a:active,
730 .ui-tabs-nav span.a {
731 background: none repeat scroll 0 0 transparent;
740 font-family: 'NotoSans';
755 background: #F0F3F3 none;
756 border-color: #D8D8D8;
760 background-color: #FFF;
761 border: 1px solid #D8D8D8;
770 background: #FFF none;
772 background: #FFF none;
777 &.ui-state-default.ui-state-hover {
778 background: #F3F3F3 none;
784 border: 1px solid #D8D8D8;
788 &.ui-widget-content {
789 background: transparent none;
833 background: none repeat scroll 0 0 transparent;
835 border-bottom-left-radius: 4px;
836 border-bottom-right-radius: 4px;
837 border-top-left-radius: 4px;
838 border-top-right-radius: 4px;
843 list-style: none outside none;
846 padding: .2em .2em 0;
847 text-decoration: none;
862 background: none repeat scroll 0 0 #E6F0F2;
863 border: 1px solid #B9D8D9;
864 border-bottom: 0 none !important;
865 border-top-left-radius: 4px;
866 border-top-right-radius: 4px;
870 list-style: none outside none;
879 background-color: #FFFFFF;
885 background: none repeat scroll 0 0 transparent;
898 text-decoration: none;
901 background-color: #EDF4F5;
902 border-top-left-radius: 4px;
903 border-top-right-radius: 4px;
910 background: none repeat scroll 0 0 transparent;
911 border: 1px solid #B9D8D9;
912 border-bottom-left-radius: 4px;
913 border-bottom-right-radius: 4px;
920 /* End jQueryUI tab styles */
922 /* jQuery UI Datepicker */
928 border-collapse: collapse;
935 background: transparent none;
943 .ui-datepicker-trigger {
945 vertical-align: middle;
948 /* End jQueryUI datepicker styles */
954 background: #FFFFFF none;
955 border: 1px solid #AAA;
965 background: #E6F0F2 none;
966 border: 1px solid #AAA;
972 .ui-widget-content .ui-state-default,
973 .ui-widget-header .ui-state-default {
974 background: #F4F8F9 none;
975 border: 1px solid #AAA;
981 .ui-widget-content .ui-state-hover,
982 .ui-widget-header .ui-state-hover,
984 .ui-widget-content .ui-state-focus,
985 .ui-widget-header .ui-state-focus {
986 background: #E6F0F2 none;
987 border: 1px solid #AAA;
993 .ui-widget-content .ui-state-active,
994 .ui-widget-header .ui-state-active {
995 background: #FFFFFF none;
996 border: 1px solid #AAAAAA;
1001 .ui-state-highlight,
1002 .ui-widget-content .ui-state-highlight,
1003 .ui-widget-header .ui-state-highlight {
1004 background: #FBF9EE;
1005 border: 1px solid #FCEFA1;
1010 .ui-widget-content .ui-state-error,
1011 .ui-widget-header .ui-state-error {
1012 background: #FEF1EC;
1013 border: 1px solid #CD0A0A;
1017 /* end jQueryUI core */
1024 @include border-radius-all( 3px );
1025 background-color: #FFF;
1026 border: 1px solid #AAA;
1041 margin-bottom: 10px;
1046 margin: 0 1em 1em 0;
1056 background-color: transparent;
1059 font-weight: normal;
1065 background-color: #999999;
1068 display: inline-block;
1071 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1075 background-color: #B94A48;
1079 background-color: #F89406;
1083 background-color: #468847;
1087 background-color: #3A87AD;
1091 background-color: #333333;
1131 list-style-type: none;
1132 padding: 1em 1em 0 1em;
1152 list-style-type: none;
1153 padding-bottom: 1em;
1157 padding-left: 8.5em;
1179 padding: 1em 0 .3em;
1215 list-style-type: none;
1217 padding: .5em 1em 0 0;
1227 border-bottom: 1px solid #EEE;
1230 list-style-type: none;
1231 padding-bottom: .2em;
1250 /* different sizes for different tags in opac-tags.tt */
1293 background-color: #EEEEEE;
1294 border: 1px solid #E8E8E8;
1296 padding: 3px 3px 5px 5px;
1297 vertical-align: middle;
1300 white-space: nowrap;
1313 line-height: inherit;
1316 white-space: nowrap;
1336 border-left: 1px solid #E8E8E8;
1353 padding: 7px 5px 9px 9px;
1357 #selections-toolbar,
1358 .selections-toolbar {
1359 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1369 %tag_button_default {
1370 background-color: transparent;
1371 background-image: url( "../images/sprite.png" );
1372 background-position: 1px -643px;
1373 background-repeat: no-repeat;
1379 text-decoration: none;
1384 text-decoration: underline;
1387 %tag_button_disabled {
1390 text-decoration: none;
1394 @extend %tag_button_default;
1397 background-position: -1px -667px;
1401 #selections-toolbar {
1404 @extend %tag_button_hover;
1408 @extend %tag_button_disabled;
1411 @extend %tag_button_disabled;
1417 @extend %tag_button_disabled;
1420 @extend %tag_button_disabled;
1425 #tagsel_span input {
1427 @extend %tag_button_default;
1431 @extend %tag_button_hover;
1435 @extend %tag_button_disabled;
1438 @extend %tag_button_disabled;
1443 @extend %tag_button_disabled;
1446 @extend %tag_button_disabled;
1451 .selections-toolbar a.disabled {
1452 @extend %tag_button_disabled;
1455 @extend %tag_button_disabled;
1482 font-weight: normal;
1487 margin-bottom: .5em;
1488 padding: 0 2em .2em .2em;
1492 background-color: #F0F3F3;
1493 border: 1px solid #C9C9C9;
1496 display: inline-block;
1498 white-space: nowrap;
1502 background-image: url( "../images/sprite.png" );
1503 background-repeat: no-repeat;
1505 font-weight: normal;
1507 text-decoration: none;
1511 #bibliodescriptions,
1518 background-color: #FFF;
1523 background-position: -9px -28px;
1527 background-position: -10px -56px;
1531 background-position: -8px 1px;
1536 background: transparent none;
1541 .results-pagination {
1542 background-color: #F3F3F3;
1544 padding-bottom: 10px;
1555 background: none !important;
1556 color: #999 !important;
1567 border-top: 1px solid #DDDDDD;
1574 background-color: #DDDDDD;
1586 padding-right: 10px;
1592 .pagination_footer {
1593 background-color: #E1E1E1;
1602 background-color: #E1E1E1;
1611 border: 1px solid #D0D0D0;
1620 display: inline-block;
1622 text-decoration: none;
1626 background-color: #F3F3F3;
1627 border-top: 1px solid #D0D0D0;
1629 white-space: nowrap;
1633 display: inline-block;
1640 border-left: 1px solid #D0D0D0;
1641 border-right: 1px solid #D0D0D0;
1647 background-color: #F3F3F3;
1650 font-weight: normal;
1653 text-decoration: none;
1665 display: inline-block;
1667 font-weight: normal;
1672 background-color: #999999;
1675 font-weight: normal;
1677 text-decoration: none;
1680 background-color: #006699;
1686 background-color: #616161;
1694 border-top: 1px solid #DDD;
1698 display: inline-block;
1710 text-decoration: underline;
1716 /* action buttons */
1718 background-color: #F0F3F3;
1719 border: 1px solid #E8E8E8;
1721 padding-bottom: 3px;
1731 text-decoration: none;
1736 #moresearches_menu {
1742 font-weight: normal;
1756 .highlight_controls {
1761 background-image: url( "../images/sprite.png" );
1762 background-repeat: no-repeat;
1763 text-decoration: none;
1768 @extend %initial_icon;
1769 background-color: transparent;
1770 background-position: -2px -453px; /* Toolbar place hold */
1775 text-decoration: none;
1778 @extend %initial_icon;
1779 background-position: -5px -621px; /* Place hold disabled */
1784 @extend %initial_icon;
1785 background-color: transparent;
1786 background-position: 2px -734px; /* List edit */
1793 text-decoration: none;
1802 @extend %initial_icon;
1803 background-position: 2px -761px; /* List new */
1812 @extend %initial_icon;
1813 background-position: -4px -791px; /* List new disabled */
1818 @extend %initial_icon;
1819 background-color: transparent;
1820 background-position: 2px -687px; /* Delete */
1827 text-decoration: none;
1838 background-position: 0 -712px; /* Delete */
1851 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1852 background-position: -6px -1130px;
1853 background-repeat: no-repeat;
1855 text-decoration: none;
1858 .tag_results_input {
1863 input[type="text"] {
1875 input[type="text"] {
1886 .branch-info-tooltip {
1890 .ui-tooltip-content p {
1896 background: transparent url( "../images/social-sprite.png" ) no-repeat;
1898 height: 20px !important;
1899 text-indent: -999em;
1910 margin: .5em 0 .5em .5em !important;
1914 float: left !important;
1915 margin: .5em 0 .5em .2em !important;
1919 background-position: -7px -35px;
1923 background-position: -7px -5px;
1927 background-position: -7px -95px;
1931 background-position: -7px -66px;
1935 background-position: -7px -126px;
1942 background-color: transparent;
1953 padding-bottom: .6em;
1961 padding-bottom: .6em;
1985 border: 1px solid #EEE;
1992 font-family: monospace;
1998 background-color: #FFF;
2002 vertical-align: top;
2003 white-space: nowrap;
2009 vertical-align: top;
2018 background-repeat: no-repeat;
2021 text-decoration: none;
2025 #renewselected_link {
2026 background-image: url( "../images/sprite.png" );
2027 background-position: -5px -986px;
2028 background-repeat: no-repeat;
2032 background-image: url( "../images/sprite.png" );
2033 background-position: -8px -967px;
2034 background-repeat: no-repeat;
2053 .authstanzaheading {
2057 .authorizedheading {
2063 .authres_otherscript {
2072 @include border-radius-all( 3px );
2073 background-color: #EEE;
2074 border: 1px solid #E8E8E8;
2075 box-sizing: border-box;
2081 background-color: #FFFBEA;
2082 border-color: #F4ECBE;
2091 display: inline-block;
2096 padding-left: .25em;
2102 font-weight: normal;
2103 text-decoration: underline;
2121 background: #85ca11 none;
2124 background: #85ca11 none;
2134 background-color: #FFF;
2135 border: 1px solid rgba( 0, 0, 0, .2 );
2137 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2149 white-space: nowrap;
2154 border: 1px solid #D2D2CF;
2171 background-color: #F0F3F3;
2172 border-bottom: 1px solid #D8D8D8;
2176 text-decoration: none;
2183 list-style-type: none;
2187 font-weight: normal;
2202 font-weight: normal;
2203 text-decoration: underline;
2207 display: inline-block;
2216 list-style-type: none;
2219 background-color: #F0F3F3;
2220 border: 1px solid #D8D8D8;
2221 border-bottom-color: #999;
2227 text-decoration: none;
2230 background: #EAEEF5;
2236 background-color: #FFF;
2237 background-image: none;
2238 border-right-width: 0;
2242 background-color: #FFF;
2257 /* Search results add to cart (lists disabled) */
2260 background-image: url( "../images/sprite.png" ); /* Cart */
2261 background-position: -5px -266px;
2262 background-repeat: no-repeat;
2264 text-decoration: none;
2271 padding: 0 0 .6em 0;
2279 &.highlight_toggle {
2280 background-image: url( "../images/sprite.png" ); /* Highlight */
2281 background-position: -11px -837px;
2282 background-repeat: no-repeat;
2284 font-weight: normal;
2285 padding: 0 10px 0 21px;
2290 @include border-radius-all( 3px );
2292 background-color: rgba( 255, 255, 204, .4 );
2293 border: 1px solid #CCC;
2294 display: inline-block;
2299 background-color: rgba( 239, 254, 213, .4 );
2309 .commentline .avatar {
2314 /* style for search terms in catalogsearch */
2317 background-color: #FFFFCC;
2321 /* style for shelving location in catalogsearch */
2330 font-weight: normal;
2332 text-decoration: underline;
2337 padding: 0 .2em 0 .5em;
2338 text-shadow: 1px 1px 0 #FFF;
2342 border-bottom-left-radius: 3px;
2343 border-top-left-radius: 3px;
2348 border-bottom-right-radius: 3px;
2349 border-top-right-radius: 3px;
2350 border-width: 1px 1px 1px 0;
2353 %page-middle-child {
2354 background-color: #FFFFFF;
2355 border-color: #DDDDDD;
2357 border-style: solid;
2358 border-width: 1px 1px 1px 0;
2363 text-decoration: none;
2371 @extend %page-first-child;
2375 @extend %page-last-child;
2380 @extend %page-middle-child;
2383 @extend %page-first-child;
2387 @extend %page-last-child;
2392 @extend %page-middle-child;
2393 background-color: #F5F5F5;
2397 @extend %page-middle-child;
2401 border-bottom-right-radius: 3px;
2402 border-top-right-radius: 3px;
2407 @include border-radius-all( 3px );
2408 background-color: #FFF0B1;
2409 display: inline-block;
2416 white-space: nowrap;
2424 font-weight: normal;
2439 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2440 /* Use <a class="closebtn" href="#">×</a> */
2442 .modal-header .closebtn {
2453 text-shadow: 0 1px 0 #FFFFFF;
2459 text-decoration: none;
2464 background: transparent;
2477 margin-left: -200px;
2481 box-sizing: border-box;
2491 transition: background-color .5s ease;
2494 background: #77b50f none;
2516 .nologininstructions,
2518 .patronregistration {
2536 margin-bottom: .5em;
2565 background-color: #F0F3F3;
2566 border: 1px solid #F0F3F3;
2573 .librarypulldown .transl1 {
2577 .nolibrarypulldown {
2593 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2595 float: left !important;
2604 height: 0 !important;
2608 text-decoration: none;
2611 background-color: transparent;
2616 #user-menu-trigger {
2625 border-bottom-color: #999999;
2626 border-top-color: #999999;
2631 #header-region .icon-white {
2632 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2635 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2637 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2646 #ulactioncontainer {
2660 .thumbnail-shelfbrowser span {
2666 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2667 padding-right: 19px;
2671 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2672 padding-right: 19px;
2676 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2677 padding-right: 19px;
2681 .nosort.sorting_asc,
2682 .nosort.sorting_desc,
2684 background: #E2E8E8 none;
2685 padding-right: 19px;
2696 thead:first-child tr:first-child > th {
2704 tbody:last-child tr:last-child > td {
2735 vertical-align: middle;
2739 border-bottom: 1px solid #EEE;
2740 list-style-type: none;
2746 list-style-type: none;
2754 #recordedbooks-results,
2755 #openlibrary-results {
2761 vertical-align: middle;
2764 #overdrive-results-list .star-rating-control {
2792 text-decoration: none;
2797 background-image: url( "../images/sprite.png" );
2798 background-repeat: no-repeat;
2804 height: 0 !important;
2808 text-decoration: none;
2814 background-position: -9px -1007px;
2818 background-position: -9px -1057px;
2828 border-bottom: 1px solid #CCC;
2830 margin-bottom: .5em;
2831 padding: 0 1em 1em 1em;
2852 .toggle-hold-options {
2853 background-color: #EEE;
2865 #idreambooksreadometer {
2869 .idreambookslegend {
2873 .idreambookssummary {
2876 text-decoration: none;
2880 vertical-align: middle;
2892 vertical-align: middle;
2897 text-decoration: none;
2916 .t:first-child::before {
2954 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2960 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2975 .illrequest-actions {
2976 margin-bottom: 20px;
2985 #illrequests-create-button {
2986 margin-bottom: 20px;
2996 transform: translateY( -50% );
3001 #freeform-fields .custom-name {
3008 .dropdown:hover .dropdown-menu.nojs {
3014 border: 1px solid #DDDDDD;
3015 border-radius: 10px;
3028 color: white !important;
3033 background-color: $base;
3036 display: inline-block;
3041 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3044 background-color: lighten( $base, 20% );
3048 .user_overdues_count,
3050 background-color: #990000;
3053 background-color: lighten( #990000, 10% );
3057 .user_holds_waiting_count {
3058 background-color: #538200;
3061 background-color: lighten( #538200, 10% );
3066 border: 1px solid #EAEAE6;
3068 padding-bottom: .5em;
3071 background-color: #E2E8E8;
3079 list-style-type: none;
3094 .adlibris-cover-big {
3098 /* jQuery Bar Rating plugin for star ratings */
3100 $star-default: #D2D2D2;
3101 $star-active: #C24A4A;
3102 $star-selected: #EDB867;
3105 display: inline-block;
3108 .br-theme-fontawesome-stars {
3112 white-space: nowrap;
3115 -webkit-font-smoothing: antialiased;
3116 font: normal normal normal 20px/1 FontAwesome;
3118 text-decoration: none;
3119 text-rendering: auto;
3122 color: $star-default;
3128 color: $star-active;
3134 color: $star-selected;
3140 .br-current-rating {
3153 #cancel_rating_text {
3160 .br-theme-fontawesome-stars {
3170 &.br-selected::after {
3181 /* END jQuery Bar Rating plugin for star ratings */
3184 @import "responsive";