24 .dropdown-toggle::after {
30 .nav-item .login-link {
77 @include cartRemove();
107 text-decoration: none;
111 &.reviewlink:visited {
114 text-decoration: none;
118 vertical-align: middle;
167 background-color: #FFF;
182 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
188 background: transparent none;
200 background-color: #FFFFE5;
222 background-color: #E2E8E8;
229 background-color: transparent;
250 display: inline-block;
276 .advanced-search-terms {
279 grid-template-columns: 25% 35% 35% 5%;
296 border: 1px solid #D8D8D8;
332 @include border-radius-all( 3px );
334 background-color: $base-theme-color;
337 font-family: NotoSans;
346 display: inline-block;
347 margin: .2rem .2rem .2rem 0;
360 text-decoration: none;
376 padding-bottom: .6rem;
389 text-decoration: underline;
401 border: 1px solid #EEE;
402 border-right-color: #FCF9FC;
421 display: inline-block;
455 border: 1px solid #DDD;
468 border-bottom: 1px solid #EEE;
472 padding-bottom: .5em;
483 text-decoration: none;
489 background: rgb( 240, 109, 52 ) none;
494 text-shadow: 1px 0 1px rgba( 0, 0, 0, .25 );
502 .form-control-filtered {
503 background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-funnel-fill'%3E%3Cpath d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z' fill='%23acacac'/%3E%3C/svg%3E" );
504 background-position-x: 6px;
505 background-position-y: center;
506 background-repeat: no-repeat;
507 padding-left: 1.7rem;
524 color: darken( $links, 5% );
569 /* Override Bootstrap alert */
571 /* Redefine a new style for Bootstrap's class "close" since we use that already */
573 /* Use <a class="closebtn" href="#">×</a> */
583 /* Add style for Bootstrap dropdown-header class */
585 border-top: 1px solid #EEE;
599 background-image: none;
600 box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, .25 );
606 background-color: #F0F3F3;
609 list-style: none outside none;
614 color: darken( $links, 5% );
617 display: inline-block;
627 background: transparent url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' %3E%3Cpath fill-rule='evenodd' d='M7.37 0l5.35 7.3c.2.2.2.51 0 .7l-5.38 8h-4.2l5.64-8.35L3.13.01z'/%3E%3C/svg%3E" ) 50% 50% no-repeat;
628 background-size: 8px;
630 display: inline-block;
644 text-decoration: none;
655 color: $high-contrast-grey;
666 .table-striped tbody > tr:nth-child( odd ) > td,
667 .table-striped tbody > tr:nth-child( odd ) > th {
668 background-color: #F0F3F3;
671 color: darken( $links, 5% );
680 @include cartRemove();
688 color: darken( $links, 5% );
693 #availability_facet {
697 #facet-holdings-library {
702 background-color: #F0F3F3;
703 border: 1px solid #F0F3F3;
707 background-color: #F0F3F3;
716 @include border-radius-all( 3px );
718 background-color: #FFF;
719 border: 1px solid #AAA;
744 #biblio-cover-slider {
745 background-color: #FFF;
746 border: 1px solid #B9D8D9;
748 margin: 0 1em .5em 0;
750 padding: 10px 5px 5px 5px;
754 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
780 .custom_cover_image {
787 display: inline-block;
826 list-style-type: none;
828 padding: .5em 1em 0 0;
838 border-bottom: 1px solid #EEE;
841 list-style-type: none;
842 padding-bottom: .2em;
868 background-color: transparent;
877 background-color: #999999;
880 display: inline-block;
883 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
887 background-color: #B94A48;
891 background-color: #F89406;
895 background-color: #468847;
899 background-color: #3A87AD;
903 background-color: #333333;
921 display: inline-block;
936 label.checkbox-label {
969 list-style-type: none;
970 padding: 1em 1em 0 1em;
990 list-style-type: none;
1019 margin-bottom: 10px;
1029 padding: 1em 0 .3em;
1051 /* different sizes for different tags in opac-tags.tt */
1094 background-color: #EEEEEE;
1095 border: 1px solid #E8E8E8;
1097 padding: 3px 3px 5px 5px;
1098 vertical-align: middle;
1104 white-space: nowrap;
1134 padding: 7px 5px 9px 9px;
1145 display: inline-block;
1146 font-weight: normal;
1148 text-shadow: 1px 1px 0 #FFF;
1156 display: inline-block;
1157 font-weight: normal;
1159 text-shadow: 1px 1px 0 #FFF;
1163 .selections-toolbar {
1164 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1165 border-bottom: none;
1173 > div:first-child::before {
1214 color: $high-contrast-grey;
1218 font-weight: normal;
1228 display: inline-block;
1244 margin-bottom: .5em;
1245 padding: 0 2em .2em .2em;
1249 background-color: #F0F3F3;
1250 border: 1px solid #C9C9C9;
1253 display: inline-block;
1258 display: inline-block;
1261 font-weight: normal;
1266 text-decoration: none;
1267 vertical-align: middle;
1271 #bibliodescriptions,
1278 background-color: #FFF;
1282 .results-pagination {
1283 background-color: #F3F3F3;
1285 padding-bottom: 10px;
1296 background: none !important;
1297 color: #999 !important;
1308 border-top: 1px solid #DDDDDD;
1315 background-color: #DDDDDD;
1327 padding-right: 10px;
1333 .pagination_footer {
1334 background-color: #E1E1E1;
1343 background-color: #E1E1E1;
1352 border: 1px solid #D0D0D0;
1361 display: inline-block;
1363 text-decoration: none;
1367 background-color: #F3F3F3;
1368 border-top: 1px solid #D0D0D0;
1371 white-space: nowrap;
1381 border-left: 1px solid #D0D0D0;
1382 border-right: 1px solid #D0D0D0;
1388 background-color: #F3F3F3;
1390 font-weight: normal;
1404 display: inline-block;
1406 font-weight: normal;
1411 background-color: #999999;
1414 font-weight: normal;
1416 text-decoration: none;
1419 background-color: #006699;
1425 background-color: #616161;
1436 list-style-type: none;
1454 background-color: #F0F3F3;
1460 [aria-current="page"] {
1463 text-decoration: none;
1474 border-top: 1px solid #DDD;
1478 display: inline-block;
1490 text-decoration: underline;
1496 /* action buttons */
1498 background-color: #F5F5F5;
1499 border: 1px solid #E8E8E8;
1508 color: darken( $links, 5% );
1511 text-decoration: none;
1516 #moresearches_menu {
1522 font-weight: normal;
1531 border-bottom: 1px solid #EEE;
1539 padding: .25rem 1.5rem;
1540 text-align: inherit;
1541 white-space: nowrap;
1568 .tag_results_input input {
1572 .branch-info-tooltip {
1580 border: 1px solid transparent;
1582 display: inline-block;
1590 border: 1px solid #EEE;
1623 background-color: transparent;
1634 padding-bottom: .6em;
1642 padding-bottom: .6em;
1666 border: 1px solid #EEE;
1678 font-family: monospace;
1684 background-color: #FFF;
1688 vertical-align: top;
1689 white-space: nowrap;
1695 vertical-align: top;
1726 .authstanzaheading {
1730 .authorizedheading {
1736 .authres_otherscript {
1749 @include border-radius-all( 3px );
1751 background-color: #EEE;
1752 border: 1px solid #E8E8E8;
1753 box-sizing: border-box;
1759 background-color: #FFFBEA;
1760 border-color: #F4ECBE;
1769 display: inline-block;
1774 padding-left: .25em;
1782 font-weight: normal;
1783 text-decoration: underline;
1787 background: transparent none;
1793 background: transparent none;
1802 background-color: #FFF;
1803 border: 1px solid rgba( 0, 0, 0, .2 );
1805 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1820 white-space: nowrap;
1824 border: 1px solid #D2D2CF;
1841 background-color: #F0F3F3;
1842 border-bottom: 1px solid #D8D8D8;
1856 list-style-type: none;
1860 font-weight: normal;
1875 font-weight: normal;
1879 display: inline-block;
1891 list-style-type: none;
1895 border-bottom-width: 1px;
1901 background-color: #FFF;
1902 border-top: 1px solid #999;
1907 background-color: #F0F3F3;
1908 border: 1px solid #D8D8D8;
1909 border-bottom-width: 0;
1910 color: darken( $links, 5% );
1914 text-decoration: none;
1920 display: inline-block;
1924 /* Search results add to cart (lists disabled) */
1929 padding: 0 0 .6em 0;
1937 @include border-radius-all( 3px );
1940 background-color: rgba( 255, 255, 204, .4 );
1941 border: 1px solid #CCC;
1942 display: inline-block;
1947 background-color: rgba( 239, 254, 213, .4 );
1957 .commentline .avatar {
1962 /* style for search terms in catalogsearch */
1965 background-color: #FFFFCC;
1969 /* style for shelving location in catalogsearch */
1977 padding: 0 .2em 0 .5em;
1978 text-shadow: 1px 1px 0 #FFF;
1982 border-bottom-left-radius: 3px;
1983 border-top-left-radius: 3px;
1988 border-bottom-right-radius: 3px;
1989 border-top-right-radius: 3px;
1990 border-width: 1px 1px 1px 0;
1993 %page-middle-child {
1994 background-color: #FFFFFF;
1995 border-color: #DDDDDD;
1997 border-style: solid;
1998 border-width: 1px 1px 1px 0;
2003 text-decoration: none;
2011 @extend %page-first-child;
2015 @extend %page-last-child;
2020 @extend %page-middle-child;
2023 @extend %page-first-child;
2027 @extend %page-last-child;
2032 @extend %page-middle-child;
2034 background-color: #F5F5F5;
2038 @extend %page-middle-child;
2042 border-bottom-right-radius: 3px;
2043 border-top-right-radius: 3px;
2048 @include border-radius-all( 3px );
2050 background-color: #FFF0B1;
2051 display: inline-block;
2058 white-space: nowrap;
2067 box-sizing: border-box;
2077 transition: background-color .5s ease;
2080 background: #77B50F none;
2106 #nologininstructions {
2110 .registration-label {
2111 display: inline-block;
2116 .registration-value {
2117 background-color: #EBF8FF;
2119 display: inline-block;
2120 font-family: monospace;
2134 margin-bottom: .5em;
2145 .ItemSummary .LabelCallNumber::before {
2149 .ItemSummary .CallNumber::after {
2171 background-color: #F0F3F3;
2172 border: 1px solid #F0F3F3;
2173 color: $high-contrast-grey;
2183 #user-menu-trigger {
2192 border-bottom-color: #999999;
2193 border-top-color: #999999;
2198 /* Class to be added to toolbar when it starts being fixed at the top of the screen */
2200 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2210 #ulactioncontainer {
2224 .thumbnail-shelfbrowser span {
2231 thead:first-child tr:first-child > th {
2241 tbody:last-child tr:last-child > td {
2255 display: inline-block;
2273 vertical-align: middle;
2277 border-bottom: 1px solid #EEE;
2278 list-style-type: none;
2284 list-style-type: none;
2291 #openlibrary-results {
2297 vertical-align: middle;
2300 #overdrive-results-list .star-rating-control {
2306 table-layout: fixed;
2309 overflow-wrap: break-word;
2333 vertical-align: middle;
2342 text-decoration: none;
2344 &.shelfbrowser_cover {
2345 display: inline-block;
2353 transform: rotate( -90deg );
2354 white-space: nowrap;
2364 transform: rotate( 90deg );
2365 white-space: nowrap;
2380 border-bottom: 1px solid #CCC;
2382 margin-bottom: .5em;
2383 padding: 0 1em 1em 1em;
2404 .toggle-hold-options {
2405 background-color: #EEE;
2417 #idreambooksreadometer {
2421 .idreambookslegend {
2425 .idreambookssummary {
2428 text-decoration: none;
2432 vertical-align: middle;
2444 vertical-align: middle;
2450 text-decoration: none;
2488 :first-child:not( .term )::before {
2508 box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 204, 0, 0, .6 );
2521 .illrequest-actions {
2522 margin-bottom: 20px;
2531 #illrequests-create-button {
2532 margin-bottom: 20px;
2542 transform: translateY( -50% );
2546 #freeform-fields .custom-name {
2553 .dropdown:hover .dropdown-menu.nojs {
2557 div.rows span.label {
2560 text-align: inherit;
2564 #ill-supplier-metadata {
2567 flex-flow: column nowrap;
2570 div[class^="requestattr-"] {
2572 flex-flow: row nowrap;
2576 &:nth-of-type( even ) {
2577 background-color: #F2F2F2;
2580 &:nth-of-type( odd ) {
2581 background-color: #FFFFFF;
2585 #ill-supplier-metadata > div > span {
2588 flex-flow: row nowrap;
2593 .ill_availability_sourcename {
2597 #continue-request-row {
2602 border: 1px solid #DDDDDD;
2603 border-radius: 10px;
2616 color: #FFF !important;
2622 background-color: $base;
2625 display: inline-block;
2630 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2633 background-color: lighten( $base, 20% );
2637 .user_overdues_count,
2639 background-color: #990000;
2642 background-color: lighten( #990000, 10% );
2646 .user_holds_waiting_count {
2647 background-color: #538200;
2650 background-color: lighten( #538200, 10% );
2655 border: 1px solid #EAEAE6;
2657 padding-bottom: .5em;
2660 background-color: #E2E8E8;
2661 color: $high-contrast-grey;
2669 list-style-type: none;
2681 /* jQuery Bar Rating plugin for star ratings */
2683 $star-default: #D2D2D2;
2684 $star-active: #C24A4A;
2685 $star-selected: #EDB867;
2688 display: inline-block;
2691 .br-theme-fontawesome-stars {
2694 white-space: nowrap;
2697 font: normal normal normal 20px/1 "Font Awesome 6 Free";
2698 -webkit-font-smoothing: antialiased;
2700 text-decoration: none;
2701 text-rendering: auto;
2704 color: $star-default;
2710 color: $star-active;
2716 color: $star-selected;
2721 .br-current-rating {
2733 #cancel_rating_text {
2740 .br-theme-fontawesome-stars {
2749 &.br-selected::after {
2758 /* END jQuery Bar Rating plugin for star ratings */
2769 /* opac browse search */
2771 #browse-resultswrapper {
2775 #browse-searchfuzziness {
2779 #browse-searchresults,
2780 #browse-selectionsearch {
2781 border: 1px solid #E3E3E3;
2787 #browse-selectionsearch p.subjects {
2792 #browse-selectionsearch h4 {
2796 #browse-suggestionserror {
2817 margin-bottom: .4rem;
2821 /* end browse search */
2823 /* Skip to content link. CSS adapted from https://webaim.org/ */
2825 background: #C60000;
2826 border: 1px solid #FFF;
2827 border-radius: 0 0 4px 0;
2828 border-width: 0 1px 1px 0;
2833 text-decoration: none;
2834 text-shadow: 0 -1px 0 rgba( 58, 0, 0, .75 );
2836 transition: top .5s ease-out;
2841 outline-color: transparent;
2844 transition: top .1s ease-in;
2854 padding: .75rem 1.25rem;
2856 &[aria-expanded="true"] { font-weight: bold; }
2857 &[aria-expanded="false"] { font-weight: normal; }
2860 background-color: rgba( 255, 255, 204, .8 );
2861 text-decoration: none;
2868 border-top: 1px solid #888;
2874 margin-bottom: 1rem;
2878 background-color: #FFF;
2879 border: 1px solid #AAA;
2880 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2889 /* Cookie consent bar */
2897 background: rgba(0,0,0,0.7);
2898 color: rgba(255,255,255,0.9);
2907 button:not(:last-child) {
2912 /* Cookie consent modal */
2913 #cookieConsentModal {
2919 align-items: center;
2920 border: 1px solid #ccc;
2924 .consentModalItem:not(:last-child) {
2925 margin-bottom: 20px;
2927 .consentItemCheckbox {
2928 padding-right: 20px;
2933 #cookieConsentPopupText {
2938 #viewCookieConsents {
2942 #patronconsents h2 {
2947 @import "responsive";