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-image: url("../img/famfamfam/silk/calendar.png");
495 background-position-x: right;
496 background-position-y: center;
497 background-repeat: no-repeat;
498 border-style: inset outset outset inset;
504 @include default-button;
507 border: 1px inset #999999;
511 @include disabled-button;
516 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
517 padding: .25em .25em .25em 25px;
522 background-color: #FF9;
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;
1999 background-color: #F4F8F9;
2001 border-top: 2px solid #B9D8D9;
2009 #show-circ-settings {
2013 .checkin-active-setting {
2014 background-color: #FFC;
2016 box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
2021 .form-control-group {
2022 white-space: nowrap;
2030 .inaccurate-item-statuses {
2036 list-style: url("../img/arrow-bullet.gif");
2037 margin-bottom: .2em;
2041 #circ_needsconfirmation {
2046 border: 1px solid #BCBCBC;
2055 display: inline-block;
2061 background: #FFF none;
2062 border: 1px outset #999999;
2063 border-left-color: #666;
2064 border-top-color: #666;
2067 white-space: pre-line;
2070 border: 1px inset #999999;
2074 background-color: #FFC;
2086 background-color: #FFFFFF;
2087 border: 1px solid #BCBCBC;
2089 padding: .4em .4em .4em 25px;
2092 background-color: #FFC;
2096 background: #FFF none;
2101 list-style-position: inside;
2118 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
2119 border: 1px solid #E0C726;
2128 // Redefine a new style for Bootstrap's class "close" since we use that already
2129 // Use <a class="closebtn" href="#">×</a>
2164 text-decoration: underline;
2168 background-color: #FFFFCC;
2172 background-color: #FFC;
2176 // style for shelving location in catalogsearch
2182 border-right: 1px solid #B9D8D9;
2184 padding-bottom: 2em;
2189 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2190 border: 1px solid #B9D8D9;
2191 border-bottom-left-radius: 5px;
2192 border-top-left-radius: 5px;
2198 text-decoration: none;
2201 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2202 border-bottom: 1px solid #85CA11;
2203 border-left: 1px solid #85CA11;
2204 border-top: 1px solid #85CA11;
2210 background-color: #FFFFFF;
2211 background-image: none;
2212 border-bottom: 1px solid #85CA11;
2213 border-left: 1px solid #85CA11;
2215 border-top: 1px solid #85CA11;
2220 background-color: #FFFFFF;
2229 list-style-type: none;
2236 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2237 margin: .75em .3em .75em .7em;
2243 height: 0 !important;
2247 text-decoration: none;
2263 vertical-align: middle;
2269 text-overflow: ellipsis;
2270 white-space: nowrap;
2278 padding: 0 10px 0 0;
2292 list-style-type: none;
2314 display: inline-block;
2315 list-style-type: none;
2320 border-top: 1px solid #EEE;
2323 margin: 4px -4px 2px -4px;
2329 border-top: 1px solid #eee;
2340 list-style: url("../img/item-bullet.gif");
2345 margin: 3px 5px 3px -5px;
2364 vertical-align: top;
2377 background-color: #E6F0F2;
2378 border: 1px solid #B9D8D9;
2379 border-radius: 5px 5px 0 0;
2381 margin: 0 0 .5em -1px;
2382 padding: .4em 0 .4em 1em;
2399 padding: 5px 5px 3px 0;
2410 padding: 5px 25em 0 0;
2415 border-top: 1px solid #EEE;
2424 border: 1px solid #B9D8D9;
2425 border-radius: 5px 5px 0 0;
2428 background-color: #E6F0F2;
2429 border-bottom: 1px solid #B9D8D9;
2430 border-radius: 5px 5px 0 0;
2443 list-style-type: none;
2450 font-weight: normal;
2463 display: inline-block;
2470 .searchhighlightblob {
2475 #irregularity_summary {
2476 vertical-align: top;
2482 font-weight: normal;
2505 border: 1px solid #E8E8E8;
2510 .labeledmarc-table {
2514 .labeledmarc-label {
2522 .labeledmarc-value {
2532 font-family: $font-monospace;
2541 background-color: #FFFFFF;
2550 vertical-align: top;
2554 background-color: #FFFFFF;
2558 vertical-align: top;
2559 white-space: nowrap;
2574 background-color: #FFFFFF;
2575 border: 1px solid #739ACF;
2576 box-shadow: 1px 1px 3px 0 #666;
2587 background: transparent url("../img/cart-small.gif") left center no-repeat;
2595 font-weight: normal;
2611 font-weight: normal;
2619 .child_fund_amount {
2629 background-color: #E4ECF5;
2630 border: 1px solid #A4BEDD;
2634 text-decoration: none;
2637 background-color: #EBEFF7;
2643 border: 1px solid #EEE;
2652 background: #E3E3E3 none;
2659 .import_export_options {
2660 background: #FFFFFF;
2661 border: 1px solid #CDCDCD;
2671 .import_export_options {
2672 background: #E3E3E3 none;
2706 border: 1px solid #BCBCBC;
2714 padding-bottom: 10px;
2738 border-collapse: separate;
2739 border-spacing: 5px;
2744 border: 1px solid #EEE;
2749 #circ_circulation_issue {
2759 background-color: #EEE;
2760 border-radius: 0 0 0 5px;
2765 padding: 0 .7em .2em;
2766 text-decoration: none;
2767 text-shadow: 0 -1px 0 #666;
2781 background-color: #EEE;
2782 border-radius: 0 0 0 5px;
2787 padding: 0 .7em .2em;
2788 text-decoration: none;
2789 text-shadow: 0 -1px 0 #666;
2797 background-color: #E8E8E8;
2798 border: 1px solid #BCBCBC;
2800 display: inline-block;
2806 vertical-align: middle;
2815 background-color: transparent;
2828 background-color: #FFFFFF;
2829 border: 1px solid #AAAAAA;
2839 #acqui_order_supplierlist {
2842 border: 1px solid #EEEEEE;
2861 margin-bottom: .5em;
2868 margin: 0 0 8px 8px;
2875 // Override core jQueryUI widgets
2876 .ui-widget-content {
2877 background: #FFFFFF none;
2878 border: 1px solid #B9D8D9;
2883 background: #E6F0F2 none;
2884 border: 1px solid #B9D8D9;
2890 .ui-widget-content .ui-state-default,
2891 .ui-widget-header .ui-state-default {
2892 background: #F4F8F9 none;
2893 border: 1px solid #B9D8D9;
2895 font-weight: normal;
2899 .ui-widget-content .ui-state-hover,
2900 .ui-widget-header .ui-state-hover,
2902 .ui-widget-content .ui-state-focus,
2903 .ui-widget-header .ui-state-focus {
2904 background: #E6F0F2 none;
2905 border: 1px solid #B9D8D9;
2907 font-weight: normal;
2911 .ui-widget-content .ui-state-active,
2912 .ui-widget-header .ui-state-active {
2913 background: #FFFFFF none;
2914 border: 1px solid #AAAAAA;
2916 font-weight: normal;
2919 .ui-state-highlight,
2920 .ui-widget-content .ui-state-highlight,
2921 .ui-widget-header .ui-state-highlight {
2922 background: #FFF4C6;
2923 border: 1px solid #FED22F;
2928 .ui-widget-content .ui-state-error,
2929 .ui-widget-header .ui-state-error {
2930 background: #FEF1EC;
2931 border: 1px solid #CD0A0A;
2935 // Override jQuery Autocomplete
2937 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2941 &.ui-widget-content {
2943 background: #E6F0F2 none;
2944 border: 1px solid #B9D8D9;
2946 font-weight: normal;
2951 .ui-autocomplete-loading {
2952 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2955 // jQuery UI standard tabs
2968 background: none repeat scroll 0 0 transparent;
2972 &.ui-widget-header {
2981 background: #E6F0F2 none;
2982 border: 1px solid #B9D8D9;
2987 background-color: #FFFFFF;
2988 border: 1px solid #B9D8D9;
2989 border-bottom-width: 0;
2997 background: #FFF none;
3001 &.ui-state-default {
3003 background: #EDF4F5 none;
3010 border: 1px solid #B9D8D9;
3013 &.ui-widget-content {
3014 background: transparent none;
3043 font-family: inherit;
3050 font-family: inherit;
3057 background: none repeat scroll 0 0 transparent;
3059 border-bottom-left-radius: 4px;
3060 border-bottom-right-radius: 4px;
3061 border-top-left-radius: 4px;
3062 border-top-right-radius: 4px;
3067 list-style: none outside none;
3070 padding: .2em .2em 0;
3071 text-decoration: none;
3084 background: none repeat scroll 0 0 #E6F0F2;
3085 border: 1px solid #B9D8D9;
3086 border-bottom: 0 none;
3087 border-top-left-radius: 4px;
3088 border-top-right-radius: 4px;
3091 font-weight: normal;
3092 list-style: none outside none;
3098 white-space: nowrap;
3101 background-color: #FFFFFF;
3103 font-weight: normal;
3104 padding-bottom: 1px;
3107 background: none repeat scroll 0 0 transparent;
3121 text-decoration: none;
3124 background-color: #EDF4F5;
3125 border-top-left-radius: 4px;
3126 border-top-right-radius: 4px;
3134 background: none repeat scroll 0 0 transparent;
3135 border: 1px solid #B9D8D9;
3136 border-bottom-left-radius: 4px;
3137 border-bottom-right-radius: 4px;
3159 .authorizedheading {
3165 .authres_otherscript {
3206 font-weight: normal;
3207 text-decoration: underline;
3216 #didyoumeanintranet {
3222 padding-bottom: 10px;
3226 margin: 0 1em 1em 0;
3230 background-color: #E6F0F2;
3233 padding-bottom: 4px;
3245 .ui-sortable-placeholder {
3246 border: 1px dotted #000;
3248 visibility: visible;
3255 // jQuery UI Datepicker
3257 box-shadow: 1px 1px 3px 0 #666;
3261 border-collapse: collapse;
3268 background: transparent none;
3276 .ui-datepicker-trigger {
3278 vertical-align: middle;
3281 // css for timepicker
3282 .ui-timepicker-div {
3287 margin: 0 10px 10px 65px;
3292 margin-bottom: -25px;
3305 .ui-tpicker-grid-label {
3313 .ui_tpicker_millisec,
3314 .ui_tpicker_microsec {
3318 // jQuery UI Accordion
3319 .ui-accordion-header,
3320 .ui-widget-content .ui-accordion-header {
3329 // Bootstrap overrides
3332 background: #E6F0F2 none;
3337 background: #E6F0F2 none;
3348 font-weight: normal;
3355 padding-bottom: .4em;
3362 .nav .open > a:hover,
3363 .nav .open > a:focus {
3364 background-color: transparent;
3368 .nav > li > a:hover,
3369 .nav > li > a:focus {
3370 background-color: transparent;
3371 text-decoration: none;
3379 background-color: #5A9EAA;
3380 border-color: #5A9EAA;
3384 background-color: #5A9EAA;
3385 border-color: #5A9EAA;
3390 background-color: #5A9EAA;
3391 border-color: #5A9EAA;
3395 background-color: #5A9EAA;
3396 border-color: #5A9EAA;
3404 border-color: #ADADAD #ADADAD #949494;
3405 font-family: $font-main;
3413 .btn-group-xs > .btn {
3420 border-top-width: 1px;
3431 background: #FFF none;
3432 border-top: 1px solid #EEE;
3433 min-height: $language-footer-min-height;
3468 .navbar-fixed-bottom {
3475 border-right: 1px solid #CCC;
3478 font-weight: normal;
3486 line-height: normal;
3495 border-bottom-color: #EEE;
3499 background-color: #FFFFFF;
3500 border: 1px solid rgba(0, 0, 0, .2);
3501 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3518 font-weight: normal;
3554 &[type="checkbox"] {
3569 filter: alpha(opacity = 20);
3575 text-shadow: 0 1px 0 #FFFFFF;
3581 filter: alpha(opacity = 50);
3583 text-decoration: none;
3588 background-color: #FFF;
3593 background-color: transparent;
3601 background-color: #EDF4F6;
3612 white-space: pre-wrap;
3616 background-color: transparent;
3622 line-height: inherit;
3625 word-break: break-all;
3626 word-wrap: break-word;
3630 background-color: transparent;
3637 .pagination > li > a,
3638 .pagination > li > span {
3642 // End Bootstrap overrides
3659 background: url("../img/progress.png") -300px 0 no-repeat;
3660 border: 1px solid #666;
3661 display: inline-block;
3667 border: 2px solid #EEE;
3680 white-space: normal;
3685 vertical-align: middle;
3689 background-color: #EBF3FF;
3695 white-space: nowrap;
3698 background-color: #CCE0FC;
3706 &[type="password"] {
3707 font-family: $font-monospace;
3714 // Class to be added to toolbar when it starts being fixed at the top of the screen
3717 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3726 white-space: nowrap;
3730 background: transparent url("../img/edit-tag.png") top left no-repeat;
3737 white-space: nowrap;
3744 padding-bottom: 1em;
3748 #browse-return-to-results {
3749 background-color: #E8F0F6;
3750 border: 1px solid #B9D8D9;
3751 border-bottom-width: 0;
3752 border-top-left-radius: 5px;
3753 border-top-right-radius: 5px;
3760 background-color: #FFF;
3761 border: 1px solid #B9D8D9;
3767 white-space: nowrap;
3771 background: #FAFAFA;
3777 background: #FAFAFA;
3802 &[class*=" label-"] {
3806 font-weight: normal;
3807 padding: .2em .6em .3em;
3812 .result-biblio-itemtype {
3827 border-bottom-width: 0;
3831 border-bottom-right-radius: 5px;
3832 border-bottom-left-radius: 5px;
3836 background-color: #FFFFFF;
3847 background: transparent url("../img/loading.gif") top left no-repeat;
3852 margin: -1em 0 0 -2.5em;
3873 background-color: #FFFFCC;
3889 .dialog input#renewonholdduedate {
3895 display: inline-block;
3924 .sublanguage-selected {
3931 .onsite_checkout-select {
3933 #circ_circulation_issue & {
3935 font-weight: normal;
3943 .onsite-checkout-only {
3944 background-color: rgba(255, 242, 206, .5);
3945 border: 1px solid #FFF2CE;
3950 background-color: #FFFFFF;
3951 border: 1px solid #B9D8D9;
3953 display: table-cell;
3971 #cn_browser_table_wrapper > #cn_browser_table {
3977 background-color: #F4F8F9;
3978 border: 2px solid #B9D8D9;
3987 margin-bottom: .3em;
3996 text-decoration: underline;
4000 text-decoration: overline;
4012 margin-bottom: 10px;
4021 background-color: #FFF;
4022 border: 1px solid #A4BEDD;
4033 #patron_list_dialog,
4045 #fixedlengthbuilderaction {
4046 border: 3px solid #E6F0F2;
4054 #interlibraryloans {
4066 margin-bottom: 20px;
4108 transform: translateY(-50%);
4116 display: inline-block;
4120 #illfilter_dateplaced_start,
4121 #illfilter_datemodified_start,
4122 #illfilter_dateplaced_end,
4123 #illfilter_datemodified_end {
4127 #requestattributes {
4128 font-family: monospace;
4133 width: 100% !important;
4138 margin: 30px 0 10px 0;
4144 margin-bottom: 20px;
4151 #catalog_stockrotation .highlight_stage {
4168 #stage_form fieldset, #add_rota_item_form fieldset {
4176 list-style-type: none;
4181 #catalog_stockrotation {
4183 vertical-align: middle;
4186 margin-bottom: 20px;
4190 #stockrotation td.actions, #catalog_stockrotation td.actions {
4191 vertical-align: middle;
4194 #stockrotation .stage, #catalog_stockrotation .stage {
4195 display: inline-block;
4197 margin: 3px 0 3px 0;
4199 background-color: rgba(0, 0, 0, 0.1);
4202 #stage_list_headings {
4222 display: inline-block;
4226 display: inline-block;
4229 display: inline-block;
4232 background-color: #F3F3F3;
4240 border: 1px dotted #aaa;
4243 display: inline-block;
4246 display: inline-block;
4247 border: 1px solid #bcbcbc;
4251 background: #f3f3f3;
4253 #manage_stages_help {
4264 #logged-in-info-full {
4268 .loggedin-menu-label {
4271 line-height: 1.42857143;
4273 white-space: nowrap;
4286 background-color: #E6F0F2;
4287 border: 1px solid #95C6D0;
4288 box-shadow: 1px 1px 1px 0 #999;
4291 padding: .3em .5em .3em .5em;
4295 border-radius: 5px 0px 0px 5px;
4299 #lastborrower-remove {
4300 border-radius: 0px 5px 5px 0px;
4305 #lastborrower-window {
4312 /* ==== MODULE LINKS - Start ==== */
4314 // List containing the module links
4315 margin-bottom: 30px;
4319 // Standard attributes for the list elements
4320 list-style-type: none;
4324 // Class used for each module link
4325 background-color: #F4F8F9;
4326 background-position: 5px 3px;
4327 background-repeat: no-repeat;
4328 border: 2px solid #B9D8D9;
4330 box-sizing: content-box;
4338 text-decoration: none;
4341 // Class used for each module link hover state
4342 border-color: #538200;
4351 border-bottom: 1px solid #B9D8D9;
4366 // ==== MODULE LINKS - End ====
4368 #catalog-search-link {
4369 border-right: 1px solid lighten( #E6F0F2, 15% );
4370 padding-right: .3em;
4373 #catalog-search-dropdown {
4377 border-left: 1px solid darken( #B4D2D8, 5% );
4382 &.catalog-search-dropdown-hover {
4383 background-color: darken( #E6F0F2, 5% );
4384 border-left: 1px solid darken( #B4D2D8, 15% );
4393 .adlibris-cover-big {
4409 display: inline-block;
4430 .permission-highlight {
4431 background-color: #FFC !important;
4435 .togglechildren_off {
4439 .togglechildren_off,
4445 .togglechildren_off {
4449 .togglechildren_on {
4455 border: 1px solid #DDD;
4456 border-bottom-width: 0;
4460 border-bottom-width: 1px;
4464 background-color: #F8F8F8;
4469 .superlibrarian-hint {
4476 background-color: #FFF;
4477 border: 1px solid #DDD;
4478 border-bottom-width: 0;
4479 margin: 0 5px 0 20px;
4487 border-bottom-width: 1px;
4491 background-color: #EEE;
4507 div#makechart ol li {
4511 @media (min-width: 200px) {
4515 @media (max-width: 767px) {
4517 display: inline-block;
4520 #catalog-search-link {
4526 background: transparent none;
4527 padding-left: 1.5em;
4541 background-color: #FFF;
4542 border: 1px solid #ccc;
4549 background-color: #FFF;
4550 border: 1px solid #CCC;
4554 font-weight: normal;
4555 padding-left: 1.5em;
4558 background-color: #0070A9;
4603 .navbar-fixed-bottom .nav > li {
4610 background-color: #FFF;
4611 border: 1px solid #ccc;
4626 @media (max-width: 768px) {
4637 @media only screen and ( max-width: 768px ) {
4639 display: inline-block;
4644 border-bottom-left-radius: 5px;
4645 border-bottom-width: 1px;
4646 border-right-width: 0;
4650 border-bottom-left-radius: 0;
4651 border-bottom-right-radius: 5px;
4655 @media (min-width: 800px) {
4669 #logged-in-info-full {
4673 #logged-in-info-brief {
4677 .loggedin-menu-label {
4682 @media only screen and ( min-width: 1200px ) {
4684 display: inline-block;
4689 border-bottom-left-radius: 5px;
4690 border-bottom-width: 1px;
4691 border-right-width: 0;
4695 border-bottom-left-radius: 0;
4696 border-bottom-right-radius: 5px;