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;
324 @include border-radius-all( 3px );
326 background-color: $base-theme-color;
329 font-family: NotoSans;
338 display: inline-block;
339 margin: .2rem .2rem .2rem 0;
352 text-decoration: none;
368 padding-bottom: .6rem;
381 text-decoration: underline;
393 border: 1px solid #EEE;
394 border-right-color: #FCF9FC;
413 display: inline-block;
447 border: 1px solid #DDD;
460 border-bottom: 1px solid #EEE;
464 padding-bottom: .5em;
475 text-decoration: none;
481 background: rgb( 240, 109, 52 ) none;
486 text-shadow: 1px 0 1px rgba( 0, 0, 0, .25 );
494 .form-control-filtered {
495 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" );
496 background-position-x: 6px;
497 background-position-y: center;
498 background-repeat: no-repeat;
499 padding-left: 1.7rem;
516 color: darken( $links, 5% );
561 /* Override Bootstrap alert */
563 /* Redefine a new style for Bootstrap's class "close" since we use that already */
565 /* Use <a class="closebtn" href="#">×</a> */
575 /* Add style for Bootstrap dropdown-header class */
577 border-top: 1px solid #EEE;
591 background-image: none;
592 box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, .25 );
598 background-color: #F0F3F3;
601 list-style: none outside none;
606 color: darken( $links, 5% );
613 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;
614 background-size: 8px;
616 display: inline-block;
630 text-decoration: none;
641 color: $high-contrast-grey;
652 .table-striped tbody > tr:nth-child( odd ) > td,
653 .table-striped tbody > tr:nth-child( odd ) > th {
654 background-color: #F0F3F3;
657 color: darken( $links, 5% );
666 @include cartRemove();
674 color: darken( $links, 5% );
679 #availability_facet {
683 #facet-holdings-library {
688 background-color: #F0F3F3;
689 border: 1px solid #F0F3F3;
693 background-color: #F0F3F3;
702 @include border-radius-all( 3px );
704 background-color: #FFF;
705 border: 1px solid #AAA;
730 #biblio-cover-slider {
731 background-color: #FFF;
732 border: 1px solid #B9D8D9;
734 margin: 0 1em .5em 0;
736 padding: 10px 5px 5px 5px;
740 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
766 .custom_cover_image {
773 display: inline-block;
812 list-style-type: none;
814 padding: .5em 1em 0 0;
824 border-bottom: 1px solid #EEE;
827 list-style-type: none;
828 padding-bottom: .2em;
854 background-color: transparent;
863 background-color: #999999;
866 display: inline-block;
869 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
873 background-color: #B94A48;
877 background-color: #F89406;
881 background-color: #468847;
885 background-color: #3A87AD;
889 background-color: #333333;
907 display: inline-block;
922 label.checkbox-label {
955 list-style-type: none;
956 padding: 1em 1em 0 1em;
976 list-style-type: none;
1005 margin-bottom: 10px;
1015 padding: 1em 0 .3em;
1037 /* different sizes for different tags in opac-tags.tt */
1080 background-color: #EEEEEE;
1081 border: 1px solid #E8E8E8;
1083 padding: 3px 3px 5px 5px;
1084 vertical-align: middle;
1090 white-space: nowrap;
1120 padding: 7px 5px 9px 9px;
1131 display: inline-block;
1132 font-weight: normal;
1134 text-shadow: 1px 1px 0 #FFF;
1142 display: inline-block;
1143 font-weight: normal;
1145 text-shadow: 1px 1px 0 #FFF;
1149 .selections-toolbar {
1150 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1151 border-bottom: none;
1159 > div:first-child::before {
1200 color: $high-contrast-grey;
1204 font-weight: normal;
1214 display: inline-block;
1230 margin-bottom: .5em;
1231 padding: 0 2em .2em .2em;
1235 background-color: #F0F3F3;
1236 border: 1px solid #C9C9C9;
1239 display: inline-block;
1244 display: inline-block;
1247 font-weight: normal;
1252 text-decoration: none;
1253 vertical-align: middle;
1257 #bibliodescriptions,
1264 background-color: #FFF;
1268 .results-pagination {
1269 background-color: #F3F3F3;
1271 padding-bottom: 10px;
1282 background: none !important;
1283 color: #999 !important;
1294 border-top: 1px solid #DDDDDD;
1301 background-color: #DDDDDD;
1313 padding-right: 10px;
1319 .pagination_footer {
1320 background-color: #E1E1E1;
1329 background-color: #E1E1E1;
1338 border: 1px solid #D0D0D0;
1347 display: inline-block;
1349 text-decoration: none;
1353 background-color: #F3F3F3;
1354 border-top: 1px solid #D0D0D0;
1357 white-space: nowrap;
1367 border-left: 1px solid #D0D0D0;
1368 border-right: 1px solid #D0D0D0;
1374 background-color: #F3F3F3;
1376 font-weight: normal;
1390 display: inline-block;
1392 font-weight: normal;
1397 background-color: #999999;
1400 font-weight: normal;
1402 text-decoration: none;
1405 background-color: #006699;
1411 background-color: #616161;
1422 list-style-type: none;
1440 background-color: #F0F3F3;
1446 [aria-current="page"] {
1449 text-decoration: none;
1460 border-top: 1px solid #DDD;
1464 display: inline-block;
1476 text-decoration: underline;
1482 /* action buttons */
1484 background-color: #F5F5F5;
1485 border: 1px solid #E8E8E8;
1494 color: darken( $links, 5% );
1497 text-decoration: none;
1502 #moresearches_menu {
1508 font-weight: normal;
1517 border-bottom: 1px solid #EEE;
1525 padding: .25rem 1.5rem;
1526 text-align: inherit;
1527 white-space: nowrap;
1554 .tag_results_input input {
1558 .branch-info-tooltip {
1566 border: 1px solid transparent;
1568 display: inline-block;
1576 border: 1px solid #EEE;
1613 background-color: transparent;
1624 padding-bottom: .6em;
1632 padding-bottom: .6em;
1656 border: 1px solid #EEE;
1668 font-family: monospace;
1674 background-color: #FFF;
1678 vertical-align: top;
1679 white-space: nowrap;
1685 vertical-align: top;
1716 .authstanzaheading {
1720 .authorizedheading {
1726 .authres_otherscript {
1739 @include border-radius-all( 3px );
1741 background-color: #EEE;
1742 border: 1px solid #E8E8E8;
1743 box-sizing: border-box;
1749 background-color: #FFFBEA;
1750 border-color: #F4ECBE;
1759 display: inline-block;
1764 padding-left: .25em;
1772 font-weight: normal;
1773 text-decoration: underline;
1777 background: transparent none;
1783 background: transparent none;
1792 background-color: #FFF;
1793 border: 1px solid rgba( 0, 0, 0, .2 );
1795 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1810 white-space: nowrap;
1814 border: 1px solid #D2D2CF;
1831 background-color: #F0F3F3;
1832 border-bottom: 1px solid #D8D8D8;
1846 list-style-type: none;
1850 font-weight: normal;
1865 font-weight: normal;
1869 display: inline-block;
1881 list-style-type: none;
1885 border-bottom-width: 1px;
1891 background-color: #FFF;
1892 border-top: 1px solid #999;
1897 background-color: #F0F3F3;
1898 border: 1px solid #D8D8D8;
1899 border-bottom-width: 0;
1900 color: darken( $links, 5% );
1904 text-decoration: none;
1910 display: inline-block;
1914 /* Search results add to cart (lists disabled) */
1919 padding: 0 0 .6em 0;
1927 @include border-radius-all( 3px );
1930 background-color: rgba( 255, 255, 204, .4 );
1931 border: 1px solid #CCC;
1932 display: inline-block;
1937 background-color: rgba( 239, 254, 213, .4 );
1947 .commentline .avatar {
1952 /* style for search terms in catalogsearch */
1955 background-color: #FFFFCC;
1959 /* style for shelving location in catalogsearch */
1967 padding: 0 .2em 0 .5em;
1968 text-shadow: 1px 1px 0 #FFF;
1972 border-bottom-left-radius: 3px;
1973 border-top-left-radius: 3px;
1978 border-bottom-right-radius: 3px;
1979 border-top-right-radius: 3px;
1980 border-width: 1px 1px 1px 0;
1983 %page-middle-child {
1984 background-color: #FFFFFF;
1985 border-color: #DDDDDD;
1987 border-style: solid;
1988 border-width: 1px 1px 1px 0;
1993 text-decoration: none;
2001 @extend %page-first-child;
2005 @extend %page-last-child;
2010 @extend %page-middle-child;
2013 @extend %page-first-child;
2017 @extend %page-last-child;
2022 @extend %page-middle-child;
2024 background-color: #F5F5F5;
2028 @extend %page-middle-child;
2032 border-bottom-right-radius: 3px;
2033 border-top-right-radius: 3px;
2038 @include border-radius-all( 3px );
2040 background-color: #FFF0B1;
2041 display: inline-block;
2048 white-space: nowrap;
2057 box-sizing: border-box;
2067 transition: background-color .5s ease;
2070 background: #77B50F none;
2092 .nologininstructions,
2094 .patronregistration {
2098 .registration-label {
2099 display: inline-block;
2104 .registration-value {
2105 background-color: #EBF8FF;
2107 display: inline-block;
2108 font-family: monospace;
2122 margin-bottom: .5em;
2133 .ItemSummary .LabelCallNumber::before {
2137 .ItemSummary .CallNumber::after {
2159 background-color: #F0F3F3;
2160 border: 1px solid #F0F3F3;
2161 color: $high-contrast-grey;
2171 #user-menu-trigger {
2180 border-bottom-color: #999999;
2181 border-top-color: #999999;
2186 /* Class to be added to toolbar when it starts being fixed at the top of the screen */
2188 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2198 #ulactioncontainer {
2212 .thumbnail-shelfbrowser span {
2219 thead:first-child tr:first-child > th {
2229 tbody:last-child tr:last-child > td {
2243 display: inline-block;
2261 vertical-align: middle;
2265 border-bottom: 1px solid #EEE;
2266 list-style-type: none;
2272 list-style-type: none;
2279 #openlibrary-results {
2285 vertical-align: middle;
2288 #overdrive-results-list .star-rating-control {
2294 table-layout: fixed;
2297 overflow-wrap: break-word;
2321 vertical-align: middle;
2330 text-decoration: none;
2332 &.shelfbrowser_cover {
2333 display: inline-block;
2341 transform: rotate( -90deg );
2342 white-space: nowrap;
2352 transform: rotate( 90deg );
2353 white-space: nowrap;
2368 border-bottom: 1px solid #CCC;
2370 margin-bottom: .5em;
2371 padding: 0 1em 1em 1em;
2392 .toggle-hold-options {
2393 background-color: #EEE;
2405 #idreambooksreadometer {
2409 .idreambookslegend {
2413 .idreambookssummary {
2416 text-decoration: none;
2420 vertical-align: middle;
2432 vertical-align: middle;
2438 text-decoration: none;
2476 :first-child:not( .term )::before {
2496 box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 204, 0, 0, .6 );
2509 .illrequest-actions {
2510 margin-bottom: 20px;
2519 #illrequests-create-button {
2520 margin-bottom: 20px;
2530 transform: translateY( -50% );
2534 #freeform-fields .custom-name {
2541 .dropdown:hover .dropdown-menu.nojs {
2545 div.rows span.label {
2548 text-align: inherit;
2552 #ill-supplier-metadata {
2555 flex-flow: column nowrap;
2558 div[class^="requestattr-"] {
2560 flex-flow: row nowrap;
2564 &:nth-of-type( even ) {
2565 background-color: #F2F2F2;
2568 &:nth-of-type( odd ) {
2569 background-color: #FFFFFF;
2573 #ill-supplier-metadata > div > span {
2576 flex-flow: row nowrap;
2581 .ill_availability_sourcename {
2585 #continue-request-row {
2590 border: 1px solid #DDDDDD;
2591 border-radius: 10px;
2604 color: #FFF !important;
2610 background-color: $base;
2613 display: inline-block;
2618 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2621 background-color: lighten( $base, 20% );
2625 .user_overdues_count,
2627 background-color: #990000;
2630 background-color: lighten( #990000, 10% );
2634 .user_holds_waiting_count {
2635 background-color: #538200;
2638 background-color: lighten( #538200, 10% );
2643 border: 1px solid #EAEAE6;
2645 padding-bottom: .5em;
2648 background-color: #E2E8E8;
2649 color: $high-contrast-grey;
2657 list-style-type: none;
2669 /* jQuery Bar Rating plugin for star ratings */
2671 $star-default: #D2D2D2;
2672 $star-active: #C24A4A;
2673 $star-selected: #EDB867;
2676 display: inline-block;
2679 .br-theme-fontawesome-stars {
2682 white-space: nowrap;
2685 font: normal normal normal 20px/1 "Font Awesome 6 Free";
2686 -webkit-font-smoothing: antialiased;
2688 text-decoration: none;
2689 text-rendering: auto;
2692 color: $star-default;
2698 color: $star-active;
2704 color: $star-selected;
2709 .br-current-rating {
2721 #cancel_rating_text {
2728 .br-theme-fontawesome-stars {
2737 &.br-selected::after {
2746 /* END jQuery Bar Rating plugin for star ratings */
2757 /* opac browse search */
2759 #browse-resultswrapper {
2763 #browse-searchfuzziness {
2767 #browse-searchresults,
2768 #browse-selectionsearch {
2769 border: 1px solid #E3E3E3;
2775 #browse-selectionsearch p.subjects {
2780 #browse-selectionsearch h4 {
2784 #browse-suggestionserror {
2805 margin-bottom: .4rem;
2809 /* end browse search */
2811 /* Skip to content link. CSS adapted from https://webaim.org/ */
2813 background: #C60000;
2814 border: 1px solid #FFF;
2815 border-radius: 0 0 4px 0;
2816 border-width: 0 1px 1px 0;
2821 text-decoration: none;
2822 text-shadow: 0 -1px 0 rgba( 58, 0, 0, .75 );
2824 transition: top .5s ease-out;
2829 outline-color: transparent;
2832 transition: top .1s ease-in;
2842 padding: .75rem 1.25rem;
2844 &[aria-expanded="true"] { font-weight: bold; }
2845 &[aria-expanded="false"] { font-weight: normal; }
2848 background-color: rgba( 255, 255, 204, .8 );
2849 text-decoration: none;
2856 border-top: 1px solid #888;
2862 margin-bottom: 1rem;
2866 background-color: #FFF;
2867 border: 1px solid #AAA;
2868 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2877 @import "responsive";