24 .dropdown-toggle::after {
30 .nav-item .login-link {
102 text-decoration: none;
106 &.reviewlink:visited {
109 text-decoration: none;
113 vertical-align: middle;
162 background-color: #FFF;
177 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
183 background: transparent none;
195 background-color: #FFFFE5;
217 background-color: #E2E8E8;
224 background-color: transparent;
245 display: inline-block;
271 .advanced-search-terms {
274 grid-template-columns: 25% 35% 35% 5%;
291 border: 1px solid #D8D8D8;
319 @include border-radius-all( 3px );
321 background-color: $base-theme-color;
324 font-family: NotoSans;
342 text-decoration: none;
358 padding-bottom: .6rem;
371 text-decoration: underline;
383 border: 1px solid #EEE;
384 border-right-color: #FCF9FC;
403 display: inline-block;
437 border: 1px solid #DDD;
450 border-bottom: 1px solid #EEE;
454 padding-bottom: .5em;
465 text-decoration: none;
471 background: rgb( 240, 109, 52 ) none;
476 text-shadow: 1px 0 1px rgba( 0, 0, 0, .25 );
484 .form-control-filtered {
485 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" );
486 background-position-x: 6px;
487 background-position-y: center;
488 background-repeat: no-repeat;
489 padding-left: 1.7rem;
506 color: darken( $links, 5% );
551 /* Override Bootstrap alert */
553 /* Redefine a new style for Bootstrap's class "close" since we use that already */
555 /* Use <a class="closebtn" href="#">×</a> */
565 /* Add style for Bootstrap dropdown-header class */
567 border-top: 1px solid #EEE;
581 background-image: none;
582 box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, .25 );
588 background-color: #F0F3F3;
591 list-style: none outside none;
596 color: darken( $links, 5% );
603 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;
604 background-size: 8px;
606 display: inline-block;
620 text-decoration: none;
631 color: $high-contrast-grey;
642 .table-striped tbody > tr:nth-child( odd ) > td,
643 .table-striped tbody > tr:nth-child( odd ) > th {
644 background-color: #F0F3F3;
647 color: darken( $links, 5% );
660 color: darken( $links, 5% );
665 #availability_facet {
669 #facet-holdings-library {
674 background-color: #F0F3F3;
675 border: 1px solid #F0F3F3;
679 background-color: #F0F3F3;
688 @include border-radius-all( 3px );
690 background-color: #FFF;
691 border: 1px solid #AAA;
716 #biblio-cover-slider {
717 background-color: #FFF;
718 border: 1px solid #B9D8D9;
720 margin: 0 1em .5em 0;
722 padding: 10px 5px 5px 5px;
726 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
752 .custom_cover_image {
759 display: inline-block;
798 list-style-type: none;
800 padding: .5em 1em 0 0;
810 border-bottom: 1px solid #EEE;
813 list-style-type: none;
814 padding-bottom: .2em;
840 background-color: transparent;
849 background-color: #999999;
852 display: inline-block;
855 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
859 background-color: #B94A48;
863 background-color: #F89406;
867 background-color: #468847;
871 background-color: #3A87AD;
875 background-color: #333333;
893 display: inline-block;
908 label.checkbox-label {
941 list-style-type: none;
942 padding: 1em 1em 0 1em;
962 list-style-type: none;
1005 /* different sizes for different tags in opac-tags.tt */
1048 background-color: #EEEEEE;
1049 border: 1px solid #E8E8E8;
1051 padding: 3px 3px 5px 5px;
1052 vertical-align: middle;
1058 white-space: nowrap;
1088 padding: 7px 5px 9px 9px;
1099 display: inline-block;
1100 font-weight: normal;
1102 text-shadow: 1px 1px 0 #FFF;
1110 display: inline-block;
1111 font-weight: normal;
1113 text-shadow: 1px 1px 0 #FFF;
1117 .selections-toolbar {
1118 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1119 border-bottom: none;
1126 > div:first-child::before {
1167 color: $high-contrast-grey;
1171 font-weight: normal;
1181 display: inline-block;
1197 margin-bottom: .5em;
1198 padding: 0 2em .2em .2em;
1202 background-color: #F0F3F3;
1203 border: 1px solid #C9C9C9;
1206 display: inline-block;
1211 display: inline-block;
1214 font-weight: normal;
1219 text-decoration: none;
1220 vertical-align: middle;
1224 #bibliodescriptions,
1231 background-color: #FFF;
1235 .results-pagination {
1236 background-color: #F3F3F3;
1238 padding-bottom: 10px;
1249 background: none !important;
1250 color: #999 !important;
1261 border-top: 1px solid #DDDDDD;
1268 background-color: #DDDDDD;
1280 padding-right: 10px;
1286 .pagination_footer {
1287 background-color: #E1E1E1;
1296 background-color: #E1E1E1;
1305 border: 1px solid #D0D0D0;
1314 display: inline-block;
1316 text-decoration: none;
1320 background-color: #F3F3F3;
1321 border-top: 1px solid #D0D0D0;
1324 white-space: nowrap;
1334 border-left: 1px solid #D0D0D0;
1335 border-right: 1px solid #D0D0D0;
1341 background-color: #F3F3F3;
1343 font-weight: normal;
1357 display: inline-block;
1359 font-weight: normal;
1364 background-color: #999999;
1367 font-weight: normal;
1369 text-decoration: none;
1372 background-color: #006699;
1378 background-color: #616161;
1389 list-style-type: none;
1407 background-color: #F0F3F3;
1413 [aria-current="page"] {
1416 text-decoration: none;
1426 border-top: 1px solid #DDD;
1430 display: inline-block;
1442 text-decoration: underline;
1448 /* action buttons */
1450 background-color: #F5F5F5;
1451 border: 1px solid #E8E8E8;
1460 color: darken( $links, 5% );
1463 text-decoration: none;
1468 #moresearches_menu {
1474 font-weight: normal;
1483 border-bottom: 1px solid #EEE;
1491 padding: .25rem 1.5rem;
1492 text-align: inherit;
1493 white-space: nowrap;
1520 .tag_results_input input {
1524 .branch-info-tooltip {
1528 .ui-tooltip-content p {
1536 border: 1px solid transparent;
1538 display: inline-block;
1546 border: 1px solid #EEE;
1583 background-color: transparent;
1594 padding-bottom: .6em;
1602 padding-bottom: .6em;
1626 border: 1px solid #EEE;
1638 font-family: monospace;
1644 background-color: #FFF;
1648 vertical-align: top;
1649 white-space: nowrap;
1655 vertical-align: top;
1686 .authstanzaheading {
1690 .authorizedheading {
1696 .authres_otherscript {
1709 @include border-radius-all( 3px );
1711 background-color: #EEE;
1712 border: 1px solid #E8E8E8;
1713 box-sizing: border-box;
1719 background-color: #FFFBEA;
1720 border-color: #F4ECBE;
1729 display: inline-block;
1734 padding-left: .25em;
1742 font-weight: normal;
1743 text-decoration: underline;
1747 background: transparent none;
1753 background: transparent none;
1762 background-color: #FFF;
1763 border: 1px solid rgba( 0, 0, 0, .2 );
1765 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1780 white-space: nowrap;
1784 border: 1px solid #D2D2CF;
1801 background-color: #F0F3F3;
1802 border-bottom: 1px solid #D8D8D8;
1816 list-style-type: none;
1820 font-weight: normal;
1835 font-weight: normal;
1839 display: inline-block;
1851 list-style-type: none;
1855 border-bottom-width: 1px;
1861 background-color: #FFF;
1862 border-top: 1px solid #999;
1867 background-color: #F0F3F3;
1868 border: 1px solid #D8D8D8;
1869 border-bottom-width: 0;
1870 color: darken( $links, 5% );
1874 text-decoration: none;
1880 display: inline-block;
1884 /* Search results add to cart (lists disabled) */
1889 padding: 0 0 .6em 0;
1897 @include border-radius-all( 3px );
1900 background-color: rgba( 255, 255, 204, .4 );
1901 border: 1px solid #CCC;
1902 display: inline-block;
1907 background-color: rgba( 239, 254, 213, .4 );
1917 .commentline .avatar {
1922 /* style for search terms in catalogsearch */
1925 background-color: #FFFFCC;
1929 /* style for shelving location in catalogsearch */
1937 padding: 0 .2em 0 .5em;
1938 text-shadow: 1px 1px 0 #FFF;
1942 border-bottom-left-radius: 3px;
1943 border-top-left-radius: 3px;
1948 border-bottom-right-radius: 3px;
1949 border-top-right-radius: 3px;
1950 border-width: 1px 1px 1px 0;
1953 %page-middle-child {
1954 background-color: #FFFFFF;
1955 border-color: #DDDDDD;
1957 border-style: solid;
1958 border-width: 1px 1px 1px 0;
1963 text-decoration: none;
1971 @extend %page-first-child;
1975 @extend %page-last-child;
1980 @extend %page-middle-child;
1983 @extend %page-first-child;
1987 @extend %page-last-child;
1992 @extend %page-middle-child;
1994 background-color: #F5F5F5;
1998 @extend %page-middle-child;
2002 border-bottom-right-radius: 3px;
2003 border-top-right-radius: 3px;
2008 @include border-radius-all( 3px );
2010 background-color: #FFF0B1;
2011 display: inline-block;
2018 white-space: nowrap;
2027 box-sizing: border-box;
2037 transition: background-color .5s ease;
2040 background: #77B50F none;
2062 .nologininstructions,
2064 .patronregistration {
2068 .registration-label {
2069 display: inline-block;
2074 .registration-value {
2075 background-color: #EBF8FF;
2077 display: inline-block;
2078 font-family: monospace;
2092 margin-bottom: .5em;
2103 .ItemSummary .LabelCallNumber::before {
2107 .ItemSummary .CallNumber::after {
2129 background-color: #F0F3F3;
2130 border: 1px solid #F0F3F3;
2131 color: $high-contrast-grey;
2141 #user-menu-trigger {
2150 border-bottom-color: #999999;
2151 border-top-color: #999999;
2156 /* Class to be added to toolbar when it starts being fixed at the top of the screen */
2158 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2168 #ulactioncontainer {
2182 .thumbnail-shelfbrowser span {
2189 thead:first-child tr:first-child > th {
2199 tbody:last-child tr:last-child > td {
2213 display: inline-block;
2231 vertical-align: middle;
2235 border-bottom: 1px solid #EEE;
2236 list-style-type: none;
2242 list-style-type: none;
2249 #recordedbooks-results,
2250 #openlibrary-results {
2256 vertical-align: middle;
2259 #overdrive-results-list .star-rating-control {
2265 table-layout: fixed;
2268 overflow-wrap: break-word;
2292 vertical-align: middle;
2301 text-decoration: none;
2303 &.shelfbrowser_cover {
2304 display: inline-block;
2312 transform: rotate( -90deg );
2313 white-space: nowrap;
2323 transform: rotate( 90deg );
2324 white-space: nowrap;
2339 border-bottom: 1px solid #CCC;
2341 margin-bottom: .5em;
2342 padding: 0 1em 1em 1em;
2363 .toggle-hold-options {
2364 background-color: #EEE;
2376 #idreambooksreadometer {
2380 .idreambookslegend {
2384 .idreambookssummary {
2387 text-decoration: none;
2391 vertical-align: middle;
2403 vertical-align: middle;
2409 text-decoration: none;
2447 :first-child:not( .term )::before {
2467 box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 204, 0, 0, .6 );
2480 .illrequest-actions {
2481 margin-bottom: 20px;
2490 #illrequests-create-button {
2491 margin-bottom: 20px;
2501 transform: translateY( -50% );
2505 #freeform-fields .custom-name {
2512 .dropdown:hover .dropdown-menu.nojs {
2516 div.rows span.label {
2519 text-align: inherit;
2523 #ill-supplier-metadata {
2526 flex-flow: column nowrap;
2529 div[class^="requestattr-"] {
2531 flex-flow: row nowrap;
2535 &:nth-of-type( even ) {
2536 background-color: #F2F2F2;
2539 &:nth-of-type( odd ) {
2540 background-color: #FFFFFF;
2544 #ill-supplier-metadata > div > span {
2547 flex-flow: row nowrap;
2552 .ill_availability_sourcename {
2556 #continue-request-row {
2561 border: 1px solid #DDDDDD;
2562 border-radius: 10px;
2575 color: #FFF !important;
2581 background-color: $base;
2584 display: inline-block;
2589 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2592 background-color: lighten( $base, 20% );
2596 .user_overdues_count,
2598 background-color: #990000;
2601 background-color: lighten( #990000, 10% );
2605 .user_holds_waiting_count {
2606 background-color: #538200;
2609 background-color: lighten( #538200, 10% );
2614 border: 1px solid #EAEAE6;
2616 padding-bottom: .5em;
2619 background-color: #E2E8E8;
2620 color: $high-contrast-grey;
2628 list-style-type: none;
2640 /* jQuery Bar Rating plugin for star ratings */
2642 $star-default: #D2D2D2;
2643 $star-active: #C24A4A;
2644 $star-selected: #EDB867;
2647 display: inline-block;
2650 .br-theme-fontawesome-stars {
2653 white-space: nowrap;
2656 font: normal normal normal 20px/1 FontAwesome;
2657 -webkit-font-smoothing: antialiased;
2659 text-decoration: none;
2660 text-rendering: auto;
2663 color: $star-default;
2669 color: $star-active;
2675 color: $star-selected;
2680 .br-current-rating {
2692 #cancel_rating_text {
2699 .br-theme-fontawesome-stars {
2708 &.br-selected::after {
2717 /* END jQuery Bar Rating plugin for star ratings */
2728 /* opac browse search */
2730 #browse-resultswrapper {
2734 #browse-searchfuzziness {
2738 #browse-searchresults,
2739 #browse-selectionsearch {
2740 border: 1px solid #E3E3E3;
2746 #browse-selectionsearch p.subjects {
2751 #browse-selectionsearch h4 {
2755 #browse-suggestionserror {
2776 margin-bottom: .4rem;
2780 /* end browse search */
2782 /* Skip to content link. CSS adapted from https://webaim.org/ */
2784 background: #C60000;
2785 border: 1px solid #FFF;
2786 border-radius: 0 0 4px 0;
2787 border-width: 0 1px 1px 0;
2792 text-decoration: none;
2793 text-shadow: 0 -1px 0 rgba( 58, 0, 0, .75 );
2795 transition: top .5s ease-out;
2800 outline-color: transparent;
2803 transition: top .1s ease-in;
2813 padding: .75rem 1.25rem;
2815 &[aria-expanded="true"] { font-weight: bold; }
2816 &[aria-expanded="false"] { font-weight: normal; }
2819 background-color: rgba( 255, 255, 204, .8 );
2820 text-decoration: none;
2827 border-top: 1px solid #888;
2833 margin-bottom: 1rem;
2837 background-color: #FFF;
2838 border: 1px solid #AAA;
2839 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2848 @import "responsive";