1 @import url("../../lib/yui/reset-fonts-grids.css") screen;
3 $font-main: Arial, Verdana, Helvetica, sans-serif;
4 $font-monospace: "Courier New", Courier, monospace;
6 @mixin default-button {
7 background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%); /* W3C */
8 border: 1px outset #999999;
9 border-left-color: #666;
10 border-top-color: #666;
15 @mixin disabled-button {
16 background: #EEE none;
17 border: 1px solid #C0C0C0;
23 color: #FFFFFF; /* Safari and Opera */
30 text-decoration: none;
35 text-decoration: none;
46 text-decoration: none;
86 background-image: url("../img/famfamfam/silk/page_white_excel.png");
103 background: transparent url("../img/pop-up-link.png") center right no-repeat;
112 background-position: left middle;
113 background-repeat: no-repeat;
114 display: inline-block;
125 border: 1px solid #0000CC;
132 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
136 @include default-button;
137 display: inline-block;
140 border: 1px inset #999999;
144 @include disabled-button;
149 text-decoration: underline;
153 background-image: url("../img/famfamfam/silk/page_white_code.png");
229 @include default-button;
232 border: 1px inset #999999;
236 @include disabled-button;
240 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;
302 border-bottom: 1px solid #BCBCBC;
303 border-left: 1px solid #BCBCBC;
308 background-color: #FFFFFF;
317 border-collapse: separate;
321 font-family: $font-monospace;
331 background-color: #FFC;
338 background-color: #E8E8E8;
343 font-family: $font-monospace;
353 font-family: $font-main;
381 margin: .75em .3em .75em .7em;
426 margin: .5em 0 .5em 0;
454 border-color: #538200;
464 vertical-align: middle;
470 border: 1px inset #999999;
477 @include default-button;
480 border: 1px inset #999999;
484 @include disabled-button
489 background-color: #FFFF99;
494 @include default-button;
497 border: 1px inset #999999;
501 @include disabled-button
506 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
507 padding: .25em .25em .25em 25px;
519 vertical-align: middle;
535 /* Permissions Labels */
563 .members-update-table {
569 border-bottom: 1px solid #EEE;
570 list-style-image: url("../img/arrow-bullet.gif");
574 text-decoration: none;
604 list-style-type: disc;
614 list-style-type: circle;
622 font-family: $font-main;
657 /* For Font Awesome icon bullets */
660 list-style-type: none;
683 border-bottom: 1px solid #E8E8E8;
684 list-style-type: none;
690 border-right: 1px solid #E8E8E8;
702 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
703 display: inline-block;
708 border-top: 1px solid #E8E8E8;
713 display: inline-block;
732 .highlighted-row td {
733 background-color: #FFD000 !important;
740 background-color: #F3F3F3;
741 border: 1px solid #BCBCBC;
742 border-right: 1px solid #BCBCBC;
770 background-color: #F6F6F6;
771 border-color: #BCBCBC;
776 background-color: #DDDDDD;
777 border-color: #BCBCBC;
793 background-color: #FFFFE1;
800 background-color: #FFFFCC;
805 background-color: #FFFFCC;
811 background-color: #FFFFCC;
818 background-color: #FFFFCC;
824 background-color: #EEFFD4;
830 background-color: #E8F0F6;
836 background-color: #FF9090;
841 background-color: #FF9090;
851 background-color: #FFFF99;
859 background-color: #F3F3F3;
872 background-color: #FFFFCC;
879 background-color: #F4F8F9;
880 border: 2px solid #B9D8D9;
882 margin: 1em 1em 1em 0;
892 border-bottom-left-radius: 0;
893 border-bottom-right-radius: 0;
894 border-bottom-width: 0;
899 background-color: transparent;
909 border: 2px solid #B9D8D9;
931 &[aria-disabled="true"] {
945 list-style-type: none;
959 border: 2px solid #B9D8D9;
969 background-color: transparent;
982 margin: 1em 0 0 11em;
993 padding-bottom: .4em;
1004 &.ui-accordion-content {
1005 border-top-left-radius: 0;
1006 border-top-right-radius: 0;
1017 background-color: #FFFFFF;
1028 margin-bottom: .4em;
1067 list-style-type: none;
1068 padding-bottom: 1em;
1071 &[aria-disabled="true"] {
1098 list-style-type: none;
1099 padding: 1em 1em 0 1em;
1107 vertical-align: middle;
1128 margin: 1em 0 1em 1em;
1144 margin: 1em 0 1em 1em;
1154 font-weight: normal;
1162 margin: 1em 0 0 11em;
1185 margin-bottom: .4em;
1223 background-color: #FFFFFF;
1224 border: 2px solid #B9D8D9;
1238 display: inline-block;
1239 font-family: FontAwesome;
1243 &.checkouts-by-itemtype {
1245 display: inline-block;
1261 background-color: rgba(185, 216, 217, .6);
1269 background-color: #E6F0F2;
1273 padding: .2em .5em .4em 10px;
1276 #header + #breadcrumbs {
1280 #header > .container-fluid {
1286 background-color: transparent;
1296 margin-bottom: .3em;
1297 padding: 0 .4em .4em .4em;
1305 background-color: #FFFF99;
1306 border: 2px dashed #990000;
1322 text-align: justify;
1326 background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%);
1327 border: 1px solid #BCBCBC;
1343 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */
1344 border: 1px solid #BCBCBC;
1357 /* Tools > automatic_item_modification_by_age */
1362 &[class$="_table_controls"] {
1371 background-color: #F4F8F9;
1372 border: 2px solid #B9D8D9;
1379 border: 2px solid #BCDB89;
1380 border-bottom-left-radius: 5px;
1381 border-bottom-right-radius: 5px;
1403 margin: .2em 0 .2em .4em;
1432 border-bottom: 1px solid #EEE;
1435 list-style-type: none;
1436 padding-bottom: .2em;
1442 list-style-type: none;
1443 padding: .5em 1em 0 0;
1469 padding: 1px 5px 1px 5px;
1470 text-decoration: none;
1474 background-color: #EEEEEE;
1480 background-color: #FFC;
1486 background-color: #E6FCB7;
1489 padding: 1px 5px 1px 5px;
1493 background-color: #F3F3F3;
1496 padding: 1px 5px 1px 5px;
1506 background-position: .5em .5em;
1507 background-repeat: no-repeat;
1509 margin: .3em 0 .5em 0;
1522 border-bottom: 1px solid #85CA11;
1523 padding: 0 0 .2em 0;
1533 &.ui-state-default {
1534 background: transparent none;
1544 background-color: #FFFFF1;
1545 border: 1px solid #85CA11;
1546 border-top-width: 0;
1550 text-decoration: none;
1558 border-radius: 0 0 4px 4px;
1586 border: 1px solid #B9D8D9;
1596 white-space: nowrap;
1600 font-family: $font-monospace;
1610 font-weight: normal;
1617 background-color: #EDF4F6;
1618 border: 1px solid #E6F0F2;
1619 border-radius: 5px 5px 0 0;
1621 padding: 5px 5px 5px 5px;
1645 border-right: 1px solid #B9D8D9;
1647 padding-bottom: .5em;
1648 padding-left: -.5em;
1659 border-right: 1px solid #B9D8D9;
1665 list-style-type: none;
1677 background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1678 border: 1px solid #CCCCCC;
1680 margin: .3em 0 .3em .3em;
1687 border: 1px solid #CCCCCC;
1688 margin: .3em 0 .3em .3em;
1694 border-right: 1px solid #000;
1695 border-top: 1px solid #000;
1696 margin-bottom: .5em;
1697 padding: .5em 0 .5em 0;
1796 margin-left: 10.5em;
1842 white-space: normal;
1851 .subfield_not_filled {
1852 background-color: #FFFF99;
1857 visibility: hidden; /* you propably don't need to change this one */
1860 /* the property for the displayed tab */
1863 visibility: visible; /* you propably don't need to change this one */
1868 /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
1874 #z3950_search_targets {
1879 #z3950_search_targets_acq {
1893 background-color: #90EE90;
1897 background-color: #FF0000;
1900 /* Font Awesome icons */
1920 vertical-align: middle;
1925 font-weight: normal;
1929 .checkout-settings {
1930 background-color: #F4F8F9;
1932 border-top: 2px solid #B9D8D9;
1940 #show-checkout-settings {
1948 .inaccurate-item-statuses {
1954 list-style: url("../img/arrow-bullet.gif");
1955 margin-bottom: .2em;
1959 #circ_needsconfirmation {
1964 border: 1px solid #BCBCBC;
1973 display: inline-block;
1979 background: #FFF none;
1980 border: 1px outset #999999;
1981 border-left-color: #666;
1982 border-top-color: #666;
1985 white-space: pre-line;
1988 border: 1px inset #999999;
1992 background-color: #FFC;
2004 background-color: #FFFFFF;
2005 border: 1px solid #BCBCBC;
2007 padding: .4em .4em .4em 25px;
2010 background-color: #FFC;
2014 background: #FFF none;
2019 list-style-position: inside;
2036 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */
2037 border: 1px solid #E0C726;
2046 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2047 /* Use <a class="closebtn" href="#">×</a> */
2082 text-decoration: underline;
2086 background-color: #FFFFCC;
2090 background-color: #FFC;
2094 /* style for shelving location in catalogsearch */
2101 border-right: 1px solid #B9D8D9;
2103 padding-bottom: 2em;
2108 background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%);
2109 border: 1px solid #B9D8D9;
2110 border-bottom-left-radius: 5px;
2111 border-top-left-radius: 5px;
2117 text-decoration: none;
2120 background: linear-gradient(to bottom, #fafafa 0%, #ffffff 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%);
2121 border-bottom: 1px solid #85CA11;
2122 border-left: 1px solid #85CA11;
2123 border-top: 1px solid #85CA11;
2129 background-color: #FFFFFF;
2130 background-image: none;
2131 border-bottom: 1px solid #85CA11;
2132 border-left: 1px solid #85CA11;
2134 border-top: 1px solid #85CA11;
2139 background-color: #FFFFFF;
2148 list-style-type: none;
2155 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2156 margin: .75em .3em .75em .7em;
2162 height: 0 !important;
2166 text-decoration: none;
2182 vertical-align: middle;
2188 text-overflow: ellipsis;
2189 white-space: nowrap;
2197 padding: 0 10px 0 0;
2211 list-style-type: none;
2231 list-style-type: none;
2240 list-style: url("../img/item-bullet.gif");
2245 margin: 3px 5px 3px -5px;
2264 vertical-align: top;
2277 background-color: #E6F0F2;
2278 border: 1px solid #B9D8D9;
2279 border-radius: 5px 5px 0 0;
2281 margin: 0 0 .5em -1px;
2282 padding: .4em 0 .4em 1em;
2299 padding: 5px 5px 3px 0;
2310 padding: 5px 25em 0 0;
2316 border: 1px solid #B9D8D9;
2317 border-radius: 5px 5px 0 0;
2320 background-color: #E6F0F2;
2321 border-bottom: 1px solid #B9D8D9;
2322 border-radius: 5px 5px 0 0;
2335 list-style-type: none;
2342 font-weight: normal;
2355 display: inline-block;
2362 .searchhighlightblob {
2368 background-color: #CCCCCC;
2369 margin-bottom: 10px;
2373 #irregularity_summary {
2374 vertical-align: top;
2384 font-weight: normal;
2407 border: 1px solid #E8E8E8;
2412 .labeledmarc-table {
2416 .labeledmarc-label {
2424 .labeledmarc-value {
2434 font-family: $font-monospace;
2443 background-color: #FFFFFF;
2452 vertical-align: top;
2456 background-color: #FFFFFF;
2460 vertical-align: top;
2461 white-space: nowrap;
2475 @media (max-width: 767px) {
2483 background-color: #FFFFFF;
2484 border: 1px solid #739ACF;
2485 box-shadow: 1px 1px 3px 0 #666;
2496 background: transparent url("../img/cart-small.gif") left center no-repeat;
2504 font-weight: normal;
2517 padding: 0 0 .5em 0;
2520 font-weight: normal;
2528 .child_fund_amount {
2538 background-color: #E4ECF5;
2539 border: 1px solid #A4BEDD;
2543 text-decoration: none;
2546 background-color: #EBEFF7;
2552 border: 1px solid #EEE;
2561 background: #E3E3E3 none;
2568 .import_export_options {
2569 background: #FFFFFF;
2570 border: 1px solid #CDCDCD;
2580 .import_export_options {
2581 background: #E3E3E3 none;
2615 border: 1px solid #BCBCBC;
2623 padding-bottom: 10px;
2647 border-collapse: separate;
2648 border-spacing: 5px;
2653 border: 1px solid #EEE;
2658 #circ_circulation_issue {
2668 background-color: #EEE;
2669 border-radius: 0 0 0 5px;
2674 padding: 0 .7em .2em .7em;
2675 text-decoration: none;
2676 text-shadow: 0 -1px 0 #666;
2685 background-color: #E8E8E8;
2686 border: 1px solid #BCBCBC;
2688 display: inline-block;
2691 padding: .3em .5em .3em .5em;
2694 vertical-align: middle;
2703 background-color: transparent;
2716 background-color: #FFFFFF;
2717 border: 1px solid #AAAAAA;
2727 #acqui_order_supplierlist {
2730 border: 1px solid #EEEEEE;
2749 margin-bottom: .5em;
2755 .supplier-contact-details {
2760 margin: 0 0 8px 8px;
2767 /* Override core jQueryUI widgets */
2768 .ui-widget-content {
2769 background: #FFFFFF none;
2770 border: 1px solid #B9D8D9;
2775 background: #E6F0F2 none;
2776 border: 1px solid #B9D8D9;
2782 .ui-widget-content .ui-state-default,
2783 .ui-widget-header .ui-state-default {
2784 background: #F4F8F9 none;
2785 border: 1px solid #B9D8D9;
2787 font-weight: normal;
2791 .ui-widget-content .ui-state-hover,
2792 .ui-widget-header .ui-state-hover,
2794 .ui-widget-content .ui-state-focus,
2795 .ui-widget-header .ui-state-focus {
2796 background: #E6F0F2 none;
2797 border: 1px solid #B9D8D9;
2799 font-weight: normal;
2803 .ui-widget-content .ui-state-active,
2804 .ui-widget-header .ui-state-active {
2805 background: #FFFFFF none;
2806 border: 1px solid #AAAAAA;
2808 font-weight: normal;
2811 .ui-state-highlight,
2812 .ui-widget-content .ui-state-highlight,
2813 .ui-widget-header .ui-state-highlight {
2814 background: #FFF4C6;
2815 border: 1px solid #FED22F;
2820 .ui-widget-content .ui-state-error,
2821 .ui-widget-header .ui-state-error {
2822 border: 1px solid #CD0A0A;
2823 background: #FEF1EC;
2827 /* Override jQuery Autocomplete */
2829 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2833 &.ui-widget-content {
2835 background: #E6F0F2 none;
2836 border: 1px solid #B9D8D9;
2838 font-weight: normal;
2843 .ui-autocomplete-loading {
2844 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2847 /* jQuery UI standard tabs */
2860 background: none repeat scroll 0 0 transparent;
2864 &.ui-widget-header {
2873 background: #E6F0F2 none;
2874 border: 1px solid #B9D8D9;
2879 background-color: #FFFFFF;
2880 border: 1px solid #B9D8D9;
2881 border-bottom-width: 0;
2889 background: #FFF none;
2893 &.ui-state-default {
2895 background: #EDF4F5 none;
2902 border: 1px solid #B9D8D9;
2905 &.ui-widget-content {
2906 background: transparent none;
2935 font-family: inherit;
2942 font-family: inherit;
2949 background: none repeat scroll 0 0 transparent;
2951 border-bottom-left-radius: 4px;
2952 border-bottom-right-radius: 4px;
2953 border-top-left-radius: 4px;
2954 border-top-right-radius: 4px;
2959 list-style: none outside none;
2962 padding: .2em .2em 0;
2963 text-decoration: none;
2976 background: none repeat scroll 0 0 #E6F0F2;
2977 border: 1px solid #B9D8D9;
2978 border-bottom: 0 none;
2979 border-top-left-radius: 4px;
2980 border-top-right-radius: 4px;
2983 font-weight: normal;
2984 list-style: none outside none;
2990 white-space: nowrap;
2993 background-color: #FFFFFF;
2995 font-weight: normal;
2996 padding-bottom: 1px;
2999 background: none repeat scroll 0 0 transparent;
3013 text-decoration: none;
3016 background-color: #EDF4F5;
3017 border-top-left-radius: 4px;
3018 border-top-right-radius: 4px;
3026 background: none repeat scroll 0 0 transparent;
3027 border: 1px solid #B9D8D9;
3028 border-bottom-left-radius: 4px;
3029 border-bottom-right-radius: 4px;
3051 .authorizedheading {
3057 .authres_otherscript {
3098 font-weight: normal;
3099 text-decoration: underline;
3108 #didyoumeanintranet {
3114 padding-bottom: 10px;
3118 margin: 0 1em 1em 0;
3122 background-color: #E6F0F2;
3125 padding-bottom: 4px;
3137 .ui-sortable-placeholder {
3138 border: 1px dotted #000;
3140 visibility: visible;
3147 /* jQuery UI Datepicker */
3149 box-shadow: 1px 1px 3px 0 #666;
3153 border-collapse: collapse;
3160 background: transparent none;
3168 .ui-datepicker-trigger {
3170 vertical-align: middle;
3173 /* css for timepicker */
3174 .ui-timepicker-div {
3179 margin: 0 10px 10px 65px;
3184 margin-bottom: -25px;
3197 .ui-tpicker-grid-label {
3205 .ui_tpicker_millisec,
3206 .ui_tpicker_microsec {
3210 /* jQuery UI Accordion */
3211 .ui-accordion-header,
3212 .ui-widget-content .ui-accordion-header {
3221 /* Bootstrap overrides */
3224 border-color: #ADADAD #ADADAD #949494;
3225 font-family: $font-main;
3233 .btn-group-xs > .btn {
3240 border-top-width: 1px;
3251 border-color: rgba(0, 0, 0, .2);
3256 list-style: none outside none;
3263 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
3264 background-repeat: repeat-x;
3266 text-decoration: none;
3278 list-style: none outside none;
3295 &.open > .dropdown-toggle:focus,
3296 &.active > .dropdown-toggle:focus,
3297 &.open.active > .dropdown-toggle:focus {
3298 background: #E6F0F2 none;
3314 background: #E6F0F2;
3346 .navbar-static-top {
3348 background: #E6F0F2 none;
3356 .navbar-fixed-bottom {
3363 border-right: 1px solid #CCC;
3366 font-weight: normal;
3374 line-height: normal;
3383 border-bottom-color: #EEE;
3387 background-color: #FFFFFF;
3388 border: 1px solid rgba(0, 0, 0, .2);
3389 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3406 font-weight: normal;
3442 &[type="checkbox"] {
3457 filter: alpha(opacity=20);
3463 text-shadow: 0 1px 0 #FFFFFF;
3469 filter: alpha(opacity=50);
3471 text-decoration: none;
3476 background-color: #FFF;
3481 background-color : #EDF4F6;
3492 white-space: pre-wrap;
3496 background-color: transparent;
3502 line-height: inherit;
3505 word-break: break-all;
3506 word-wrap: break-word;
3510 background-color: transparent;
3517 .pagination > li > a,
3518 .pagination > li > span {
3522 /* End Bootstrap overrides */
3539 background: url("../img/progress.png") -300px 0 no-repeat;
3540 border: 1px solid #666;
3541 display: inline-block;
3547 border: 2px solid #EEE;
3560 white-space: normal;
3565 vertical-align: middle;
3569 background-color: #EBF3FF;
3575 white-space: nowrap;
3578 background-color: #CCE0FC;
3586 &[type="password"] {
3587 font-family: $font-monospace;
3594 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
3597 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3605 white-space: nowrap;
3609 background: transparent url("../img/edit-tag.png") top left no-repeat;
3616 white-space: nowrap;
3623 padding-bottom: 1em;
3627 #browse-return-to-results {
3628 border-top-left-radius: 3px;
3629 border-top-right-radius: 3px;
3636 display: inline-block;
3640 background: #FAFAFA;
3646 background: #FAFAFA;
3666 font-weight: normal;
3677 .result-biblio-itemtype {
3693 border: 1px solid #B9D8D9;
3697 background-color: #E8F0F6;
3698 border-top-left-radius: 5px;
3699 border-top-right-radius: 5px;
3703 border-bottom-left-radius: 5px;
3704 border-bottom-right-radius: 5px;
3705 border-top-width: 0;
3709 border-bottom-left-radius: 5px;
3710 border-right: 1px solid #B9D8D9;
3715 border-bottom-right-radius: 5px;
3716 border-top-width: 0;
3722 background-color: #FFFFFF;
3733 background: transparent url("../img/loading.gif") top left no-repeat;
3738 margin: -1em 0 0 -2.5em;
3759 background-color: #FFFFCC;
3791 .sublanguage-selected {
3798 .onsite_checkout-select {
3800 #circ_circulation_issue & {
3802 font-weight: normal;
3810 .onsite-checkout-only {
3811 background-color: rgba(255, 242, 206, .5);
3812 border: 1px solid #FFF2CE;
3817 background-color: #FFFFFF;
3818 border: 1px solid #B9D8D9;
3820 display: table-cell;
3838 #cn_browser_table_wrapper > #cn_browser_table {
3844 background-color: #F4F8F9;
3845 border: 2px solid #B9D8D9;
3854 margin-bottom: .3em;
3863 text-decoration: underline;
3867 text-decoration: overline;
3879 margin-bottom: 10px;
3891 #patron_list_dialog,
3903 #fixedlengthbuilderaction {
3904 border: 3px solid #E6F0F2;
3918 background: #E6F0F2 none;
3925 &.navbar-fixed-bottom {
3931 background: transparent none;
3940 #interlibraryloans {
3950 margin-bottom: 20px;
3965 margin-bottom: 20px;
4007 transform: translateY(-50%);
4015 margin-bottom: 10px;
4019 margin-bottom: 20px;
4023 display: inline-block;
4035 #requestattributes {
4036 font-family: monospace;
4041 width: 100% !important;
4051 #logged-in-info-full {
4055 .loggedin-menu-label {
4058 line-height: 1.42857143;
4060 white-space: nowrap;
4072 /* ==== MODULE LINKS - Start ==== */
4076 /* List containing the module links */
4078 margin-bottom: 30px;
4081 /* Standard attributes for the list elements */
4082 list-style-type:none;
4086 /* Class used for each module link */
4087 background-color: #F4F8F9;
4088 background-position: 5px 3px;
4089 background-repeat: no-repeat;
4090 border: solid 2px #b9d8d9;
4092 box-sizing: content-box;
4100 text-decoration: none;
4103 /* Class used for each module link hover state */
4104 border-color: #538200;
4113 /* ==== MODULE LINKS - End ==== */
4115 @media (min-width: 200px) {
4121 float: right !important;
4122 margin-right: -15px;
4131 background-color: #fff;
4132 border: 1px solid rgba(0, 0, 0, .15);
4133 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
4138 &.dropdown-menu-left {
4143 &.dropdown-menu-right {
4158 background-color: #0081c2;
4159 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
4160 background-repeat: repeat-x;
4162 text-decoration: none;
4172 @media (min-width: 800px) {
4183 #logged-in-info-full {
4187 #logged-in-info-brief {
4191 .loggedin-menu-label {