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%);
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;
30 text-decoration: none;
36 text-decoration: none;
82 background-image: url("../img/famfamfam/silk/page_white_excel.png");
99 background: transparent url("../img/pop-up-link.png") center right no-repeat;
108 background-position: left middle;
109 background-repeat: no-repeat;
110 display: inline-block;
121 border: 1px solid #0000CC;
128 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
132 @include default-button;
133 display: inline-block;
136 border: 1px inset #999999;
140 @include disabled-button;
145 text-decoration: underline;
149 background-image: url("../img/famfamfam/silk/page_white_code.png");
227 @include default-button;
230 border: 1px inset #999999;
234 @include disabled-button;
238 background: transparent;
259 border-collapse: collapse;
260 border-right: 1px solid #BCBCBC;
261 border-top: 1px solid #BCBCBC;
267 display: inline-block;
274 vertical-align: middle;
304 border-bottom: 1px solid #BCBCBC;
305 border-left: 1px solid #BCBCBC;
310 background-color: #FFFFFF;
319 border-collapse: separate;
323 font-family: $font-monospace;
333 background-color: #FFC;
340 background-color: #E8E8E8;
345 font-family: $font-monospace;
351 font-family: $font-main;
379 margin: .75em .3em .75em .7em;
452 border-color: #538200;
462 vertical-align: middle;
468 border: 1px inset #999999;
475 @include default-button;
478 border: 1px inset #999999;
482 @include disabled-button;
487 background-color: #FFFF99;
492 @include default-button;
495 border: 1px inset #999999;
499 @include disabled-button;
504 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
505 padding: .25em .25em .25em 25px;
517 vertical-align: middle;
533 // Permissions Labels
561 .members-update-table {
567 border-bottom: 1px solid #EEE;
568 list-style-image: url("../img/arrow-bullet.gif");
572 text-decoration: none;
602 list-style-type: disc;
612 list-style-type: circle;
620 font-family: $font-main;
655 // For Font Awesome icon bullets
658 list-style-type: none;
681 border-bottom: 1px solid #E8E8E8;
682 list-style-type: none;
688 border-right: 1px solid #E8E8E8;
700 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
701 display: inline-block;
706 border-top: 1px solid #E8E8E8;
718 .highlighted-row td {
719 background-color: #FFD000 !important;
726 background-color: #F3F3F3;
727 border: 1px solid #BCBCBC;
728 border-right: 1px solid #BCBCBC;
756 background-color: #F6F6F6;
757 border-color: #BCBCBC;
762 background-color: #DDDDDD;
763 border-color: #BCBCBC;
779 background-color: #FFFFE1;
786 background-color: #FFFFCC;
791 background-color: #FFFFCC;
797 background-color: #FFFFCC;
804 background-color: #FFFFCC;
810 background-color: #EEFFD4;
816 background-color: #E8F0F6;
822 background-color: #FF9090;
827 background-color: #FF9090;
837 background-color: #FFFF99;
845 background-color: #F3F3F3;
858 background-color: #FFFFCC;
865 background-color: #F4F8F9;
866 border: 2px solid #B9D8D9;
868 margin: 1em 1em 1em 0;
878 border-bottom-left-radius: 0;
879 border-bottom-right-radius: 0;
880 border-bottom-width: 0;
885 background-color: transparent;
895 border: 2px solid #B9D8D9;
917 &[aria-disabled="true"] {
931 list-style-type: none;
945 border: 2px solid #B9D8D9;
955 background-color: transparent;
968 margin: 1em 0 0 11em;
979 padding-bottom: .4em;
990 &.ui-accordion-content {
991 border-top-left-radius: 0;
992 border-top-right-radius: 0;
1003 background-color: #FFFFFF;
1014 margin-bottom: .4em;
1015 margin-left: 10.5em;
1053 list-style-type: none;
1054 padding-bottom: 1em;
1057 &[aria-disabled="true"] {
1084 list-style-type: none;
1093 vertical-align: middle;
1114 margin: 1em 0 1em 1em;
1130 margin: 1em 0 1em 1em;
1140 font-weight: normal;
1148 margin: 1em 0 0 11em;
1171 margin-bottom: .4em;
1209 background-color: #FFFFFF;
1210 border: 2px solid #B9D8D9;
1224 display: inline-block;
1225 font-family: FontAwesome;
1229 &.checkouts-by-itemtype {
1231 display: inline-block;
1247 background-color: rgba(185, 216, 217, .6);
1255 background-color: #E6F0F2;
1259 padding: .2em .5em .4em 10px;
1268 background: #E6F0F2;
1277 > .container-fluid {
1284 background-color: transparent;
1294 margin-bottom: .3em;
1295 padding: 0 .4em .4em;
1303 background-color: #FFFF99;
1304 border: 2px dashed #990000;
1320 text-align: justify;
1324 background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1325 border: 1px solid #BCBCBC;
1341 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1342 border: 1px solid #BCBCBC;
1355 // Tools > automatic_item_modification_by_age
1360 &[class$="_table_controls"] {
1369 background-color: #F4F8F9;
1370 border: 2px solid #B9D8D9;
1377 border: 2px solid #BCDB89;
1378 border-bottom-left-radius: 5px;
1379 border-bottom-right-radius: 5px;
1401 margin: .2em 0 .2em .4em;
1430 border-bottom: 1px solid #EEE;
1433 list-style-type: none;
1434 padding-bottom: .2em;
1440 list-style-type: none;
1441 padding: .5em 1em 0 0;
1468 text-decoration: none;
1472 background-color: #EEEEEE;
1478 background-color: #FFC;
1484 background-color: #E6FCB7;
1491 background-color: #F3F3F3;
1504 background-position: .5em .5em;
1505 background-repeat: no-repeat;
1507 margin: .3em 0 .5em;
1520 border-bottom: 1px solid #85CA11;
1531 &.ui-state-default {
1532 background: transparent none;
1542 background-color: #FFFFF1;
1543 border: 1px solid #85CA11;
1544 border-top-width: 0;
1548 text-decoration: none;
1556 border-radius: 0 0 4px 4px;
1584 border: 1px solid #B9D8D9;
1594 white-space: nowrap;
1598 font-family: $font-monospace;
1608 font-weight: normal;
1615 background-color: #EDF4F6;
1616 border: 1px solid #E6F0F2;
1617 border-radius: 5px 5px 0 0;
1643 border-right: 1px solid #B9D8D9;
1645 padding-bottom: .5em;
1646 padding-left: -.5em;
1657 border-right: 1px solid #B9D8D9;
1663 list-style-type: none;
1675 background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1676 border: 1px solid #CCCCCC;
1678 margin: .3em 0 .3em .3em;
1685 border: 1px solid #CCCCCC;
1686 margin: .3em 0 .3em .3em;
1692 border-right: 1px solid #000;
1693 border-top: 1px solid #000;
1694 margin-bottom: .5em;
1794 margin-left: 10.5em;
1840 white-space: normal;
1849 .subfield_not_filled {
1850 background-color: #FFFF99;
1855 visibility: hidden; // you propably don't need to change this one
1858 // the property for the displayed tab
1861 visibility: visible; // you propably don't need to change this one
1871 #z3950_search_targets {
1876 #z3950_search_targets_acq {
1890 background-color: #90EE90;
1894 background-color: #FF0000;
1897 // Font Awesome icons
1917 vertical-align: middle;
1922 font-weight: normal;
1926 .checkout-settings {
1927 background-color: #F4F8F9;
1929 border-top: 2px solid #B9D8D9;
1937 #show-checkout-settings {
1945 .inaccurate-item-statuses {
1951 list-style: url("../img/arrow-bullet.gif");
1952 margin-bottom: .2em;
1956 #circ_needsconfirmation {
1961 border: 1px solid #BCBCBC;
1970 display: inline-block;
1976 background: #FFF none;
1977 border: 1px outset #999999;
1978 border-left-color: #666;
1979 border-top-color: #666;
1982 white-space: pre-line;
1985 border: 1px inset #999999;
1989 background-color: #FFC;
2001 background-color: #FFFFFF;
2002 border: 1px solid #BCBCBC;
2004 padding: .4em .4em .4em 25px;
2007 background-color: #FFC;
2011 background: #FFF none;
2016 list-style-position: inside;
2033 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
2034 border: 1px solid #E0C726;
2043 // Redefine a new style for Bootstrap's class "close" since we use that already
2044 // Use <a class="closebtn" href="#">×</a>
2079 text-decoration: underline;
2083 background-color: #FFFFCC;
2087 background-color: #FFC;
2091 // style for shelving location in catalogsearch
2098 border-right: 1px solid #B9D8D9;
2100 padding-bottom: 2em;
2105 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2106 border: 1px solid #B9D8D9;
2107 border-bottom-left-radius: 5px;
2108 border-top-left-radius: 5px;
2114 text-decoration: none;
2117 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2118 border-bottom: 1px solid #85CA11;
2119 border-left: 1px solid #85CA11;
2120 border-top: 1px solid #85CA11;
2126 background-color: #FFFFFF;
2127 background-image: none;
2128 border-bottom: 1px solid #85CA11;
2129 border-left: 1px solid #85CA11;
2131 border-top: 1px solid #85CA11;
2136 background-color: #FFFFFF;
2145 list-style-type: none;
2152 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2153 margin: .75em .3em .75em .7em;
2159 height: 0 !important;
2163 text-decoration: none;
2179 vertical-align: middle;
2185 text-overflow: ellipsis;
2186 white-space: nowrap;
2194 padding: 0 10px 0 0;
2208 list-style-type: none;
2228 list-style-type: none;
2237 list-style: url("../img/item-bullet.gif");
2242 margin: 3px 5px 3px -5px;
2261 vertical-align: top;
2274 background-color: #E6F0F2;
2275 border: 1px solid #B9D8D9;
2276 border-radius: 5px 5px 0 0;
2278 margin: 0 0 .5em -1px;
2279 padding: .4em 0 .4em 1em;
2296 padding: 5px 5px 3px 0;
2307 padding: 5px 25em 0 0;
2313 border: 1px solid #B9D8D9;
2314 border-radius: 5px 5px 0 0;
2317 background-color: #E6F0F2;
2318 border-bottom: 1px solid #B9D8D9;
2319 border-radius: 5px 5px 0 0;
2332 list-style-type: none;
2339 font-weight: normal;
2352 display: inline-block;
2359 .searchhighlightblob {
2365 background-color: #CCCCCC;
2366 margin-bottom: 10px;
2370 #irregularity_summary {
2371 vertical-align: top;
2381 font-weight: normal;
2404 border: 1px solid #E8E8E8;
2409 .labeledmarc-table {
2413 .labeledmarc-label {
2421 .labeledmarc-value {
2431 font-family: $font-monospace;
2440 background-color: #FFFFFF;
2449 vertical-align: top;
2453 background-color: #FFFFFF;
2457 vertical-align: top;
2458 white-space: nowrap;
2472 @media (max-width: 767px) {
2480 background-color: #FFFFFF;
2481 border: 1px solid #739ACF;
2482 box-shadow: 1px 1px 3px 0 #666;
2493 background: transparent url("../img/cart-small.gif") left center no-repeat;
2501 font-weight: normal;
2517 font-weight: normal;
2525 .child_fund_amount {
2535 background-color: #E4ECF5;
2536 border: 1px solid #A4BEDD;
2540 text-decoration: none;
2543 background-color: #EBEFF7;
2549 border: 1px solid #EEE;
2558 background: #E3E3E3 none;
2565 .import_export_options {
2566 background: #FFFFFF;
2567 border: 1px solid #CDCDCD;
2577 .import_export_options {
2578 background: #E3E3E3 none;
2612 border: 1px solid #BCBCBC;
2620 padding-bottom: 10px;
2644 border-collapse: separate;
2645 border-spacing: 5px;
2650 border: 1px solid #EEE;
2655 #circ_circulation_issue {
2665 background-color: #EEE;
2666 border-radius: 0 0 0 5px;
2671 padding: 0 .7em .2em;
2672 text-decoration: none;
2673 text-shadow: 0 -1px 0 #666;
2682 background-color: #E8E8E8;
2683 border: 1px solid #BCBCBC;
2685 display: inline-block;
2691 vertical-align: middle;
2700 background-color: transparent;
2713 background-color: #FFFFFF;
2714 border: 1px solid #AAAAAA;
2724 #acqui_order_supplierlist {
2727 border: 1px solid #EEEEEE;
2746 margin-bottom: .5em;
2752 .supplier-contact-details {
2757 margin: 0 0 8px 8px;
2764 // Override core jQueryUI widgets
2765 .ui-widget-content {
2766 background: #FFFFFF none;
2767 border: 1px solid #B9D8D9;
2772 background: #E6F0F2 none;
2773 border: 1px solid #B9D8D9;
2779 .ui-widget-content .ui-state-default,
2780 .ui-widget-header .ui-state-default {
2781 background: #F4F8F9 none;
2782 border: 1px solid #B9D8D9;
2784 font-weight: normal;
2788 .ui-widget-content .ui-state-hover,
2789 .ui-widget-header .ui-state-hover,
2791 .ui-widget-content .ui-state-focus,
2792 .ui-widget-header .ui-state-focus {
2793 background: #E6F0F2 none;
2794 border: 1px solid #B9D8D9;
2796 font-weight: normal;
2800 .ui-widget-content .ui-state-active,
2801 .ui-widget-header .ui-state-active {
2802 background: #FFFFFF none;
2803 border: 1px solid #AAAAAA;
2805 font-weight: normal;
2808 .ui-state-highlight,
2809 .ui-widget-content .ui-state-highlight,
2810 .ui-widget-header .ui-state-highlight {
2811 background: #FFF4C6;
2812 border: 1px solid #FED22F;
2817 .ui-widget-content .ui-state-error,
2818 .ui-widget-header .ui-state-error {
2819 background: #FEF1EC;
2820 border: 1px solid #CD0A0A;
2824 // Override jQuery Autocomplete
2826 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2830 &.ui-widget-content {
2832 background: #E6F0F2 none;
2833 border: 1px solid #B9D8D9;
2835 font-weight: normal;
2840 .ui-autocomplete-loading {
2841 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2844 // jQuery UI standard tabs
2857 background: none repeat scroll 0 0 transparent;
2861 &.ui-widget-header {
2870 background: #E6F0F2 none;
2871 border: 1px solid #B9D8D9;
2876 background-color: #FFFFFF;
2877 border: 1px solid #B9D8D9;
2878 border-bottom-width: 0;
2886 background: #FFF none;
2890 &.ui-state-default {
2892 background: #EDF4F5 none;
2899 border: 1px solid #B9D8D9;
2902 &.ui-widget-content {
2903 background: transparent none;
2932 font-family: inherit;
2939 font-family: inherit;
2946 background: none repeat scroll 0 0 transparent;
2948 border-bottom-left-radius: 4px;
2949 border-bottom-right-radius: 4px;
2950 border-top-left-radius: 4px;
2951 border-top-right-radius: 4px;
2956 list-style: none outside none;
2959 padding: .2em .2em 0;
2960 text-decoration: none;
2973 background: none repeat scroll 0 0 #E6F0F2;
2974 border: 1px solid #B9D8D9;
2975 border-bottom: 0 none;
2976 border-top-left-radius: 4px;
2977 border-top-right-radius: 4px;
2980 font-weight: normal;
2981 list-style: none outside none;
2987 white-space: nowrap;
2990 background-color: #FFFFFF;
2992 font-weight: normal;
2993 padding-bottom: 1px;
2996 background: none repeat scroll 0 0 transparent;
3010 text-decoration: none;
3013 background-color: #EDF4F5;
3014 border-top-left-radius: 4px;
3015 border-top-right-radius: 4px;
3023 background: none repeat scroll 0 0 transparent;
3024 border: 1px solid #B9D8D9;
3025 border-bottom-left-radius: 4px;
3026 border-bottom-right-radius: 4px;
3048 .authorizedheading {
3054 .authres_otherscript {
3095 font-weight: normal;
3096 text-decoration: underline;
3105 #didyoumeanintranet {
3111 padding-bottom: 10px;
3115 margin: 0 1em 1em 0;
3119 background-color: #E6F0F2;
3122 padding-bottom: 4px;
3134 .ui-sortable-placeholder {
3135 border: 1px dotted #000;
3137 visibility: visible;
3144 // jQuery UI Datepicker
3146 box-shadow: 1px 1px 3px 0 #666;
3150 border-collapse: collapse;
3157 background: transparent none;
3165 .ui-datepicker-trigger {
3167 vertical-align: middle;
3170 // css for timepicker
3171 .ui-timepicker-div {
3176 margin: 0 10px 10px 65px;
3181 margin-bottom: -25px;
3194 .ui-tpicker-grid-label {
3202 .ui_tpicker_millisec,
3203 .ui_tpicker_microsec {
3207 // jQuery UI Accordion
3208 .ui-accordion-header,
3209 .ui-widget-content .ui-accordion-header {
3218 // Bootstrap overrides
3221 border-color: #ADADAD #ADADAD #949494;
3222 font-family: $font-main;
3230 .btn-group-xs > .btn {
3237 border-top-width: 1px;
3248 border-color: rgba(0, 0, 0, .2);
3253 list-style: none outside none;
3260 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
3261 background-repeat: repeat-x;
3263 text-decoration: none;
3275 list-style: none outside none;
3292 &.open > .dropdown-toggle:focus,
3293 &.active > .dropdown-toggle:focus,
3294 &.open.active > .dropdown-toggle:focus {
3295 background: #E6F0F2 none;
3331 .navbar-static-top {
3333 background: #E6F0F2 none;
3341 .navbar-fixed-bottom {
3348 border-right: 1px solid #CCC;
3351 font-weight: normal;
3359 line-height: normal;
3368 border-bottom-color: #EEE;
3372 background-color: #FFFFFF;
3373 border: 1px solid rgba(0, 0, 0, .2);
3374 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3391 font-weight: normal;
3427 &[type="checkbox"] {
3442 filter: alpha(opacity = 20);
3448 text-shadow: 0 1px 0 #FFFFFF;
3454 filter: alpha(opacity = 50);
3456 text-decoration: none;
3461 background-color: #FFF;
3466 background-color: #EDF4F6;
3477 white-space: pre-wrap;
3481 background-color: transparent;
3487 line-height: inherit;
3490 word-break: break-all;
3491 word-wrap: break-word;
3495 background-color: transparent;
3502 .pagination > li > a,
3503 .pagination > li > span {
3507 // End Bootstrap overrides
3524 background: url("../img/progress.png") -300px 0 no-repeat;
3525 border: 1px solid #666;
3526 display: inline-block;
3532 border: 2px solid #EEE;
3545 white-space: normal;
3550 vertical-align: middle;
3554 background-color: #EBF3FF;
3560 white-space: nowrap;
3563 background-color: #CCE0FC;
3571 &[type="password"] {
3572 font-family: $font-monospace;
3579 // Class to be added to toolbar when it starts being fixed at the top of the screen
3582 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3590 white-space: nowrap;
3594 background: transparent url("../img/edit-tag.png") top left no-repeat;
3601 white-space: nowrap;
3608 padding-bottom: 1em;
3612 #browse-return-to-results {
3613 border-top-left-radius: 3px;
3614 border-top-right-radius: 3px;
3621 display: inline-block;
3625 background: #FAFAFA;
3631 background: #FAFAFA;
3651 font-weight: normal;
3662 .result-biblio-itemtype {
3678 border: 1px solid #B9D8D9;
3682 background-color: #E8F0F6;
3683 border-top-left-radius: 5px;
3684 border-top-right-radius: 5px;
3688 border-bottom-left-radius: 5px;
3689 border-bottom-right-radius: 5px;
3690 border-top-width: 0;
3694 border-bottom-left-radius: 5px;
3695 border-right: 1px solid #B9D8D9;
3700 border-bottom-right-radius: 5px;
3701 border-top-width: 0;
3707 background-color: #FFFFFF;
3718 background: transparent url("../img/loading.gif") top left no-repeat;
3723 margin: -1em 0 0 -2.5em;
3744 background-color: #FFFFCC;
3776 .sublanguage-selected {
3783 .onsite_checkout-select {
3785 #circ_circulation_issue & {
3787 font-weight: normal;
3795 .onsite-checkout-only {
3796 background-color: rgba(255, 242, 206, .5);
3797 border: 1px solid #FFF2CE;
3802 background-color: #FFFFFF;
3803 border: 1px solid #B9D8D9;
3805 display: table-cell;
3823 #cn_browser_table_wrapper > #cn_browser_table {
3829 background-color: #F4F8F9;
3830 border: 2px solid #B9D8D9;
3839 margin-bottom: .3em;
3848 text-decoration: underline;
3852 text-decoration: overline;
3864 margin-bottom: 10px;
3876 #patron_list_dialog,
3888 #fixedlengthbuilderaction {
3889 border: 3px solid #E6F0F2;
3903 background: #E6F0F2 none;
3910 &.navbar-fixed-bottom {
3916 background: transparent none;
3925 #interlibraryloans {
3935 margin-bottom: 20px;
3950 margin-bottom: 20px;
3992 transform: translateY(-50%);
4000 margin-bottom: 10px;
4004 margin-bottom: 20px;
4008 display: inline-block;
4020 #requestattributes {
4021 font-family: monospace;
4026 width: 100% !important;
4036 #logged-in-info-full {
4040 .loggedin-menu-label {
4043 line-height: 1.42857143;
4045 white-space: nowrap;
4057 // ==== MODULE LINKS - Start ====
4060 // List containing the module links
4061 margin-bottom: 30px;
4065 // Standard attributes for the list elements
4066 list-style-type: none;
4070 // Class used for each module link
4071 background-color: #F4F8F9;
4072 background-position: 5px 3px;
4073 background-repeat: no-repeat;
4074 border: 2px solid #B9D8D9;
4076 box-sizing: content-box;
4084 text-decoration: none;
4087 // Class used for each module link hover state
4088 border-color: #538200;
4096 // ==== MODULE LINKS - End ====
4098 @media (min-width: 200px) {
4104 float: right !important;
4105 margin-right: -15px;
4114 background-color: #FFF;
4115 border: 1px solid rgba(0, 0, 0, .15);
4116 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
4121 &.dropdown-menu-left {
4126 &.dropdown-menu-right {
4141 background-color: #0081C2;
4142 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
4143 background-repeat: repeat-x;
4145 text-decoration: none;
4155 @media (min-width: 800px) {
4166 #logged-in-info-full {
4170 #logged-in-info-brief {
4174 .loggedin-menu-label {