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;
5 $language-footer-min-height: 20px;
7 @mixin default-button {
8 background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%);
9 border: 1px outset #999999;
10 border-left-color: #666;
11 border-top-color: #666;
16 @mixin disabled-button {
17 background: #EEE none;
18 border: 1px solid #C0C0C0;
31 text-decoration: none;
37 text-decoration: none;
83 background-image: url("../img/famfamfam/silk/page_white_excel.png");
95 background: transparent url("../img/pop-up-link.png") center right no-repeat;
104 background-position: left middle;
105 background-repeat: no-repeat;
106 display: inline-block;
117 border: 1px solid #0000CC;
124 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
128 @include default-button;
129 display: inline-block;
132 border: 1px inset #999999;
136 @include disabled-button;
141 text-decoration: underline;
145 background-image: url("../img/famfamfam/silk/page_white_code.png");
223 @include default-button;
226 border: 1px inset #999999;
230 @include disabled-button;
234 background: transparent;
261 border-collapse: collapse;
262 border-right: 1px solid #BCBCBC;
263 border-top: 1px solid #BCBCBC;
269 display: inline-block;
276 vertical-align: middle;
306 border-bottom: 1px solid #BCBCBC;
307 border-left: 1px solid #BCBCBC;
312 background-color: #FFFFFF;
321 border-collapse: separate;
325 font-family: $font-monospace;
335 background-color: #FFC;
342 background-color: #E8E8E8;
351 font-family: $font-monospace;
357 font-family: $font-main;
385 margin: .75em .3em .75em .7em;
459 border-color: #538200;
469 vertical-align: middle;
475 border: 1px inset #999999;
482 @include default-button;
485 border: 1px inset #999999;
489 @include disabled-button;
494 background-color: #FFFF99;
499 background-image: url("../img/famfamfam/silk/calendar.png");
500 background-position-x: right;
501 background-position-y: center;
502 background-repeat: no-repeat;
503 border-style: inset outset outset inset;
509 @include default-button;
512 border: 1px inset #999999;
516 @include disabled-button;
521 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
522 padding: .25em .25em .25em 25px;
534 vertical-align: middle;
565 .members-update-table {
571 border-bottom: 1px solid #EEE;
572 list-style-image: url("../img/arrow-bullet.gif");
576 text-decoration: none;
593 margin-bottom: $language-footer-min-height * 1.5;
607 list-style-type: disc;
617 list-style-type: circle;
625 font-family: $font-main;
660 // For Font Awesome icon bullets
663 list-style-type: none;
689 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
690 display: inline-block;
695 border-top: 1px solid #E8E8E8;
707 .highlighted-row td {
708 background-color: #FFD000 !important;
712 .warned-row td { background-color: #FF9000 !important }
715 .high-warned-row td { background-color: #FF0000 !important }
721 background-color: #F3F3F3;
722 border: 1px solid #BCBCBC;
723 border-right: 1px solid #BCBCBC;
752 background-color: #F6F6F6;
753 border-color: #BCBCBC;
758 background-color: #DDDDDD;
759 border-color: #BCBCBC;
775 background-color: #FFFFE1;
782 background-color: #FFFFCC;
787 background-color: #FFFFCC;
793 background-color: #FFFFCC;
800 background-color: #FFFFCC;
806 background-color: #EEFFD4;
812 background-color: #E8F0F6;
818 background-color: #FF9090;
823 background-color: #FF9090;
833 background-color: #FFFF99;
841 background-color: #F3F3F3;
843 vertical-align: middle;
855 background-color: #FFFFCC;
862 background-color: #F4F8F9;
863 border: 2px solid #B9D8D9;
865 margin: 1em 1em 1em 0;
875 border-bottom-left-radius: 0;
876 border-bottom-right-radius: 0;
877 border-bottom-width: 0;
882 background-color:#f4f8f9 !important;
886 background-color:#F3F3F3 !important;
890 background-color: transparent;
900 border: 2px solid #B9D8D9;
922 &[aria-disabled="true"] {
943 list-style-type: none;
957 border: 2px solid #B9D8D9;
967 background-color: transparent;
980 margin: 1em 0 0 11em;
991 padding-bottom: .4em;
1002 &.ui-accordion-content {
1003 border-top-left-radius: 0;
1004 border-top-right-radius: 0;
1015 background-color: #FFFFFF;
1027 margin-left: 10.5em;
1051 display: inline-block;
1072 list-style-type: none;
1073 padding-bottom: 1em;
1076 &[aria-disabled="true"] {
1104 list-style-type: none;
1113 vertical-align: middle;
1134 margin: 1em 0 1em 1em;
1150 margin: 1em 0 1em 1em;
1160 font-weight: normal;
1168 margin: 1em 0 0 11em;
1191 margin-bottom: .4em;
1229 background-color: #FFFFFF;
1230 border: 2px solid #B9D8D9;
1244 display: inline-block;
1245 font-family: FontAwesome;
1249 &.checkouts-by-itemtype {
1251 display: inline-block;
1267 background-color: rgba(185, 216, 217, .6);
1275 background-color: #E6F0F2;
1279 padding: .2em .5em .4em 10px;
1287 > .container-fluid {
1294 background-color: transparent;
1304 margin-bottom: .3em;
1305 padding: 0 .4em .4em;
1323 text-align: justify;
1327 background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1328 border: 1px solid #BCBCBC;
1344 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1345 border: 1px solid #BCBCBC;
1358 // Tools > automatic_item_modification_by_age
1363 &[class$="_table_controls"] {
1372 background-color: #F4F8F9;
1373 border: 2px solid #B9D8D9;
1380 border: 2px solid #BCDB89;
1381 border-bottom-left-radius: 5px;
1382 border-bottom-right-radius: 5px;
1404 margin: .2em 0 .2em .4em;
1433 border-bottom: 1px solid #EEE;
1436 list-style-type: none;
1442 list-style-type: none;
1443 padding: .5em 1em 0 0;
1474 text-decoration: none;
1478 background-color: #EEEEEE;
1484 background-color: #FFC;
1490 background-color: #E6FCB7;
1497 background-color: #F3F3F3;
1510 background-position: .5em .5em;
1511 background-repeat: no-repeat;
1513 margin: .3em 0 .5em;
1526 border-bottom: 1px solid #85CA11;
1537 &.ui-state-default {
1538 background: transparent none;
1548 background-color: #FFFFF1;
1549 border: 1px solid #85CA11;
1550 border-top-width: 0;
1554 text-decoration: none;
1562 border-radius: 0 0 4px 4px;
1590 border: 1px solid #B9D8D9;
1600 white-space: nowrap;
1604 font-family: $font-monospace;
1614 font-weight: normal;
1621 background-color: #EDF4F6;
1622 border: 1px solid #E6F0F2;
1623 border-radius: 5px 5px 0 0;
1628 border-top-width: 1px;
1660 border-right: 1px solid #B9D8D9;
1662 padding-bottom: .5em;
1663 padding-left: -.5em;
1674 border-right: 1px solid #B9D8D9;
1680 list-style-type: none;
1690 border-right: 1px solid #B9D8D9;
1697 .patronimage-container {
1706 .patronimage-controls {
1713 border: 1px solid #EEE;
1718 transition: .2s ease;
1721 background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
1728 .patronimage-controls {
1734 transform: translate( -50%, -50% );
1735 transition: .5s ease;
1738 .patronimage-control {
1743 border-right: 1px solid #000;
1744 border-top: 1px solid #000;
1745 margin-bottom: .5em;
1845 margin-left: 10.5em;
1879 list-style-type: none;
1897 white-space: normal;
1902 input[type='text']:read-only {
1903 background: #EEE url("../img/locked.png") center left no-repeat;
1904 border-style: inset;
1911 input[type='text']:read-only:focus {
1912 border-color: unset;
1913 border-radius: unset;
1921 .subfield_not_filled {
1922 background-color: #FFFF99;
1927 visibility: hidden; // you propably don't need to change this one
1930 // the property for the displayed tab
1933 visibility: visible; // you propably don't need to change this one
1943 #z3950_search_targets {
1948 #z3950_search_targets_acq {
1962 background-color: #90EE90;
1966 background-color: #FF0000;
1969 // Font Awesome icons
1989 vertical-align: middle;
1994 font-weight: normal;
1998 .checkout-settings {
1999 background-color: #F4F8F9;
2001 border-top: 2px solid #B9D8D9;
2009 #show-checkout-settings {
2017 .inaccurate-item-statuses {
2023 list-style: url("../img/arrow-bullet.gif");
2024 margin-bottom: .2em;
2028 #circ_needsconfirmation {
2033 border: 1px solid #BCBCBC;
2042 display: inline-block;
2048 background: #FFF none;
2049 border: 1px outset #999999;
2050 border-left-color: #666;
2051 border-top-color: #666;
2054 white-space: pre-line;
2057 border: 1px inset #999999;
2061 background-color: #FFC;
2073 background-color: #FFFFFF;
2074 border: 1px solid #BCBCBC;
2076 padding: .4em .4em .4em 25px;
2079 background-color: #FFC;
2083 background: #FFF none;
2088 list-style-position: inside;
2105 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
2106 border: 1px solid #E0C726;
2115 // Redefine a new style for Bootstrap's class "close" since we use that already
2116 // Use <a class="closebtn" href="#">×</a>
2151 text-decoration: underline;
2155 background-color: #FFFFCC;
2159 background-color: #FFC;
2163 // style for shelving location in catalogsearch
2169 border-right: 1px solid #B9D8D9;
2171 padding-bottom: 2em;
2176 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2177 border: 1px solid #B9D8D9;
2178 border-bottom-left-radius: 5px;
2179 border-top-left-radius: 5px;
2185 text-decoration: none;
2188 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2189 border-bottom: 1px solid #85CA11;
2190 border-left: 1px solid #85CA11;
2191 border-top: 1px solid #85CA11;
2197 background-color: #FFFFFF;
2198 background-image: none;
2199 border-bottom: 1px solid #85CA11;
2200 border-left: 1px solid #85CA11;
2202 border-top: 1px solid #85CA11;
2207 background-color: #FFFFFF;
2216 list-style-type: none;
2223 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2224 margin: .75em .3em .75em .7em;
2230 height: 0 !important;
2234 text-decoration: none;
2250 vertical-align: middle;
2256 text-overflow: ellipsis;
2257 white-space: nowrap;
2265 padding: 0 10px 0 0;
2279 list-style-type: none;
2301 display: inline-block;
2302 list-style-type: none;
2307 border-top: 1px solid #EEE;
2310 margin: 4px -4px 2px -4px;
2316 border-top: 1px solid #eee;
2327 list-style: url("../img/item-bullet.gif");
2332 margin: 3px 5px 3px -5px;
2351 vertical-align: top;
2364 background-color: #E6F0F2;
2365 border: 1px solid #B9D8D9;
2366 border-radius: 5px 5px 0 0;
2368 margin: 0 0 .5em -1px;
2369 padding: .4em 0 .4em 1em;
2386 padding: 5px 5px 3px 0;
2397 padding: 5px 25em 0 0;
2402 border-top: 1px solid #EEE;
2411 border: 1px solid #B9D8D9;
2412 border-radius: 5px 5px 0 0;
2415 background-color: #E6F0F2;
2416 border-bottom: 1px solid #B9D8D9;
2417 border-radius: 5px 5px 0 0;
2430 list-style-type: none;
2437 font-weight: normal;
2450 display: inline-block;
2457 .searchhighlightblob {
2462 #irregularity_summary {
2463 vertical-align: top;
2469 font-weight: normal;
2492 border: 1px solid #E8E8E8;
2497 .labeledmarc-table {
2501 .labeledmarc-label {
2509 .labeledmarc-value {
2519 font-family: $font-monospace;
2528 background-color: #FFFFFF;
2537 vertical-align: top;
2541 background-color: #FFFFFF;
2545 vertical-align: top;
2546 white-space: nowrap;
2561 background-color: #FFFFFF;
2562 border: 1px solid #739ACF;
2563 box-shadow: 1px 1px 3px 0 #666;
2574 background: transparent url("../img/cart-small.gif") left center no-repeat;
2582 font-weight: normal;
2598 font-weight: normal;
2606 .child_fund_amount {
2616 background-color: #E4ECF5;
2617 border: 1px solid #A4BEDD;
2621 text-decoration: none;
2624 background-color: #EBEFF7;
2630 border: 1px solid #EEE;
2639 background: #E3E3E3 none;
2646 .import_export_options {
2647 background: #FFFFFF;
2648 border: 1px solid #CDCDCD;
2658 .import_export_options {
2659 background: #E3E3E3 none;
2693 border: 1px solid #BCBCBC;
2701 padding-bottom: 10px;
2725 border-collapse: separate;
2726 border-spacing: 5px;
2731 border: 1px solid #EEE;
2736 #circ_circulation_issue {
2746 background-color: #EEE;
2747 border-radius: 0 0 0 5px;
2752 padding: 0 .7em .2em;
2753 text-decoration: none;
2754 text-shadow: 0 -1px 0 #666;
2768 background-color: #EEE;
2769 border-radius: 0 0 0 5px;
2774 padding: 0 .7em .2em;
2775 text-decoration: none;
2776 text-shadow: 0 -1px 0 #666;
2784 background-color: #E8E8E8;
2785 border: 1px solid #BCBCBC;
2787 display: inline-block;
2793 vertical-align: middle;
2802 background-color: transparent;
2815 background-color: #FFFFFF;
2816 border: 1px solid #AAAAAA;
2826 #acqui_order_supplierlist {
2829 border: 1px solid #EEEEEE;
2848 margin-bottom: .5em;
2855 margin: 0 0 8px 8px;
2862 // Override core jQueryUI widgets
2863 .ui-widget-content {
2864 background: #FFFFFF none;
2865 border: 1px solid #B9D8D9;
2870 background: #E6F0F2 none;
2871 border: 1px solid #B9D8D9;
2877 .ui-widget-content .ui-state-default,
2878 .ui-widget-header .ui-state-default {
2879 background: #F4F8F9 none;
2880 border: 1px solid #B9D8D9;
2882 font-weight: normal;
2886 .ui-widget-content .ui-state-hover,
2887 .ui-widget-header .ui-state-hover,
2889 .ui-widget-content .ui-state-focus,
2890 .ui-widget-header .ui-state-focus {
2891 background: #E6F0F2 none;
2892 border: 1px solid #B9D8D9;
2894 font-weight: normal;
2898 .ui-widget-content .ui-state-active,
2899 .ui-widget-header .ui-state-active {
2900 background: #FFFFFF none;
2901 border: 1px solid #AAAAAA;
2903 font-weight: normal;
2906 .ui-state-highlight,
2907 .ui-widget-content .ui-state-highlight,
2908 .ui-widget-header .ui-state-highlight {
2909 background: #FFF4C6;
2910 border: 1px solid #FED22F;
2915 .ui-widget-content .ui-state-error,
2916 .ui-widget-header .ui-state-error {
2917 background: #FEF1EC;
2918 border: 1px solid #CD0A0A;
2922 // Override jQuery Autocomplete
2924 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2928 &.ui-widget-content {
2930 background: #E6F0F2 none;
2931 border: 1px solid #B9D8D9;
2933 font-weight: normal;
2938 .ui-autocomplete-loading {
2939 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2942 // jQuery UI standard tabs
2955 background: none repeat scroll 0 0 transparent;
2959 &.ui-widget-header {
2968 background: #E6F0F2 none;
2969 border: 1px solid #B9D8D9;
2974 background-color: #FFFFFF;
2975 border: 1px solid #B9D8D9;
2976 border-bottom-width: 0;
2984 background: #FFF none;
2988 &.ui-state-default {
2990 background: #EDF4F5 none;
2997 border: 1px solid #B9D8D9;
3000 &.ui-widget-content {
3001 background: transparent none;
3030 font-family: inherit;
3037 font-family: inherit;
3044 background: none repeat scroll 0 0 transparent;
3046 border-bottom-left-radius: 4px;
3047 border-bottom-right-radius: 4px;
3048 border-top-left-radius: 4px;
3049 border-top-right-radius: 4px;
3054 list-style: none outside none;
3057 padding: .2em .2em 0;
3058 text-decoration: none;
3071 background: none repeat scroll 0 0 #E6F0F2;
3072 border: 1px solid #B9D8D9;
3073 border-bottom: 0 none;
3074 border-top-left-radius: 4px;
3075 border-top-right-radius: 4px;
3078 font-weight: normal;
3079 list-style: none outside none;
3085 white-space: nowrap;
3088 background-color: #FFFFFF;
3090 font-weight: normal;
3091 padding-bottom: 1px;
3094 background: none repeat scroll 0 0 transparent;
3108 text-decoration: none;
3111 background-color: #EDF4F5;
3112 border-top-left-radius: 4px;
3113 border-top-right-radius: 4px;
3121 background: none repeat scroll 0 0 transparent;
3122 border: 1px solid #B9D8D9;
3123 border-bottom-left-radius: 4px;
3124 border-bottom-right-radius: 4px;
3146 .authorizedheading {
3152 .authres_otherscript {
3193 font-weight: normal;
3194 text-decoration: underline;
3203 #didyoumeanintranet {
3209 padding-bottom: 10px;
3213 margin: 0 1em 1em 0;
3217 background-color: #E6F0F2;
3220 padding-bottom: 4px;
3232 .ui-sortable-placeholder {
3233 border: 1px dotted #000;
3235 visibility: visible;
3242 // jQuery UI Datepicker
3244 box-shadow: 1px 1px 3px 0 #666;
3248 border-collapse: collapse;
3255 background: transparent none;
3263 .ui-datepicker-trigger {
3265 vertical-align: middle;
3268 // css for timepicker
3269 .ui-timepicker-div {
3274 margin: 0 10px 10px 65px;
3279 margin-bottom: -25px;
3292 .ui-tpicker-grid-label {
3300 .ui_tpicker_millisec,
3301 .ui_tpicker_microsec {
3305 // jQuery UI Accordion
3306 .ui-accordion-header,
3307 .ui-widget-content .ui-accordion-header {
3316 // Bootstrap overrides
3319 background: #E6F0F2 none;
3324 background: #E6F0F2 none;
3335 font-weight: normal;
3342 padding-bottom: .4em;
3349 .nav .open > a:hover,
3350 .nav .open > a:focus {
3351 background-color: transparent;
3355 .nav > li > a:hover,
3356 .nav > li > a:focus {
3357 background-color: transparent;
3358 text-decoration: none;
3366 background-color: #5A9EAA;
3367 border-color: #5A9EAA;
3371 background-color: #5A9EAA;
3372 border-color: #5A9EAA;
3377 background-color: #5A9EAA;
3378 border-color: #5A9EAA;
3382 background-color: #5A9EAA;
3383 border-color: #5A9EAA;
3391 border-color: #ADADAD #ADADAD #949494;
3392 font-family: $font-main;
3400 .btn-group-xs > .btn {
3407 border-top-width: 1px;
3418 background: #FFF none;
3419 border-top: 1px solid #EEE;
3420 min-height: $language-footer-min-height;
3455 .navbar-fixed-bottom {
3462 border-right: 1px solid #CCC;
3465 font-weight: normal;
3473 line-height: normal;
3482 border-bottom-color: #EEE;
3486 background-color: #FFFFFF;
3487 border: 1px solid rgba(0, 0, 0, .2);
3488 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3505 font-weight: normal;
3541 &[type="checkbox"] {
3556 filter: alpha(opacity = 20);
3562 text-shadow: 0 1px 0 #FFFFFF;
3568 filter: alpha(opacity = 50);
3570 text-decoration: none;
3575 background-color: #FFF;
3580 background-color: transparent;
3588 background-color: #EDF4F6;
3599 white-space: pre-wrap;
3603 background-color: transparent;
3609 line-height: inherit;
3612 word-break: break-all;
3613 word-wrap: break-word;
3617 background-color: transparent;
3624 .pagination > li > a,
3625 .pagination > li > span {
3629 // End Bootstrap overrides
3646 background: url("../img/progress.png") -300px 0 no-repeat;
3647 border: 1px solid #666;
3648 display: inline-block;
3654 border: 2px solid #EEE;
3667 white-space: normal;
3672 vertical-align: middle;
3676 background-color: #EBF3FF;
3682 white-space: nowrap;
3685 background-color: #CCE0FC;
3693 &[type="password"] {
3694 font-family: $font-monospace;
3701 // Class to be added to toolbar when it starts being fixed at the top of the screen
3704 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3713 white-space: nowrap;
3717 background: transparent url("../img/edit-tag.png") top left no-repeat;
3724 white-space: nowrap;
3731 padding-bottom: 1em;
3735 #browse-return-to-results {
3736 background-color: #E8F0F6;
3737 border: 1px solid #B9D8D9;
3738 border-bottom-width: 0;
3739 border-top-left-radius: 5px;
3740 border-top-right-radius: 5px;
3747 background-color: #FFF;
3748 border: 1px solid #B9D8D9;
3754 white-space: nowrap;
3758 background: #FAFAFA;
3764 background: #FAFAFA;
3789 &[class*=" label-"] {
3793 font-weight: normal;
3794 padding: .2em .6em .3em;
3799 .result-biblio-itemtype {
3814 border-bottom-width: 0;
3818 border-bottom-right-radius: 5px;
3819 border-bottom-left-radius: 5px;
3823 background-color: #FFFFFF;
3834 background: transparent url("../img/loading.gif") top left no-repeat;
3839 margin: -1em 0 0 -2.5em;
3860 background-color: #FFFFCC;
3876 .dialog input#renewonholdduedate {
3882 display: inline-block;
3911 .sublanguage-selected {
3918 .onsite_checkout-select {
3920 #circ_circulation_issue & {
3922 font-weight: normal;
3930 .onsite-checkout-only {
3931 background-color: rgba(255, 242, 206, .5);
3932 border: 1px solid #FFF2CE;
3937 background-color: #FFFFFF;
3938 border: 1px solid #B9D8D9;
3940 display: table-cell;
3958 #cn_browser_table_wrapper > #cn_browser_table {
3964 background-color: #F4F8F9;
3965 border: 2px solid #B9D8D9;
3974 margin-bottom: .3em;
3983 text-decoration: underline;
3987 text-decoration: overline;
3999 margin-bottom: 10px;
4008 background-color: #FFF;
4009 border: 1px solid #A4BEDD;
4020 #patron_list_dialog,
4032 #fixedlengthbuilderaction {
4033 border: 3px solid #E6F0F2;
4041 #interlibraryloans {
4053 margin-bottom: 20px;
4095 transform: translateY(-50%);
4103 display: inline-block;
4107 #illfilter_dateplaced_start,
4108 #illfilter_datemodified_start,
4109 #illfilter_dateplaced_end,
4110 #illfilter_datemodified_end {
4114 #requestattributes {
4115 font-family: monospace;
4120 width: 100% !important;
4125 margin: 30px 0 10px 0;
4131 margin-bottom: 20px;
4138 #catalog_stockrotation .highlight_stage {
4155 #stage_form fieldset, #add_rota_item_form fieldset {
4163 list-style-type: none;
4168 #catalog_stockrotation {
4170 vertical-align: middle;
4173 margin-bottom: 20px;
4177 #stockrotation td.actions, #catalog_stockrotation td.actions {
4178 vertical-align: middle;
4181 #stockrotation .stage, #catalog_stockrotation .stage {
4182 display: inline-block;
4184 margin: 3px 0 3px 0;
4186 background-color: rgba(0, 0, 0, 0.1);
4189 #stage_list_headings {
4209 display: inline-block;
4213 display: inline-block;
4216 display: inline-block;
4219 background-color: #F3F3F3;
4227 border: 1px dotted #aaa;
4230 display: inline-block;
4233 display: inline-block;
4234 border: 1px solid #bcbcbc;
4238 background: #f3f3f3;
4240 #manage_stages_help {
4251 #logged-in-info-full {
4255 .loggedin-menu-label {
4258 line-height: 1.42857143;
4260 white-space: nowrap;
4273 background-color: #E6F0F2;
4274 border: 1px solid #95C6D0;
4275 box-shadow: 1px 1px 1px 0 #999;
4278 padding: .3em .5em .3em .5em;
4282 border-radius: 5px 0px 0px 5px;
4286 #lastborrower-remove {
4287 border-radius: 0px 5px 5px 0px;
4292 #lastborrower-window {
4299 /* ==== MODULE LINKS - Start ==== */
4301 // List containing the module links
4302 margin-bottom: 30px;
4306 // Standard attributes for the list elements
4307 list-style-type: none;
4311 // Class used for each module link
4312 background-color: #F4F8F9;
4313 background-position: 5px 3px;
4314 background-repeat: no-repeat;
4315 border: 2px solid #B9D8D9;
4317 box-sizing: content-box;
4325 text-decoration: none;
4328 // Class used for each module link hover state
4329 border-color: #538200;
4338 border-bottom: 1px solid #B9D8D9;
4353 // ==== MODULE LINKS - End ====
4355 #catalog-search-link {
4356 border-right: 1px solid lighten( #E6F0F2, 15% );
4357 padding-right: .3em;
4360 #catalog-search-dropdown {
4364 border-left: 1px solid darken( #B4D2D8, 5% );
4369 &.catalog-search-dropdown-hover {
4370 background-color: darken( #E6F0F2, 5% );
4371 border-left: 1px solid darken( #B4D2D8, 15% );
4380 .adlibris-cover-big {
4396 display: inline-block;
4417 .permission-highlight {
4418 background-color: #FFC !important;
4422 .togglechildren_off {
4426 .togglechildren_off,
4432 .togglechildren_off {
4436 .togglechildren_on {
4442 border: 1px solid #DDD;
4443 border-bottom-width: 0;
4447 border-bottom-width: 1px;
4451 background-color: #F8F8F8;
4456 .superlibrarian-hint {
4463 background-color: #FFF;
4464 border: 1px solid #DDD;
4465 border-bottom-width: 0;
4466 margin: 0 5px 0 20px;
4474 border-bottom-width: 1px;
4478 background-color: #EEE;
4494 div#makechart ol li {
4498 @media (min-width: 200px) {
4502 @media (max-width: 767px) {
4504 display: inline-block;
4507 #catalog-search-link {
4513 background: transparent none;
4514 padding-left: 1.5em;
4528 background-color: #FFF;
4529 border: 1px solid #ccc;
4536 background-color: #FFF;
4537 border: 1px solid #CCC;
4541 font-weight: normal;
4542 padding-left: 1.5em;
4545 background-color: #0070A9;
4590 .navbar-fixed-bottom .nav > li {
4597 background-color: #FFF;
4598 border: 1px solid #ccc;
4613 @media (max-width: 768px) {
4624 @media only screen and ( max-width: 768px ) {
4626 display: inline-block;
4631 border-bottom-left-radius: 5px;
4632 border-bottom-width: 1px;
4633 border-right-width: 0;
4637 border-bottom-left-radius: 0;
4638 border-bottom-right-radius: 5px;
4642 @media (min-width: 800px) {
4656 #logged-in-info-full {
4660 #logged-in-info-brief {
4664 .loggedin-menu-label {
4669 @media only screen and ( min-width: 1200px ) {
4671 display: inline-block;
4676 border-bottom-left-radius: 5px;
4677 border-bottom-width: 1px;
4678 border-right-width: 0;
4682 border-bottom-left-radius: 0;
4683 border-bottom-right-radius: 5px;