1 @import url("../../lib/yui/reset-fonts-grids.css") screen;
3 $font-main: Arial, Verdana, Helvetica, sans-serif;
4 $font-monospace: "Courier New", Courier, monospace;
6 @mixin default-button {
7 background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%); /* W3C */
8 border: 1px outset #999999;
9 border-left-color: #666;
10 border-top-color: #666;
15 @mixin disabled-button {
16 background: #EEE none;
17 border: 1px solid #C0C0C0;
23 color: #FFFFFF; /* Safari and Opera */
30 text-decoration: none;
35 text-decoration: none;
46 text-decoration: none;
86 background-image: url("../img/famfamfam/silk/page_white_excel.png");
103 background: transparent url("../img/pop-up-link.png") center right no-repeat;
112 background-position: left middle;
113 background-repeat: no-repeat;
123 border: 1px solid #0000CC;
130 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
134 @include default-button;
135 display: inline-block;
138 border: 1px inset #999999;
142 @include disabled-button;
147 text-decoration: underline;
151 background-image: url("../img/famfamfam/silk/page_white_code.png");
157 @include default-button;
160 border: 1px inset #999999;
164 @include disabled-button;
168 background: transparent;
176 border-collapse: collapse;
177 border-right: 1px solid #BCBCBC;
178 border-top: 1px solid #BCBCBC;
184 display: inline-block;
191 vertical-align: middle;
217 border-bottom: 1px solid #BCBCBC;
218 border-left: 1px solid #BCBCBC;
223 background-color: #FFFFFF;
232 border-collapse: separate;
236 font-family: $font-monospace;
246 background-color: #FFC;
253 background-color: #E8E8E8;
258 font-family: $font-monospace;
268 font-family: $font-main;
296 margin: .75em .3em .75em .7em;
337 margin: .5em 0 .5em 0;
365 border-color: #538200;
375 vertical-align: middle;
381 border: 1px inset #999999;
388 @include default-button;
391 border: 1px inset #999999;
395 @include disabled-button
400 background-color: #FFFF99;
405 @include default-button;
408 border: 1px inset #999999;
412 @include disabled-button
417 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
418 padding: .25em .25em .25em 25px;
430 vertical-align: middle;
446 /* Permissions Labels */
474 .members-update-table {
480 border-bottom: 1px solid #EEE;
481 list-style-image: url("../img/arrow-bullet.gif");
485 text-decoration: none;
511 list-style-type: disc;
521 list-style-type: circle;
529 font-family: $font-main;
564 /* For Font Awesome icon bullets */
567 list-style-type: none;
590 border-bottom: 1px solid #E8E8E8;
591 list-style-type: none;
597 border-right: 1px solid #E8E8E8;
609 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
610 display: inline-block;
615 display: inline-block;
634 .highlighted-row td {
635 background-color: #FFD000 !important;
642 background-color: #F3F3F3;
643 border: 1px solid #BCBCBC;
644 border-right: 1px solid #BCBCBC;
672 background-color: #F6F6F6;
673 border-color: #BCBCBC;
678 background-color: #DDDDDD;
679 border-color: #BCBCBC;
695 background-color: #FFFFE1;
702 background-color: #FFFFCC;
707 background-color: #FFFFCC;
713 background-color: #FFFFCC;
720 background-color: #FFFFCC;
726 background-color: #EEFFD4;
732 background-color: #E8F0F6;
738 background-color: #FF9090;
743 background-color: #FF9090;
753 background-color: #FFFF99;
761 background-color: #F3F3F3;
774 background-color: #FFFFCC;
781 background-color: #F4F8F9;
782 border: 2px solid #B9D8D9;
784 margin: 1em 1em 1em 0;
794 border-bottom-left-radius: 0;
795 border-bottom-right-radius: 0;
796 border-bottom-width: 0;
801 background-color: transparent;
811 border: 2px solid #B9D8D9;
833 &[aria-disabled="true"] {
847 list-style-type: none;
860 border: 2px solid #B9D8D9;
870 background-color: transparent;
883 margin: 1em 0 0 11em;
894 padding-bottom: .4em;
905 &.ui-accordion-content {
906 border-top-left-radius: 0;
907 border-top-right-radius: 0;
918 background-color: #FFFFFF;
968 list-style-type: none;
972 &[aria-disabled="true"] {
999 list-style-type: none;
1000 padding: 1em 1em 0 1em;
1008 vertical-align: middle;
1029 margin: 1em 0 1em 1em;
1045 margin: 1em 0 1em 1em;
1055 font-weight: normal;
1063 margin: 1em 0 0 11em;
1076 margin-bottom: .4em;
1114 background-color: #FFFFFF;
1115 border: 2px solid #B9D8D9;
1124 background-color: rgba(185, 216, 217, .6);
1132 background-color: #E6F0F2;
1136 padding: .2em .5em .4em 10px;
1139 #header + #breadcrumbs {
1143 #header > .container-fluid {
1149 background-color: transparent;
1159 margin-bottom: .3em;
1160 padding: 0 .4em .4em .4em;
1168 background-color: #FFFF99;
1169 border: 2px dashed #990000;
1185 text-align: justify;
1189 background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%);
1190 border: 1px solid #BCBCBC;
1206 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */
1207 border: 1px solid #BCBCBC;
1220 /* Tools > automatic_item_modification_by_age */
1225 &[class$="_table_controls"] {
1234 background-color: #F4F8F9;
1235 border: 2px solid #B9D8D9;
1242 border: 2px solid #BCDB89;
1243 border-bottom-left-radius: 5px;
1244 border-bottom-right-radius: 5px;
1266 margin: .2em 0 .2em .4em;
1295 border-bottom: 1px solid #EEE;
1298 list-style-type: none;
1299 padding-bottom: .2em;
1305 list-style-type: none;
1306 padding: .5em 1em 0 0;
1332 padding: 1px 5px 1px 5px;
1333 text-decoration: none;
1337 background-color: #EEEEEE;
1343 background-color: #FFC;
1349 background-color: #E6FCB7;
1352 padding: 1px 5px 1px 5px;
1356 background-color: #F3F3F3;
1359 padding: 1px 5px 1px 5px;
1369 background-position: .5em .5em;
1370 background-repeat: no-repeat;
1372 margin: .3em 0 .5em 0;
1385 border-bottom: 1px solid #85CA11;
1386 padding: 0 0 .2em 0;
1396 &.ui-state-default {
1397 background: transparent none;
1407 background-color: #FFFFF1;
1408 border: 1px solid #85CA11;
1409 border-top-width: 0;
1413 text-decoration: none;
1421 border-radius: 0 0 4px 4px;
1449 border: 1px solid #B9D8D9;
1459 white-space: nowrap;
1463 font-family: $font-monospace;
1473 font-weight: normal;
1480 background-color: #EDF4F6;
1481 border: 1px solid #E6F0F2;
1482 border-radius: 5px 5px 0 0;
1484 padding: 5px 5px 5px 5px;
1508 border-right: 1px solid #B9D8D9;
1510 padding-bottom: .5em;
1511 padding-left: -.5em;
1522 border-right: 1px solid #B9D8D9;
1528 list-style-type: none;
1540 background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1541 border: 1px solid #CCCCCC;
1543 margin: .3em 0 .3em .3em;
1550 border: 1px solid #CCCCCC;
1551 margin: .3em 0 .3em .3em;
1557 border-right: 1px solid #000;
1558 border-top: 1px solid #000;
1559 margin-bottom: .5em;
1560 padding: .5em 0 .5em 0;
1658 margin-left: 10.5em;
1701 white-space: normal;
1710 .subfield_not_filled {
1711 background-color: #FFFF99;
1716 visibility: hidden; /* you propably don't need to change this one */
1719 /* the property for the displayed tab */
1722 visibility: visible; /* you propably don't need to change this one */
1727 /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
1733 #z3950_search_targets {
1738 #z3950_search_targets_acq {
1743 #z3950_search_targets_auth {
1757 background-color: #90EE90;
1761 background-color: #FF0000;
1764 /* Font Awesome icons */
1784 vertical-align: middle;
1789 font-weight: normal;
1793 .checkout-settings {
1794 background-color: #F4F8F9;
1796 border-top: 2px solid #B9D8D9;
1804 #show-checkout-settings {
1812 .inaccurate-item-statuses {
1818 list-style: url("../img/arrow-bullet.gif");
1819 margin-bottom: .2em;
1823 #circ_needsconfirmation {
1828 border: 1px solid #BCBCBC;
1837 display: inline-block;
1843 background: #FFF none;
1844 border: 1px outset #999999;
1845 border-left-color: #666;
1846 border-top-color: #666;
1849 white-space: pre-line;
1852 border: 1px inset #999999;
1856 background-color: #FFC;
1868 background-color: #FFFFFF;
1869 border: 1px solid #BCBCBC;
1871 padding: .4em .4em .4em 25px;
1874 background-color: #FFC;
1878 background: #FFF none;
1883 list-style-position: inside;
1900 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */
1901 border: 1px solid #E0C726;
1910 /* Redefine a new style for Bootstrap's class "close" since we use that already */
1911 /* Use <a class="closebtn" href="#">×</a> */
1946 text-decoration: underline;
1950 background-color: #FFFFCC;
1954 background-color: #FFC;
1958 /* style for shelving location in catalogsearch */
1965 border-right: 1px solid #B9D8D9;
1967 padding-bottom: 2em;
1972 background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%);
1973 border: 1px solid #B9D8D9;
1974 border-bottom-left-radius: 5px;
1975 border-top-left-radius: 5px;
1981 text-decoration: none;
1984 background: linear-gradient(to bottom, #fafafa 0%, #ffffff 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%);
1985 border-bottom: 1px solid #85CA11;
1986 border-left: 1px solid #85CA11;
1987 border-top: 1px solid #85CA11;
1993 background-color: #FFFFFF;
1994 background-image: none;
1995 border-bottom: 1px solid #85CA11;
1996 border-left: 1px solid #85CA11;
1998 border-top: 1px solid #85CA11;
2003 background-color: #FFFFFF;
2012 list-style-type: none;
2019 background: transparent url("../img/koha-logo-medium.gif") no-repeat scroll 0%;
2020 margin: .75em .3em .75em .7em;
2026 height: 0 !important;
2030 text-decoration: none;
2046 vertical-align: middle;
2052 text-overflow: ellipsis;
2053 white-space: nowrap;
2061 padding: 0 10px 0 0;
2091 list-style-type: none;
2100 list-style: url("../img/item-bullet.gif");
2105 margin: 3px 5px 3px -5px;
2124 vertical-align: top;
2137 background-color: #E6F0F2;
2138 border: 1px solid #B9D8D9;
2139 border-radius: 5px 5px 0 0;
2141 margin: 0 0 .5em -1px;
2142 padding: .4em 0 .4em 1em;
2159 padding: 5px 5px 3px 0;
2170 padding: 5px 25em 0 0;
2176 border: 1px solid #B9D8D9;
2177 border-radius: 5px 5px 0 0;
2180 background-color: #E6F0F2;
2181 border-bottom: 1px solid #B9D8D9;
2182 border-radius: 5px 5px 0 0;
2195 list-style-type: none;
2202 font-weight: normal;
2215 display: inline-block;
2222 .searchhighlightblob {
2228 background-color: #CCCCCC;
2229 margin-bottom: 10px;
2233 #irregularity_summary {
2234 vertical-align: top;
2244 font-weight: normal;
2267 border: 1px solid #E8E8E8;
2272 .labeledmarc-table {
2276 .labeledmarc-label {
2284 .labeledmarc-value {
2294 font-family: $font-monospace;
2303 background-color: #FFFFFF;
2312 vertical-align: top;
2316 background-color: #FFFFFF;
2320 vertical-align: top;
2321 white-space: nowrap;
2335 @media (max-width: 767px) {
2343 background-color: #FFFFFF;
2344 border: 1px solid #739ACF;
2345 box-shadow: 1px 1px 3px 0 #666;
2356 background: transparent url("../img/cart-small.gif") left center no-repeat;
2364 font-weight: normal;
2377 padding: 0 0 .5em 0;
2380 font-weight: normal;
2388 .child_fund_amount {
2397 background-color: #E4ECF5;
2398 border: 1px solid #A4BEDD;
2402 text-decoration: none;
2405 background-color: #EBEFF7;
2411 border: 1px solid #EEE;
2420 background: #E3E3E3 none;
2427 .import_export_options {
2428 background: #FFFFFF;
2429 border: 1px solid #CDCDCD;
2439 .import_export_options {
2440 background: #E3E3E3 none;
2474 border: 1px solid #BCBCBC;
2482 padding-bottom: 10px;
2506 border-collapse: separate;
2507 border-spacing: 5px;
2512 border: 1px solid #EEE;
2517 #circ_circulation_issue {
2527 background-color: #EEE;
2528 border-radius: 0 0 0 5px;
2533 padding: 0 .7em .2em .7em;
2534 text-decoration: none;
2535 text-shadow: 0 -1px 0 #666;
2544 background-color: #E8E8E8;
2545 border: 1px solid #BCBCBC;
2547 display: inline-block;
2550 padding: .3em .5em .3em .5em;
2553 vertical-align: middle;
2562 background-color: transparent;
2575 background-color: #FFFFFF;
2576 border: 1px solid #AAAAAA;
2586 #acqui_order_supplierlist {
2589 border: 1px solid #EEEEEE;
2608 margin-bottom: .5em;
2614 .supplier-contact-details {
2619 margin: 0 0 8px 8px;
2626 /* Override core jQueryUI widgets */
2627 .ui-widget-content {
2628 background: #FFFFFF none;
2629 border: 1px solid #B9D8D9;
2634 background: #E6F0F2 none;
2635 border: 1px solid #B9D8D9;
2641 .ui-widget-content .ui-state-default,
2642 .ui-widget-header .ui-state-default {
2643 background: #F4F8F9 none;
2644 border: 1px solid #B9D8D9;
2646 font-weight: normal;
2650 .ui-widget-content .ui-state-hover,
2651 .ui-widget-header .ui-state-hover,
2653 .ui-widget-content .ui-state-focus,
2654 .ui-widget-header .ui-state-focus {
2655 background: #E6F0F2 none;
2656 border: 1px solid #B9D8D9;
2658 font-weight: normal;
2662 .ui-widget-content .ui-state-active,
2663 .ui-widget-header .ui-state-active {
2664 background: #FFFFFF none;
2665 border: 1px solid #AAAAAA;
2667 font-weight: normal;
2670 .ui-state-highlight,
2671 .ui-widget-content .ui-state-highlight,
2672 .ui-widget-header .ui-state-highlight {
2673 background: #FFF4C6;
2674 border: 1px solid #FED22F;
2679 .ui-widget-content .ui-state-error,
2680 .ui-widget-header .ui-state-error {
2681 border: 1px solid #CD0A0A;
2682 background: #FEF1EC;
2686 /* Override jQuery Autocomplete */
2688 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2692 &.ui-widget-content {
2694 background: #E6F0F2 none;
2695 border: 1px solid #B9D8D9;
2697 font-weight: normal;
2702 .ui-autocomplete-loading {
2703 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2706 /* jQuery UI standard tabs */
2719 background: none repeat scroll 0 0 transparent;
2723 &.ui-widget-header {
2732 background: #E6F0F2 none;
2733 border: 1px solid #B9D8D9;
2738 background-color: #FFFFFF;
2739 border: 1px solid #B9D8D9;
2740 border-bottom-width: 0;
2748 background: #FFF none;
2752 &.ui-state-default {
2754 background: #EDF4F5 none;
2761 border: 1px solid #B9D8D9;
2764 &.ui-widget-content {
2765 background: transparent none;
2794 font-family: inherit;
2801 font-family: inherit;
2808 background: none repeat scroll 0 0 transparent;
2810 border-bottom-left-radius: 4px;
2811 border-bottom-right-radius: 4px;
2812 border-top-left-radius: 4px;
2813 border-top-right-radius: 4px;
2818 list-style: none outside none;
2821 padding: .2em .2em 0;
2822 text-decoration: none;
2835 background: none repeat scroll 0 0 #E6F0F2;
2836 border: 1px solid #B9D8D9;
2837 border-bottom: 0 none;
2838 border-top-left-radius: 4px;
2839 border-top-right-radius: 4px;
2842 font-weight: normal;
2843 list-style: none outside none;
2849 white-space: nowrap;
2852 background-color: #FFFFFF;
2854 font-weight: normal;
2855 padding-bottom: 1px;
2858 background: none repeat scroll 0 0 transparent;
2872 text-decoration: none;
2875 background-color: #EDF4F5;
2876 border-top-left-radius: 4px;
2877 border-top-right-radius: 4px;
2885 background: none repeat scroll 0 0 transparent;
2886 border: 1px solid #B9D8D9;
2887 border-bottom-left-radius: 4px;
2888 border-bottom-right-radius: 4px;
2910 .authorizedheading {
2916 .authres_otherscript {
2957 font-weight: normal;
2958 text-decoration: underline;
2967 #didyoumeanintranet {
2973 padding-bottom: 10px;
2977 margin: 0 1em 1em 0;
2981 background-color: #E6F0F2;
2984 padding-bottom: 4px;
2996 .ui-sortable-placeholder {
2997 border: 1px dotted #000;
2999 visibility: visible;
3006 /* jQuery UI Datepicker */
3008 box-shadow: 1px 1px 3px 0 #666;
3012 border-collapse: collapse;
3019 background: transparent none;
3027 .ui-datepicker-trigger {
3029 vertical-align: middle;
3032 /* css for timepicker */
3033 .ui-timepicker-div {
3038 margin: 0 10px 10px 65px;
3043 margin-bottom: -25px;
3056 .ui-tpicker-grid-label {
3064 .ui_tpicker_millisec,
3065 .ui_tpicker_microsec {
3069 /* jQuery UI Accordion */
3070 .ui-accordion-header,
3071 .ui-widget-content .ui-accordion-header {
3080 /* Bootstrap overrides */
3083 border-color: #ADADAD #ADADAD #949494;
3084 font-family: $font-main;
3092 .btn-group-xs > .btn {
3099 border-top-width: 1px;
3110 border-color: rgba(0, 0, 0, .2);
3115 list-style: none outside none;
3122 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
3123 background-repeat: repeat-x;
3125 text-decoration: none;
3137 list-style: none outside none;
3154 &.open > .dropdown-toggle:focus,
3155 &.active > .dropdown-toggle:focus,
3156 &.open.active > .dropdown-toggle:focus {
3157 background: #E6F0F2 none;
3173 background: #E6F0F2;
3205 .navbar-static-top {
3207 background: #E6F0F2 none;
3215 .navbar-fixed-bottom {
3222 border-right: 1px solid #CCC;
3225 font-weight: normal;
3233 line-height: normal;
3242 border-bottom-color: #EEE;
3246 background-color: #FFFFFF;
3247 border: 1px solid rgba(0, 0, 0, .2);
3248 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3265 font-weight: normal;
3301 &[type="checkbox"] {
3316 filter: alpha(opacity=20);
3322 text-shadow: 0 1px 0 #FFFFFF;
3328 filter: alpha(opacity=50);
3330 text-decoration: none;
3346 white-space: pre-wrap;
3350 background-color: transparent;
3356 line-height: inherit;
3359 word-break: break-all;
3360 word-wrap: break-word;
3364 background-color: transparent;
3371 .pagination > li > a,
3372 .pagination > li > span {
3376 /* End Bootstrap overrides */
3393 background: url("../img/progress.png") -300px 0 no-repeat;
3394 border: 1px solid #666;
3395 display: inline-block;
3401 border: 2px solid #EEE;
3414 white-space: normal;
3419 vertical-align: middle;
3423 background-color: #EBF3FF;
3429 white-space: nowrap;
3432 background-color: #CCE0FC;
3440 &[type="password"] {
3441 font-family: $font-monospace;
3448 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
3451 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3459 white-space: nowrap;
3463 background: transparent url("../img/edit-tag.png") top left no-repeat;
3470 white-space: nowrap;
3477 padding-bottom: 1em;
3481 #browse-return-to-results {
3482 border-top-left-radius: 3px;
3483 border-top-right-radius: 3px;
3490 display: inline-block;
3494 background: #FAFAFA;
3500 background: #FAFAFA;
3520 font-weight: normal;
3532 border: 1px solid #B9D8D9;
3536 background-color: #E8F0F6;
3537 border-top-left-radius: 5px;
3538 border-top-right-radius: 5px;
3542 border-bottom-left-radius: 5px;
3543 border-bottom-right-radius: 5px;
3544 border-top-width: 0;
3548 border-bottom-left-radius: 5px;
3549 border-right: 1px solid #B9D8D9;
3554 border-bottom-right-radius: 5px;
3555 border-top-width: 0;
3561 background-color: #FFFFFF;
3572 background: transparent url("../img/loading.gif") top left no-repeat;
3577 margin: -1em 0 0 -2.5em;
3598 background-color: #FFFFCC;
3630 .sublanguage-selected {
3637 .onsite_checkout-select {
3639 #circ_circulation_issue & {
3641 font-weight: normal;
3649 .onsite-checkout-only {
3650 background-color: rgba(255, 242, 206, .5);
3651 border: 1px solid #FFF2CE;
3656 background-color: #FFFFFF;
3657 border: 1px solid #B9D8D9;
3659 display: table-cell;
3677 #cn_browser_table_wrapper > #cn_browser_table {
3683 background-color: #F4F8F9;
3684 border: 2px solid #B9D8D9;
3693 margin-bottom: .3em;
3702 text-decoration: underline;
3706 text-decoration: overline;
3718 margin-bottom: 10px;
3730 #patron_list_dialog,
3742 #fixedlengthbuilderaction {
3743 border: 3px solid #E6F0F2;
3757 background: #E6F0F2 none;
3764 &.navbar-fixed-bottom {
3770 background: transparent none;
3779 #interlibraryloans {
3785 margin-bottom: 20px;
3799 margin-bottom: 20px;
3841 transform: translateY(-50%);
3849 margin-bottom: 10px;
3853 margin-bottom: 20px;
3863 #requestattributes {
3871 width: 100% !important;
3881 #logged-in-info-full {
3885 .loggedin-menu-label {
3888 line-height: 1.42857143;
3890 white-space: nowrap;
3902 @media (min-width: 200px) {
3908 float: right !important;
3909 margin-right: -15px;
3918 background-color: #fff;
3919 border: 1px solid rgba(0, 0, 0, .15);
3920 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
3925 &.dropdown-menu-left {
3930 &.dropdown-menu-right {
3945 background-color: #0081c2;
3946 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
3947 background-repeat: repeat-x;
3949 text-decoration: none;
3959 @media (min-width: 800px) {
3970 #logged-in-info-full {
3974 #logged-in-info-brief {
3978 .loggedin-menu-label {