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;
255 border-collapse: collapse;
256 border-right: 1px solid #BCBCBC;
257 border-top: 1px solid #BCBCBC;
263 display: inline-block;
270 vertical-align: middle;
300 border-bottom: 1px solid #BCBCBC;
301 border-left: 1px solid #BCBCBC;
306 background-color: #FFFFFF;
315 border-collapse: separate;
319 font-family: $font-monospace;
329 background-color: #FFC;
336 background-color: #E8E8E8;
341 font-family: $font-monospace;
347 font-family: $font-main;
375 margin: .75em .3em .75em .7em;
449 border-color: #538200;
459 vertical-align: middle;
465 border: 1px inset #999999;
472 @include default-button;
475 border: 1px inset #999999;
479 @include disabled-button;
484 background-color: #FFFF99;
489 @include default-button;
492 border: 1px inset #999999;
496 @include disabled-button;
501 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
502 padding: .25em .25em .25em 25px;
514 vertical-align: middle;
530 // Permissions Labels
558 .members-update-table {
564 border-bottom: 1px solid #EEE;
565 list-style-image: url("../img/arrow-bullet.gif");
569 text-decoration: none;
586 margin-bottom: $language-footer-min-height * 1.5;
600 list-style-type: disc;
610 list-style-type: circle;
618 font-family: $font-main;
653 // For Font Awesome icon bullets
656 list-style-type: none;
679 border-bottom: 1px solid #E8E8E8;
680 list-style-type: none;
686 border-right: 1px solid #E8E8E8;
698 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
699 display: inline-block;
704 border-top: 1px solid #E8E8E8;
716 .highlighted-row td {
717 background-color: #FFD000 !important;
721 .warned-row td { background-color: #FF9000 !important }
724 .high-warned-row td { background-color: #FF0000 !important }
730 background-color: #F3F3F3;
731 border: 1px solid #BCBCBC;
732 border-right: 1px solid #BCBCBC;
761 background-color: #F6F6F6;
762 border-color: #BCBCBC;
767 background-color: #DDDDDD;
768 border-color: #BCBCBC;
784 background-color: #FFFFE1;
791 background-color: #FFFFCC;
796 background-color: #FFFFCC;
802 background-color: #FFFFCC;
809 background-color: #FFFFCC;
815 background-color: #EEFFD4;
821 background-color: #E8F0F6;
827 background-color: #FF9090;
832 background-color: #FF9090;
842 background-color: #FFFF99;
850 background-color: #F3F3F3;
863 background-color: #FFFFCC;
870 background-color: #F4F8F9;
871 border: 2px solid #B9D8D9;
873 margin: 1em 1em 1em 0;
883 border-bottom-left-radius: 0;
884 border-bottom-right-radius: 0;
885 border-bottom-width: 0;
890 background-color:#f4f8f9 !important;
894 background-color:#F3F3F3 !important;
898 background-color: transparent;
908 border: 2px solid #B9D8D9;
930 &[aria-disabled="true"] {
951 list-style-type: none;
965 border: 2px solid #B9D8D9;
975 background-color: transparent;
988 margin: 1em 0 0 11em;
999 padding-bottom: .4em;
1010 &.ui-accordion-content {
1011 border-top-left-radius: 0;
1012 border-top-right-radius: 0;
1023 background-color: #FFFFFF;
1034 margin-bottom: .4em;
1035 margin-left: 10.5em;
1059 display: inline-block;
1080 list-style-type: none;
1081 padding-bottom: 1em;
1084 &[aria-disabled="true"] {
1111 list-style-type: none;
1120 vertical-align: middle;
1141 margin: 1em 0 1em 1em;
1157 margin: 1em 0 1em 1em;
1167 font-weight: normal;
1175 margin: 1em 0 0 11em;
1198 margin-bottom: .4em;
1236 background-color: #FFFFFF;
1237 border: 2px solid #B9D8D9;
1251 display: inline-block;
1252 font-family: FontAwesome;
1256 &.checkouts-by-itemtype {
1258 display: inline-block;
1274 background-color: rgba(185, 216, 217, .6);
1282 background-color: #E6F0F2;
1286 padding: .2em .5em .4em 10px;
1295 background: #E6F0F2;
1304 > .container-fluid {
1311 background-color: transparent;
1321 margin-bottom: .3em;
1322 padding: 0 .4em .4em;
1340 text-align: justify;
1344 background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1345 border: 1px solid #BCBCBC;
1361 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1362 border: 1px solid #BCBCBC;
1375 // Tools > automatic_item_modification_by_age
1380 &[class$="_table_controls"] {
1389 background-color: #F4F8F9;
1390 border: 2px solid #B9D8D9;
1397 border: 2px solid #BCDB89;
1398 border-bottom-left-radius: 5px;
1399 border-bottom-right-radius: 5px;
1421 margin: .2em 0 .2em .4em;
1450 border-bottom: 1px solid #EEE;
1453 list-style-type: none;
1459 list-style-type: none;
1460 padding: .5em 1em 0 0;
1491 text-decoration: none;
1495 background-color: #EEEEEE;
1501 background-color: #FFC;
1507 background-color: #E6FCB7;
1514 background-color: #F3F3F3;
1527 background-position: .5em .5em;
1528 background-repeat: no-repeat;
1530 margin: .3em 0 .5em;
1543 border-bottom: 1px solid #85CA11;
1554 &.ui-state-default {
1555 background: transparent none;
1565 background-color: #FFFFF1;
1566 border: 1px solid #85CA11;
1567 border-top-width: 0;
1571 text-decoration: none;
1579 border-radius: 0 0 4px 4px;
1607 border: 1px solid #B9D8D9;
1617 white-space: nowrap;
1621 font-family: $font-monospace;
1631 font-weight: normal;
1638 background-color: #EDF4F6;
1639 border: 1px solid #E6F0F2;
1640 border-radius: 5px 5px 0 0;
1666 border-right: 1px solid #B9D8D9;
1668 padding-bottom: .5em;
1669 padding-left: -.5em;
1680 border-right: 1px solid #B9D8D9;
1686 list-style-type: none;
1698 background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1699 border: 1px solid #CCCCCC;
1701 margin: .3em 0 .3em .3em;
1708 border: 1px solid #CCCCCC;
1709 margin: .3em 0 .3em .3em;
1715 border-right: 1px solid #000;
1716 border-top: 1px solid #000;
1717 margin-bottom: .5em;
1817 margin-left: 10.5em;
1863 white-space: normal;
1872 .subfield_not_filled {
1873 background-color: #FFFF99;
1878 visibility: hidden; // you propably don't need to change this one
1881 // the property for the displayed tab
1884 visibility: visible; // you propably don't need to change this one
1894 #z3950_search_targets {
1899 #z3950_search_targets_acq {
1913 background-color: #90EE90;
1917 background-color: #FF0000;
1920 // Font Awesome icons
1940 vertical-align: middle;
1945 font-weight: normal;
1949 .checkout-settings {
1950 background-color: #F4F8F9;
1952 border-top: 2px solid #B9D8D9;
1960 #show-checkout-settings {
1968 .inaccurate-item-statuses {
1974 list-style: url("../img/arrow-bullet.gif");
1975 margin-bottom: .2em;
1979 #circ_needsconfirmation {
1984 border: 1px solid #BCBCBC;
1993 display: inline-block;
1999 background: #FFF none;
2000 border: 1px outset #999999;
2001 border-left-color: #666;
2002 border-top-color: #666;
2005 white-space: pre-line;
2008 border: 1px inset #999999;
2012 background-color: #FFC;
2024 background-color: #FFFFFF;
2025 border: 1px solid #BCBCBC;
2027 padding: .4em .4em .4em 25px;
2030 background-color: #FFC;
2034 background: #FFF none;
2039 list-style-position: inside;
2056 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
2057 border: 1px solid #E0C726;
2066 // Redefine a new style for Bootstrap's class "close" since we use that already
2067 // Use <a class="closebtn" href="#">×</a>
2102 text-decoration: underline;
2106 background-color: #FFFFCC;
2110 background-color: #FFC;
2114 // style for shelving location in catalogsearch
2121 border-right: 1px solid #B9D8D9;
2123 padding-bottom: 2em;
2128 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2129 border: 1px solid #B9D8D9;
2130 border-bottom-left-radius: 5px;
2131 border-top-left-radius: 5px;
2137 text-decoration: none;
2140 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2141 border-bottom: 1px solid #85CA11;
2142 border-left: 1px solid #85CA11;
2143 border-top: 1px solid #85CA11;
2149 background-color: #FFFFFF;
2150 background-image: none;
2151 border-bottom: 1px solid #85CA11;
2152 border-left: 1px solid #85CA11;
2154 border-top: 1px solid #85CA11;
2159 background-color: #FFFFFF;
2168 list-style-type: none;
2175 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2176 margin: .75em .3em .75em .7em;
2182 height: 0 !important;
2186 text-decoration: none;
2202 vertical-align: middle;
2208 text-overflow: ellipsis;
2209 white-space: nowrap;
2217 padding: 0 10px 0 0;
2231 list-style-type: none;
2251 list-style-type: none;
2260 list-style: url("../img/item-bullet.gif");
2265 margin: 3px 5px 3px -5px;
2284 vertical-align: top;
2297 background-color: #E6F0F2;
2298 border: 1px solid #B9D8D9;
2299 border-radius: 5px 5px 0 0;
2301 margin: 0 0 .5em -1px;
2302 padding: .4em 0 .4em 1em;
2319 padding: 5px 5px 3px 0;
2330 padding: 5px 25em 0 0;
2336 border: 1px solid #B9D8D9;
2337 border-radius: 5px 5px 0 0;
2340 background-color: #E6F0F2;
2341 border-bottom: 1px solid #B9D8D9;
2342 border-radius: 5px 5px 0 0;
2355 list-style-type: none;
2362 font-weight: normal;
2375 display: inline-block;
2382 .searchhighlightblob {
2388 background-color: #CCCCCC;
2389 margin-bottom: 10px;
2393 #irregularity_summary {
2394 vertical-align: top;
2404 font-weight: normal;
2427 border: 1px solid #E8E8E8;
2432 .labeledmarc-table {
2436 .labeledmarc-label {
2444 .labeledmarc-value {
2454 font-family: $font-monospace;
2463 background-color: #FFFFFF;
2472 vertical-align: top;
2476 background-color: #FFFFFF;
2480 vertical-align: top;
2481 white-space: nowrap;
2495 @media (max-width: 767px) {
2503 background-color: #FFFFFF;
2504 border: 1px solid #739ACF;
2505 box-shadow: 1px 1px 3px 0 #666;
2516 background: transparent url("../img/cart-small.gif") left center no-repeat;
2524 font-weight: normal;
2540 font-weight: normal;
2548 .child_fund_amount {
2558 background-color: #E4ECF5;
2559 border: 1px solid #A4BEDD;
2563 text-decoration: none;
2566 background-color: #EBEFF7;
2572 border: 1px solid #EEE;
2581 background: #E3E3E3 none;
2588 .import_export_options {
2589 background: #FFFFFF;
2590 border: 1px solid #CDCDCD;
2600 .import_export_options {
2601 background: #E3E3E3 none;
2635 border: 1px solid #BCBCBC;
2643 padding-bottom: 10px;
2667 border-collapse: separate;
2668 border-spacing: 5px;
2673 border: 1px solid #EEE;
2678 #circ_circulation_issue {
2688 background-color: #EEE;
2689 border-radius: 0 0 0 5px;
2694 padding: 0 .7em .2em;
2695 text-decoration: none;
2696 text-shadow: 0 -1px 0 #666;
2705 background-color: #E8E8E8;
2706 border: 1px solid #BCBCBC;
2708 display: inline-block;
2714 vertical-align: middle;
2723 background-color: transparent;
2736 background-color: #FFFFFF;
2737 border: 1px solid #AAAAAA;
2747 #acqui_order_supplierlist {
2750 border: 1px solid #EEEEEE;
2769 margin-bottom: .5em;
2776 margin: 0 0 8px 8px;
2783 // Override core jQueryUI widgets
2784 .ui-widget-content {
2785 background: #FFFFFF none;
2786 border: 1px solid #B9D8D9;
2791 background: #E6F0F2 none;
2792 border: 1px solid #B9D8D9;
2798 .ui-widget-content .ui-state-default,
2799 .ui-widget-header .ui-state-default {
2800 background: #F4F8F9 none;
2801 border: 1px solid #B9D8D9;
2803 font-weight: normal;
2807 .ui-widget-content .ui-state-hover,
2808 .ui-widget-header .ui-state-hover,
2810 .ui-widget-content .ui-state-focus,
2811 .ui-widget-header .ui-state-focus {
2812 background: #E6F0F2 none;
2813 border: 1px solid #B9D8D9;
2815 font-weight: normal;
2819 .ui-widget-content .ui-state-active,
2820 .ui-widget-header .ui-state-active {
2821 background: #FFFFFF none;
2822 border: 1px solid #AAAAAA;
2824 font-weight: normal;
2827 .ui-state-highlight,
2828 .ui-widget-content .ui-state-highlight,
2829 .ui-widget-header .ui-state-highlight {
2830 background: #FFF4C6;
2831 border: 1px solid #FED22F;
2836 .ui-widget-content .ui-state-error,
2837 .ui-widget-header .ui-state-error {
2838 background: #FEF1EC;
2839 border: 1px solid #CD0A0A;
2843 // Override jQuery Autocomplete
2845 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2849 &.ui-widget-content {
2851 background: #E6F0F2 none;
2852 border: 1px solid #B9D8D9;
2854 font-weight: normal;
2859 .ui-autocomplete-loading {
2860 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2863 // jQuery UI standard tabs
2876 background: none repeat scroll 0 0 transparent;
2880 &.ui-widget-header {
2889 background: #E6F0F2 none;
2890 border: 1px solid #B9D8D9;
2895 background-color: #FFFFFF;
2896 border: 1px solid #B9D8D9;
2897 border-bottom-width: 0;
2905 background: #FFF none;
2909 &.ui-state-default {
2911 background: #EDF4F5 none;
2918 border: 1px solid #B9D8D9;
2921 &.ui-widget-content {
2922 background: transparent none;
2951 font-family: inherit;
2958 font-family: inherit;
2965 background: none repeat scroll 0 0 transparent;
2967 border-bottom-left-radius: 4px;
2968 border-bottom-right-radius: 4px;
2969 border-top-left-radius: 4px;
2970 border-top-right-radius: 4px;
2975 list-style: none outside none;
2978 padding: .2em .2em 0;
2979 text-decoration: none;
2992 background: none repeat scroll 0 0 #E6F0F2;
2993 border: 1px solid #B9D8D9;
2994 border-bottom: 0 none;
2995 border-top-left-radius: 4px;
2996 border-top-right-radius: 4px;
2999 font-weight: normal;
3000 list-style: none outside none;
3006 white-space: nowrap;
3009 background-color: #FFFFFF;
3011 font-weight: normal;
3012 padding-bottom: 1px;
3015 background: none repeat scroll 0 0 transparent;
3029 text-decoration: none;
3032 background-color: #EDF4F5;
3033 border-top-left-radius: 4px;
3034 border-top-right-radius: 4px;
3042 background: none repeat scroll 0 0 transparent;
3043 border: 1px solid #B9D8D9;
3044 border-bottom-left-radius: 4px;
3045 border-bottom-right-radius: 4px;
3067 .authorizedheading {
3073 .authres_otherscript {
3114 font-weight: normal;
3115 text-decoration: underline;
3124 #didyoumeanintranet {
3130 padding-bottom: 10px;
3134 margin: 0 1em 1em 0;
3138 background-color: #E6F0F2;
3141 padding-bottom: 4px;
3153 .ui-sortable-placeholder {
3154 border: 1px dotted #000;
3156 visibility: visible;
3163 // jQuery UI Datepicker
3165 box-shadow: 1px 1px 3px 0 #666;
3169 border-collapse: collapse;
3176 background: transparent none;
3184 .ui-datepicker-trigger {
3186 vertical-align: middle;
3189 // css for timepicker
3190 .ui-timepicker-div {
3195 margin: 0 10px 10px 65px;
3200 margin-bottom: -25px;
3213 .ui-tpicker-grid-label {
3221 .ui_tpicker_millisec,
3222 .ui_tpicker_microsec {
3226 // jQuery UI Accordion
3227 .ui-accordion-header,
3228 .ui-widget-content .ui-accordion-header {
3237 // Bootstrap overrides
3240 border-color: #ADADAD #ADADAD #949494;
3241 font-family: $font-main;
3249 .btn-group-xs > .btn {
3256 border-top-width: 1px;
3267 border-color: rgba(0, 0, 0, .2);
3272 list-style: none outside none;
3281 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
3282 background-repeat: repeat-x;
3284 text-decoration: none;
3296 list-style: none outside none;
3313 &.open > .dropdown-toggle:focus,
3314 &.active > .dropdown-toggle:focus,
3315 &.open.active > .dropdown-toggle:focus {
3316 background: #E6F0F2 none;
3327 min-height: $language-footer-min-height;
3354 .navbar-static-top {
3356 background: #E6F0F2 none;
3364 .navbar-fixed-bottom {
3371 border-right: 1px solid #CCC;
3374 font-weight: normal;
3382 line-height: normal;
3391 border-bottom-color: #EEE;
3395 background-color: #FFFFFF;
3396 border: 1px solid rgba(0, 0, 0, .2);
3397 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3414 font-weight: normal;
3450 &[type="checkbox"] {
3465 filter: alpha(opacity = 20);
3471 text-shadow: 0 1px 0 #FFFFFF;
3477 filter: alpha(opacity = 50);
3479 text-decoration: none;
3484 background-color: #FFF;
3489 background-color: #EDF4F6;
3500 white-space: pre-wrap;
3504 background-color: transparent;
3510 line-height: inherit;
3513 word-break: break-all;
3514 word-wrap: break-word;
3518 background-color: transparent;
3525 .pagination > li > a,
3526 .pagination > li > span {
3530 // End Bootstrap overrides
3547 background: url("../img/progress.png") -300px 0 no-repeat;
3548 border: 1px solid #666;
3549 display: inline-block;
3555 border: 2px solid #EEE;
3568 white-space: normal;
3573 vertical-align: middle;
3577 background-color: #EBF3FF;
3583 white-space: nowrap;
3586 background-color: #CCE0FC;
3594 &[type="password"] {
3595 font-family: $font-monospace;
3602 // Class to be added to toolbar when it starts being fixed at the top of the screen
3605 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3613 white-space: nowrap;
3617 background: transparent url("../img/edit-tag.png") top left no-repeat;
3624 white-space: nowrap;
3631 padding-bottom: 1em;
3635 #browse-return-to-results {
3636 border-top-left-radius: 3px;
3637 border-top-right-radius: 3px;
3644 display: inline-block;
3648 background: #FAFAFA;
3654 background: #FAFAFA;
3674 font-weight: normal;
3685 .result-biblio-itemtype {
3701 border: 1px solid #B9D8D9;
3705 background-color: #E8F0F6;
3706 border-top-left-radius: 5px;
3707 border-top-right-radius: 5px;
3711 border-bottom-left-radius: 5px;
3712 border-bottom-right-radius: 5px;
3713 border-top-width: 0;
3717 border-bottom-left-radius: 5px;
3718 border-right: 1px solid #B9D8D9;
3723 border-bottom-right-radius: 5px;
3724 border-top-width: 0;
3730 background-color: #FFFFFF;
3741 background: transparent url("../img/loading.gif") top left no-repeat;
3746 margin: -1em 0 0 -2.5em;
3767 background-color: #FFFFCC;
3799 .sublanguage-selected {
3806 .onsite_checkout-select {
3808 #circ_circulation_issue & {
3810 font-weight: normal;
3818 .onsite-checkout-only {
3819 background-color: rgba(255, 242, 206, .5);
3820 border: 1px solid #FFF2CE;
3825 background-color: #FFFFFF;
3826 border: 1px solid #B9D8D9;
3828 display: table-cell;
3846 #cn_browser_table_wrapper > #cn_browser_table {
3852 background-color: #F4F8F9;
3853 border: 2px solid #B9D8D9;
3862 margin-bottom: .3em;
3871 text-decoration: underline;
3875 text-decoration: overline;
3887 margin-bottom: 10px;
3896 background-color: #FFF;
3897 border: 1px solid #A4BEDD;
3908 #patron_list_dialog,
3920 #fixedlengthbuilderaction {
3921 border: 3px solid #E6F0F2;
3935 background: #E6F0F2 none;
3942 &.navbar-fixed-bottom {
3948 background: transparent none;
3957 #interlibraryloans {
3969 margin-bottom: 20px;
4011 transform: translateY(-50%);
4019 display: inline-block;
4023 #requestattributes {
4024 font-family: monospace;
4029 width: 100% !important;
4034 margin: 30px 0 10px 0;
4040 margin-bottom: 20px;
4047 #catalog_stockrotation .highlight_stage {
4064 #stage_form fieldset, #add_rota_item_form fieldset {
4072 list-style-type: none;
4077 #catalog_stockrotation {
4079 vertical-align: middle;
4082 margin-bottom: 20px;
4086 #stockrotation td.actions, #catalog_stockrotation td.actions {
4087 vertical-align: middle;
4090 #stockrotation .stage, #catalog_stockrotation .stage {
4091 display: inline-block;
4093 margin: 3px 0 3px 0;
4095 background-color: rgba(0, 0, 0, 0.1);
4098 #stage_list_headings {
4118 display: inline-block;
4122 display: inline-block;
4125 display: inline-block;
4128 background-color: #F3F3F3;
4136 border: 1px dotted #aaa;
4139 display: inline-block;
4142 display: inline-block;
4143 border: 1px solid #bcbcbc;
4147 background: #f3f3f3;
4149 #manage_stages_help {
4160 #logged-in-info-full {
4164 .loggedin-menu-label {
4167 line-height: 1.42857143;
4169 white-space: nowrap;
4182 background-color: #E6F0F2;
4183 border: 1px solid #95C6D0;
4184 box-shadow: 1px 1px 1px 0 #999;
4187 padding: .3em .5em .3em .5em;
4191 border-radius: 5px 0px 0px 5px;
4195 #lastborrower-remove {
4196 border-radius: 0px 5px 5px 0px;
4201 #lastborrower-window {
4208 /* ==== MODULE LINKS - Start ==== */
4210 // List containing the module links
4211 margin-bottom: 30px;
4215 // Standard attributes for the list elements
4216 list-style-type: none;
4220 // Class used for each module link
4221 background-color: #F4F8F9;
4222 background-position: 5px 3px;
4223 background-repeat: no-repeat;
4224 border: 2px solid #B9D8D9;
4226 box-sizing: content-box;
4234 text-decoration: none;
4237 // Class used for each module link hover state
4238 border-color: #538200;
4247 border-bottom: 1px solid #B9D8D9;
4262 // ==== MODULE LINKS - End ====
4264 #catalog-search-link {
4265 border-right: 1px solid lighten( #E6F0F2, 15% );
4266 padding-right: .3em;
4269 #catalog-search-dropdown {
4273 border-left: 1px solid darken( #B4D2D8, 5% );
4278 &.catalog-search-dropdown-hover {
4279 background-color: darken( #E6F0F2, 5% );
4280 border-left: 1px solid darken( #B4D2D8, 15% );
4289 .adlibris-cover-big {
4302 @media (min-width: 200px) {
4308 float: right !important;
4309 margin-right: -15px;
4318 background-color: #FFF;
4319 border: 1px solid rgba(0, 0, 0, .15);
4320 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
4325 &.dropdown-menu-left {
4330 &.dropdown-menu-right {
4345 background-color: #0081C2;
4346 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
4347 background-repeat: repeat-x;
4349 text-decoration: none;
4359 @media (min-width: 800px) {
4370 #logged-in-info-full {
4374 #logged-in-info-brief {
4378 .loggedin-menu-label {
4383 div#makechart ol li {