1 $font-main: Arial, Verdana, Helvetica, sans-serif;
2 $font-monospace: "Courier New", Courier, monospace;
3 $language-footer-min-height: 20px;
5 @mixin default-button {
6 background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%);
7 border-color: #ADADAD #ADADAD #949494;
11 display: inline-block;
13 line-height: 1.42857143;
16 text-shadow: 0 1px 0 #fff;
17 vertical-align: middle;
21 background: #E0E0E0 none;
25 @mixin disabled-button {
26 background: #EEE none;
27 border: 1px solid #C0C0C0;
40 text-decoration: none;
46 text-decoration: none;
92 background-image: url("../img/famfamfam/silk/page_white_excel.png");
104 background: transparent url("../img/pop-up-link.png") center right no-repeat;
113 background-position: left middle;
114 background-repeat: no-repeat;
115 display: inline-block;
126 border: 1px solid #0000CC;
133 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
137 @include default-button;
138 display: inline-block;
141 border: 1px inset #999999;
145 @include disabled-button;
150 text-decoration: underline;
154 background-image: url("../img/famfamfam/silk/page_white_code.png");
232 @include default-button;
235 border: 1px inset #999999;
239 @include disabled-button;
243 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;
349 font-family: $font-monospace;
355 font-family: $font-main;
385 margin: .75em .3em .75em .7em;
456 border-color: #538200;
465 vertical-align: middle;
471 border: 1px inset #999999;
478 @include default-button;
481 border: 1px inset #999999;
485 @include disabled-button;
490 background-image: url("../img/famfamfam/silk/calendar.png");
491 background-position-x: right;
492 background-position-y: center;
493 background-repeat: no-repeat;
494 border-style: inset outset outset inset;
500 @include default-button;
503 border: 1px inset #999999;
507 @include disabled-button;
512 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
513 padding: .25em .25em .25em 25px;
518 background-color: #FF9;
530 vertical-align: middle;
561 .members-update-table {
567 border-bottom: 1px solid #EEE;
568 list-style-image: url("../img/arrow-bullet.gif");
572 text-decoration: none;
582 margin-bottom: $language-footer-min-height * 1.5;
596 list-style-type: disc;
606 list-style-type: circle;
614 font-family: $font-main;
649 // For Font Awesome icon bullets
652 list-style-type: none;
678 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
679 display: inline-block;
684 border-top: 1px solid #E8E8E8;
696 .highlighted-row td {
697 background-color: #FFD000 !important;
701 .warned-row td { background-color: #FF9000 !important }
704 .high-warned-row td { background-color: #FF0000 !important }
710 background-color: #F3F3F3;
711 border: 1px solid #BCBCBC;
712 border-right: 1px solid #BCBCBC;
741 background-color: #F6F6F6;
742 border-color: #BCBCBC;
747 background-color: #DDDDDD;
748 border-color: #BCBCBC;
764 background-color: #FFFFE1;
771 background-color: #FFFFCC;
776 background-color: #FFFFCC;
782 background-color: #FFFFCC;
789 background-color: #FFFFCC;
795 background-color: #EEFFD4;
801 background-color: #E8F0F6;
807 background-color: #FF9090;
812 background-color: #FF9090;
822 background-color: #FFFF99;
830 background-color: #F3F3F3;
832 vertical-align: middle;
844 background-color: #FFFFCC;
851 background-color: #F4F8F9;
852 border: 2px solid #B9D8D9;
854 margin: 1em 1em 1em 0;
864 border-bottom-left-radius: 0;
865 border-bottom-right-radius: 0;
866 border-bottom-width: 0;
871 background-color:#f4f8f9 !important;
875 background-color:#F3F3F3 !important;
879 background-color: transparent;
889 border: 2px solid #B9D8D9;
911 &[aria-disabled="true"] {
932 list-style-type: none;
946 border: 2px solid #B9D8D9;
956 background-color: transparent;
969 margin: 1em 0 0 11em;
980 padding-bottom: .4em;
991 &.ui-accordion-content {
992 border-top-left-radius: 0;
993 border-top-right-radius: 0;
1004 background-color: #FFFFFF;
1016 margin-left: 10.5em;
1040 display: inline-block;
1061 list-style-type: none;
1062 padding-bottom: 1em;
1065 &[aria-disabled="true"] {
1093 list-style-type: none;
1102 vertical-align: middle;
1123 margin: 1em 0 1em 1em;
1139 margin: 1em 0 1em 1em;
1149 font-weight: normal;
1157 margin: 1em 0 0 11em;
1178 background-color: #FFFFFF;
1179 border: 2px solid #B9D8D9;
1193 display: inline-block;
1194 font-family: FontAwesome;
1198 &.checkouts-by-itemtype {
1200 display: inline-block;
1216 background-color: rgba(185, 216, 217, .6);
1224 background-color: #E6F0F2;
1227 padding: .2em .5em .4em 10px;
1235 > .container-fluid {
1242 background-color: transparent;
1252 margin-bottom: .3em;
1253 padding: 0 .4em .4em;
1271 text-align: justify;
1275 background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1276 border: 1px solid #BCBCBC;
1292 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1293 border: 1px solid #BCBCBC;
1306 // Tools > automatic_item_modification_by_age
1311 &[class$="_table_controls"] {
1320 background-color: #F4F8F9;
1321 border: 2px solid #B9D8D9;
1328 border: 2px solid #BCDB89;
1329 border-bottom-left-radius: 5px;
1330 border-bottom-right-radius: 5px;
1353 margin: .2em 0 .2em .4em;
1382 border-bottom: 1px solid #EEE;
1385 list-style-type: none;
1391 list-style-type: none;
1392 padding: .5em 1em 0 0;
1423 text-decoration: none;
1427 background-color: #EEEEEE;
1433 background-color: #FFC;
1439 background-color: #E6FCB7;
1446 background-color: #F3F3F3;
1459 background-position: .5em .5em;
1460 background-repeat: no-repeat;
1462 margin: .3em 0 .5em;
1474 border-bottom: 1px solid #85CA11;
1485 &.ui-state-default {
1486 background: transparent none;
1496 background-color: #FFFFF1;
1497 border: 1px solid #85CA11;
1498 border-top-width: 0;
1502 text-decoration: none;
1510 border-radius: 0 0 4px 4px;
1538 border: 1px solid #B9D8D9;
1547 white-space: nowrap;
1551 font-family: $font-monospace;
1561 font-weight: normal;
1568 background-color: #EDF4F6;
1569 border: 1px solid #E6F0F2;
1570 border-radius: 5px 5px 0 0;
1575 border-top-width: 1px;
1607 border-right: 1px solid #B9D8D9;
1609 padding-bottom: .5em;
1610 padding-left: -.5em;
1621 border-right: 1px solid #B9D8D9;
1627 list-style-type: none;
1637 border-right: 1px solid #B9D8D9;
1644 .patronimage-container {
1653 .patronimage-controls {
1660 border: 1px solid #EEE;
1665 transition: .2s ease;
1668 background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
1675 .patronimage-controls {
1681 transform: translate( -50%, -50% );
1682 transition: .5s ease;
1685 .patronimage-control {
1690 border-right: 1px solid #000;
1691 border-top: 1px solid #000;
1692 margin-bottom: .5em;
1707 list-style-type: none;
1725 white-space: normal;
1730 input[type='text']:read-only {
1731 background: #EEE url("../img/locked.png") center left no-repeat;
1732 border-style: inset;
1739 input[type='text']:read-only:focus {
1740 border-color: unset;
1741 border-radius: unset;
1749 .subfield_not_filled {
1750 background-color: #FFFF99;
1755 visibility: hidden; // you propably don't need to change this one
1758 // the property for the displayed tab
1761 visibility: visible; // you propably don't need to change this one
1771 #z3950_search_targets {
1776 #z3950_search_targets_acq {
1790 background-color: #90EE90;
1794 background-color: #FF0000;
1797 // Font Awesome icons
1817 vertical-align: middle;
1822 font-weight: normal;
1827 background-color: #F4F8F9;
1829 border-top: 2px solid #B9D8D9;
1837 #show-circ-settings {
1841 .checkin-active-setting {
1842 background-color: #FFC;
1844 box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
1849 .form-control-group {
1850 white-space: nowrap;
1858 .inaccurate-item-statuses {
1864 list-style: url("../img/arrow-bullet.gif");
1865 margin-bottom: .2em;
1869 #circ_needsconfirmation {
1874 border: 1px solid #BCBCBC;
1883 display: inline-block;
1889 background: #FFF none;
1890 border: 1px outset #999999;
1891 border-left-color: #666;
1892 border-top-color: #666;
1895 white-space: pre-line;
1898 border: 1px inset #999999;
1902 background-color: #FFC;
1914 background-color: #FFFFFF;
1915 border: 1px solid #BCBCBC;
1917 padding: .4em .4em .4em 25px;
1920 background-color: #FFC;
1924 background: #FFF none;
1929 list-style-position: inside;
1946 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
1947 border: 1px solid #E0C726;
1956 // Redefine a new style for Bootstrap's class "close" since we use that already
1957 // Use <a class="closebtn" href="#">×</a>
1992 text-decoration: underline;
1996 background-color: #FFFFCC;
2000 background-color: #FFC;
2004 // style for shelving location in catalogsearch
2010 border-right: 1px solid #B9D8D9;
2012 padding-bottom: 2em;
2017 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2018 border: 1px solid #B9D8D9;
2019 border-bottom-left-radius: 5px;
2020 border-top-left-radius: 5px;
2026 text-decoration: none;
2029 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2030 border-bottom: 1px solid #85CA11;
2031 border-left: 1px solid #85CA11;
2032 border-top: 1px solid #85CA11;
2038 background-color: #FFFFFF;
2039 background-image: none;
2040 border-bottom: 1px solid #85CA11;
2041 border-left: 1px solid #85CA11;
2043 border-top: 1px solid #85CA11;
2048 background-color: #FFFFFF;
2057 list-style-type: none;
2064 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2065 margin: .75em .3em .75em .7em;
2071 height: 0 !important;
2075 text-decoration: none;
2091 vertical-align: middle;
2097 text-overflow: ellipsis;
2098 white-space: nowrap;
2106 padding: 0 10px 0 0;
2120 list-style-type: none;
2142 display: inline-block;
2143 list-style-type: none;
2148 border-top: 1px solid #EEE;
2151 margin: 4px -4px 2px -4px;
2157 border-top: 1px solid #eee;
2168 list-style: url("../img/item-bullet.gif");
2173 margin: 3px 5px 3px -5px;
2192 vertical-align: top;
2205 background-color: #E6F0F2;
2206 border: 1px solid #B9D8D9;
2207 border-radius: 5px 5px 0 0;
2209 margin: 0 0 .5em -1px;
2210 padding: .4em 0 .4em 1em;
2227 padding: 5px 5px 3px 0;
2238 padding: 5px 25em 0 0;
2243 border-top: 1px solid #EEE;
2252 border: 1px solid #B9D8D9;
2253 border-radius: 5px 5px 0 0;
2256 background-color: #E6F0F2;
2257 border-bottom: 1px solid #B9D8D9;
2258 border-radius: 5px 5px 0 0;
2271 list-style-type: none;
2278 font-weight: normal;
2291 display: inline-block;
2298 .searchhighlightblob {
2303 #irregularity_summary {
2304 vertical-align: top;
2310 font-weight: normal;
2333 border: 1px solid #E8E8E8;
2338 .labeledmarc-table {
2342 .labeledmarc-label {
2350 .labeledmarc-value {
2360 font-family: $font-monospace;
2369 background-color: #FFFFFF;
2378 vertical-align: top;
2382 background-color: #FFFFFF;
2386 vertical-align: top;
2387 white-space: nowrap;
2402 background-color: #FFFFFF;
2403 border: 1px solid #739ACF;
2404 box-shadow: 1px 1px 3px 0 #666;
2415 background: transparent url("../img/cart-small.gif") left center no-repeat;
2423 font-weight: normal;
2439 font-weight: normal;
2447 .child_fund_amount {
2457 background-color: #E4ECF5;
2458 border: 1px solid #A4BEDD;
2462 text-decoration: none;
2465 background-color: #EBEFF7;
2471 border: 1px solid #EEE;
2480 background: #E3E3E3 none;
2487 .import_export_options {
2488 background: #FFFFFF;
2489 border: 1px solid #CDCDCD;
2499 .import_export_options {
2500 background: #E3E3E3 none;
2534 border: 1px solid #BCBCBC;
2542 padding-bottom: 10px;
2566 border-collapse: separate;
2567 border-spacing: 5px;
2572 border: 1px solid #EEE;
2577 #circ_circulation_issue {
2587 background-color: #EEE;
2588 border-radius: 0 0 0 5px;
2593 padding: 0 .7em .2em;
2594 text-decoration: none;
2595 text-shadow: 0 -1px 0 #666;
2609 background-color: #EEE;
2610 border-radius: 0 0 0 5px;
2615 padding: 0 .7em .2em;
2616 text-decoration: none;
2617 text-shadow: 0 -1px 0 #666;
2625 background-color: #E8E8E8;
2626 border: 1px solid #BCBCBC;
2628 display: inline-block;
2634 vertical-align: middle;
2643 background-color: transparent;
2656 background-color: #FFFFFF;
2657 border: 1px solid #AAAAAA;
2667 #acqui_order_supplierlist {
2670 border: 1px solid #EEEEEE;
2689 margin-bottom: .5em;
2696 margin: 0 0 8px 8px;
2703 // Override core jQueryUI widgets
2704 .ui-widget-content {
2705 background: #FFFFFF none;
2706 border: 1px solid #B9D8D9;
2711 background: #E6F0F2 none;
2712 border: 1px solid #B9D8D9;
2718 .ui-widget-content .ui-state-default,
2719 .ui-widget-header .ui-state-default {
2720 background: #F4F8F9 none;
2721 border: 1px solid #B9D8D9;
2723 font-weight: normal;
2727 .ui-widget-content .ui-state-hover,
2728 .ui-widget-header .ui-state-hover,
2730 .ui-widget-content .ui-state-focus,
2731 .ui-widget-header .ui-state-focus {
2732 background: #E6F0F2 none;
2733 border: 1px solid #B9D8D9;
2735 font-weight: normal;
2739 .ui-widget-content .ui-state-active,
2740 .ui-widget-header .ui-state-active {
2741 background: #FFFFFF none;
2742 border: 1px solid #AAAAAA;
2744 font-weight: normal;
2747 .ui-state-highlight,
2748 .ui-widget-content .ui-state-highlight,
2749 .ui-widget-header .ui-state-highlight {
2750 background: #FFF4C6;
2751 border: 1px solid #FED22F;
2756 .ui-widget-content .ui-state-error,
2757 .ui-widget-header .ui-state-error {
2758 background: #FEF1EC;
2759 border: 1px solid #CD0A0A;
2763 // Override jQuery Autocomplete
2765 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2769 &.ui-widget-content {
2771 background: #E6F0F2 none;
2772 border: 1px solid #B9D8D9;
2774 font-weight: normal;
2779 .ui-autocomplete-loading {
2780 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2783 // jQuery UI standard tabs
2796 background: none repeat scroll 0 0 transparent;
2800 &.ui-widget-header {
2809 background: #E6F0F2 none;
2810 border: 1px solid #B9D8D9;
2815 background-color: #FFFFFF;
2816 border: 1px solid #B9D8D9;
2817 border-bottom-width: 0;
2825 background: #FFF none;
2829 &.ui-state-default {
2831 background: #EDF4F5 none;
2838 border: 1px solid #B9D8D9;
2841 &.ui-widget-content {
2842 background: transparent none;
2871 font-family: inherit;
2878 font-family: inherit;
2885 background: none repeat scroll 0 0 transparent;
2887 border-bottom-left-radius: 4px;
2888 border-bottom-right-radius: 4px;
2889 border-top-left-radius: 4px;
2890 border-top-right-radius: 4px;
2895 list-style: none outside none;
2898 padding: .2em .2em 0;
2899 text-decoration: none;
2912 background: none repeat scroll 0 0 #E6F0F2;
2913 border: 1px solid #B9D8D9;
2914 border-bottom: 0 none;
2915 border-top-left-radius: 4px;
2916 border-top-right-radius: 4px;
2919 font-weight: normal;
2920 list-style: none outside none;
2926 white-space: nowrap;
2929 background-color: #FFFFFF;
2931 font-weight: normal;
2932 padding-bottom: 1px;
2935 background: none repeat scroll 0 0 transparent;
2949 text-decoration: none;
2952 background-color: #EDF4F5;
2953 border-top-left-radius: 4px;
2954 border-top-right-radius: 4px;
2962 background: none repeat scroll 0 0 transparent;
2963 border: 1px solid #B9D8D9;
2964 border-bottom-left-radius: 4px;
2965 border-bottom-right-radius: 4px;
2987 .authorizedheading {
2993 .authres_otherscript {
3034 font-weight: normal;
3035 text-decoration: underline;
3044 #didyoumeanintranet {
3050 padding-bottom: 10px;
3054 margin: 0 1em 1em 0;
3058 background-color: #E6F0F2;
3061 padding-bottom: 4px;
3073 .ui-sortable-placeholder {
3074 border: 1px dotted #000;
3076 visibility: visible;
3083 // jQuery UI Datepicker
3085 box-shadow: 1px 1px 3px 0 #666;
3089 border-collapse: collapse;
3096 background: transparent none;
3104 .ui-datepicker-trigger {
3106 vertical-align: middle;
3109 // css for timepicker
3110 .ui-timepicker-div {
3115 margin: 0 10px 10px 65px;
3120 margin-bottom: -25px;
3133 .ui-tpicker-grid-label {
3141 .ui_tpicker_millisec,
3142 .ui_tpicker_microsec {
3146 // jQuery UI Accordion
3147 .ui-accordion-header,
3148 .ui-widget-content .ui-accordion-header {
3157 // Bootstrap overrides
3160 background: #E6F0F2 none;
3165 background: #E6F0F2 none;
3176 font-weight: normal;
3183 padding-bottom: .4em;
3190 .nav .open > a:hover,
3191 .nav .open > a:focus {
3192 background-color: transparent;
3196 .nav > li > a:hover,
3197 .nav > li > a:focus {
3198 background-color: transparent;
3199 text-decoration: none;
3207 background-color: #5A9EAA;
3208 border-color: #5A9EAA;
3212 background-color: #5A9EAA;
3213 border-color: #5A9EAA;
3218 background-color: #5A9EAA;
3219 border-color: #5A9EAA;
3223 background-color: #5A9EAA;
3224 border-color: #5A9EAA;
3232 border-color: #ADADAD #ADADAD #949494;
3233 font-family: $font-main;
3241 .btn-group-xs > .btn {
3248 border-top-width: 1px;
3259 background: #FFF none;
3260 border-top: 1px solid #EEE;
3261 min-height: $language-footer-min-height;
3296 .navbar-fixed-bottom {
3303 border-right: 1px solid #CCC;
3306 font-weight: normal;
3314 line-height: normal;
3323 border-bottom-color: #EEE;
3327 background-color: #FFFFFF;
3328 border: 1px solid rgba(0, 0, 0, .2);
3329 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3346 font-weight: normal;
3382 &[type="checkbox"] {
3397 filter: alpha(opacity = 20);
3403 text-shadow: 0 1px 0 #FFFFFF;
3409 filter: alpha(opacity = 50);
3411 text-decoration: none;
3416 background-color: #FFF;
3421 background-color: transparent;
3429 background-color: #EDF4F6;
3440 white-space: pre-wrap;
3444 background-color: transparent;
3450 line-height: inherit;
3453 word-break: break-all;
3454 word-wrap: break-word;
3458 background-color: transparent;
3465 .pagination > li > a,
3466 .pagination > li > span {
3470 // End Bootstrap overrides
3487 background: url("../img/progress.png") -300px 0 no-repeat;
3488 border: 1px solid #666;
3489 display: inline-block;
3495 border: 2px solid #EEE;
3508 white-space: normal;
3513 vertical-align: middle;
3517 background-color: #EBF3FF;
3523 white-space: nowrap;
3526 background-color: #CCE0FC;
3534 &[type="password"] {
3535 font-family: $font-monospace;
3542 // Class to be added to toolbar when it starts being fixed at the top of the screen
3545 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3554 white-space: nowrap;
3558 background: transparent url("../img/edit-tag.png") top left no-repeat;
3565 white-space: nowrap;
3572 padding-bottom: 1em;
3576 #browse-return-to-results {
3577 background-color: #E8F0F6;
3578 border: 1px solid #B9D8D9;
3579 border-bottom-width: 0;
3580 border-top-left-radius: 5px;
3581 border-top-right-radius: 5px;
3588 background-color: #FFF;
3589 border: 1px solid #B9D8D9;
3595 white-space: nowrap;
3599 background: #FAFAFA;
3605 background: #FAFAFA;
3630 &[class*=" label-"] {
3634 font-weight: normal;
3635 padding: .2em .6em .3em;
3640 .result-biblio-itemtype {
3655 border-bottom-width: 0;
3659 border-bottom-right-radius: 5px;
3660 border-bottom-left-radius: 5px;
3664 background-color: #FFFFFF;
3675 background: transparent url("../img/loading.gif") top left no-repeat;
3680 margin: -1em 0 0 -2.5em;
3701 background-color: #FFFFCC;
3717 .dialog input#renewonholdduedate {
3723 display: inline-block;
3752 .sublanguage-selected {
3759 .onsite_checkout-select {
3761 #circ_circulation_issue & {
3763 font-weight: normal;
3771 .onsite-checkout-only {
3772 background-color: rgba(255, 242, 206, .5);
3773 border: 1px solid #FFF2CE;
3778 background-color: #FFFFFF;
3779 border: 1px solid #B9D8D9;
3781 display: table-cell;
3799 #cn_browser_table_wrapper > #cn_browser_table {
3805 background-color: #F4F8F9;
3806 border: 2px solid #B9D8D9;
3815 margin-bottom: .3em;
3824 text-decoration: underline;
3828 text-decoration: overline;
3840 margin-bottom: 10px;
3849 background-color: #FFF;
3850 border: 1px solid #A4BEDD;
3861 #patron_list_dialog,
3873 #fixedlengthbuilderaction {
3874 border: 3px solid #E6F0F2;
3882 #interlibraryloans {
3894 margin-bottom: 20px;
3936 transform: translateY(-50%);
3944 display: inline-block;
3948 #illfilter_dateplaced_start,
3949 #illfilter_datemodified_start,
3950 #illfilter_dateplaced_end,
3951 #illfilter_datemodified_end {
3955 #requestattributes {
3956 font-family: monospace;
3961 width: 100% !important;
3966 margin: 30px 0 10px 0;
3972 margin-bottom: 20px;
3979 #catalog_stockrotation .highlight_stage {
3996 #stage_form fieldset, #add_rota_item_form fieldset {
4004 list-style-type: none;
4009 #catalog_stockrotation {
4011 vertical-align: middle;
4014 margin-bottom: 20px;
4018 #stockrotation td.actions, #catalog_stockrotation td.actions {
4019 vertical-align: middle;
4022 #stockrotation .stage, #catalog_stockrotation .stage {
4023 display: inline-block;
4025 margin: 3px 0 3px 0;
4027 background-color: rgba(0, 0, 0, 0.1);
4030 #stage_list_headings {
4050 display: inline-block;
4054 display: inline-block;
4057 display: inline-block;
4060 background-color: #F3F3F3;
4068 border: 1px dotted #aaa;
4071 display: inline-block;
4074 display: inline-block;
4075 border: 1px solid #bcbcbc;
4079 background: #f3f3f3;
4081 #manage_stages_help {
4092 #logged-in-info-full {
4096 .loggedin-menu-label {
4099 line-height: 1.42857143;
4101 white-space: nowrap;
4114 background-color: #E6F0F2;
4115 border: 1px solid #95C6D0;
4116 box-shadow: 1px 1px 1px 0 #999;
4119 padding: .3em .5em .3em .5em;
4123 border-radius: 5px 0px 0px 5px;
4127 #lastborrower-remove {
4128 border-radius: 0px 5px 5px 0px;
4133 #lastborrower-window {
4140 /* ==== MODULE LINKS - Start ==== */
4142 // List containing the module links
4143 margin-bottom: 30px;
4147 // Standard attributes for the list elements
4148 list-style-type: none;
4152 // Class used for each module link
4153 background-color: #F4F8F9;
4154 background-position: 5px 3px;
4155 background-repeat: no-repeat;
4156 border: 2px solid #B9D8D9;
4158 box-sizing: content-box;
4166 text-decoration: none;
4169 // Class used for each module link hover state
4170 border-color: #538200;
4179 border-bottom: 1px solid #B9D8D9;
4194 // ==== MODULE LINKS - End ====
4196 #catalog-search-link {
4197 border-right: 1px solid lighten( #E6F0F2, 15% );
4198 padding-right: .3em;
4201 #catalog-search-dropdown {
4205 border-left: 1px solid darken( #B4D2D8, 5% );
4210 &.catalog-search-dropdown-hover {
4211 background-color: darken( #E6F0F2, 5% );
4212 border-left: 1px solid darken( #B4D2D8, 15% );
4221 .adlibris-cover-big {
4237 display: inline-block;
4258 .permission-highlight {
4259 background-color: #FFC !important;
4263 .togglechildren_off {
4267 .togglechildren_off,
4273 .togglechildren_off {
4277 .togglechildren_on {
4283 border: 1px solid #DDD;
4284 border-bottom-width: 0;
4288 border-bottom-width: 1px;
4292 background-color: #F8F8F8;
4297 .superlibrarian-hint {
4304 background-color: #FFF;
4305 border: 1px solid #DDD;
4306 border-bottom-width: 0;
4307 margin: 0 5px 0 20px;
4315 border-bottom-width: 1px;
4319 background-color: #EEE;
4335 div#makechart ol li {
4339 @media (min-width: 200px) {
4343 @media (max-width: 767px) {
4345 display: inline-block;
4348 #catalog-search-link {
4354 background: transparent none;
4355 padding-left: 1.5em;
4369 background-color: #FFF;
4370 border: 1px solid #ccc;
4377 background-color: #FFF;
4378 border: 1px solid #CCC;
4382 font-weight: normal;
4383 padding-left: 1.5em;
4386 background-color: #0070A9;
4431 .navbar-fixed-bottom .nav > li {
4438 background-color: #FFF;
4439 border: 1px solid #ccc;
4454 @media (max-width: 768px) {
4465 @media only screen and ( max-width: 768px ) {
4467 display: inline-block;
4472 border-bottom-left-radius: 5px;
4473 border-bottom-width: 1px;
4474 border-right-width: 0;
4478 border-bottom-left-radius: 0;
4479 border-bottom-right-radius: 5px;
4483 @media (min-width: 800px) {
4497 #logged-in-info-full {
4501 #logged-in-info-brief {
4505 .loggedin-menu-label {
4510 @media only screen and ( min-width: 1200px ) {
4512 display: inline-block;
4517 border-bottom-left-radius: 5px;
4518 border-bottom-width: 1px;
4519 border-right-width: 0;
4523 border-bottom-left-radius: 0;
4524 border-bottom-right-radius: 5px;