24 .dropdown-toggle::after {
30 .nav-item .login-link {
103 text-decoration: none;
107 &.reviewlink:visited {
110 text-decoration: none;
114 vertical-align: middle;
170 background-color: #FFF;
185 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
191 background: transparent none;
203 background-color: #FFFFE5;
225 background-color: #E2E8E8;
232 background-color: transparent;
253 display: inline-block;
279 .advanced-search-terms {
282 grid-template-columns: 25% 35% 35% 5%;
299 border: 1px solid #D8D8D8;
327 @include border-radius-all( 3px );
329 background-color: $base-theme-color;
332 font-family: NotoSans;
341 display: inline-block;
342 margin: .2rem .2rem .2rem 0;
355 text-decoration: none;
371 padding-bottom: .6rem;
384 text-decoration: underline;
396 border: 1px solid #EEE;
397 border-right-color: #FCF9FC;
416 display: inline-block;
450 border: 1px solid #DDD;
463 border-bottom: 1px solid #EEE;
467 padding-bottom: .5em;
478 text-decoration: none;
484 background: rgb( 240, 109, 52 ) none;
489 text-shadow: 1px 0 1px rgba( 0, 0, 0, .25 );
497 .form-control-filtered {
498 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" );
499 background-position-x: 6px;
500 background-position-y: center;
501 background-repeat: no-repeat;
502 padding-left: 1.7rem;
519 color: darken( $links, 5% );
564 /* Override Bootstrap alert */
566 /* Redefine a new style for Bootstrap's class "close" since we use that already */
568 /* Use <a class="closebtn" href="#">×</a> */
578 /* Add style for Bootstrap dropdown-header class */
580 border-top: 1px solid #EEE;
594 background-image: none;
595 box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, .25 );
601 background-color: #F0F3F3;
604 list-style: none outside none;
609 color: darken( $links, 5% );
616 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;
617 background-size: 8px;
619 display: inline-block;
633 text-decoration: none;
644 color: $high-contrast-grey;
655 .table-striped tbody > tr:nth-child( odd ) > td,
656 .table-striped tbody > tr:nth-child( odd ) > th {
657 background-color: #F0F3F3;
660 color: darken( $links, 5% );
673 color: darken( $links, 5% );
678 #availability_facet {
682 #facet-holdings-library {
687 background-color: #F0F3F3;
688 border: 1px solid #F0F3F3;
692 background-color: #F0F3F3;
701 @include border-radius-all( 3px );
703 background-color: #FFF;
704 border: 1px solid #AAA;
729 #biblio-cover-slider {
730 background-color: #FFF;
731 border: 1px solid #B9D8D9;
733 margin: 0 1em .5em 0;
735 padding: 10px 5px 5px 5px;
739 background: #FFF url( "../images/spinner-small.gif" ) center center no-repeat;
765 .custom_cover_image {
772 display: inline-block;
811 list-style-type: none;
813 padding: .5em 1em 0 0;
823 border-bottom: 1px solid #EEE;
826 list-style-type: none;
827 padding-bottom: .2em;
853 background-color: transparent;
862 background-color: #999999;
865 display: inline-block;
868 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
872 background-color: #B94A48;
876 background-color: #F89406;
880 background-color: #468847;
884 background-color: #3A87AD;
888 background-color: #333333;
906 display: inline-block;
921 label.checkbox-label {
954 list-style-type: none;
955 padding: 1em 1em 0 1em;
975 list-style-type: none;
1005 padding: 1em 0 .3em;
1027 /* different sizes for different tags in opac-tags.tt */
1070 background-color: #EEEEEE;
1071 border: 1px solid #E8E8E8;
1073 padding: 3px 3px 5px 5px;
1074 vertical-align: middle;
1080 white-space: nowrap;
1110 padding: 7px 5px 9px 9px;
1121 display: inline-block;
1122 font-weight: normal;
1124 text-shadow: 1px 1px 0 #FFF;
1132 display: inline-block;
1133 font-weight: normal;
1135 text-shadow: 1px 1px 0 #FFF;
1139 .selections-toolbar {
1140 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1141 border-bottom: none;
1149 > div:first-child::before {
1190 color: $high-contrast-grey;
1194 font-weight: normal;
1204 display: inline-block;
1220 margin-bottom: .5em;
1221 padding: 0 2em .2em .2em;
1225 background-color: #F0F3F3;
1226 border: 1px solid #C9C9C9;
1229 display: inline-block;
1234 display: inline-block;
1237 font-weight: normal;
1242 text-decoration: none;
1243 vertical-align: middle;
1247 #bibliodescriptions,
1254 background-color: #FFF;
1258 .results-pagination {
1259 background-color: #F3F3F3;
1261 padding-bottom: 10px;
1272 background: none !important;
1273 color: #999 !important;
1284 border-top: 1px solid #DDDDDD;
1291 background-color: #DDDDDD;
1303 padding-right: 10px;
1309 .pagination_footer {
1310 background-color: #E1E1E1;
1319 background-color: #E1E1E1;
1328 border: 1px solid #D0D0D0;
1337 display: inline-block;
1339 text-decoration: none;
1343 background-color: #F3F3F3;
1344 border-top: 1px solid #D0D0D0;
1347 white-space: nowrap;
1357 border-left: 1px solid #D0D0D0;
1358 border-right: 1px solid #D0D0D0;
1364 background-color: #F3F3F3;
1366 font-weight: normal;
1380 display: inline-block;
1382 font-weight: normal;
1387 background-color: #999999;
1390 font-weight: normal;
1392 text-decoration: none;
1395 background-color: #006699;
1401 background-color: #616161;
1412 list-style-type: none;
1430 background-color: #F0F3F3;
1436 [aria-current="page"] {
1439 text-decoration: none;
1450 border-top: 1px solid #DDD;
1454 display: inline-block;
1466 text-decoration: underline;
1472 /* action buttons */
1474 background-color: #F5F5F5;
1475 border: 1px solid #E8E8E8;
1484 color: darken( $links, 5% );
1487 text-decoration: none;
1492 #moresearches_menu {
1498 font-weight: normal;
1507 border-bottom: 1px solid #EEE;
1515 padding: .25rem 1.5rem;
1516 text-align: inherit;
1517 white-space: nowrap;
1544 .tag_results_input input {
1548 .branch-info-tooltip {
1552 .ui-tooltip-content p {
1560 border: 1px solid transparent;
1562 display: inline-block;
1570 border: 1px solid #EEE;
1607 background-color: transparent;
1618 padding-bottom: .6em;
1626 padding-bottom: .6em;
1650 border: 1px solid #EEE;
1662 font-family: monospace;
1668 background-color: #FFF;
1672 vertical-align: top;
1673 white-space: nowrap;
1679 vertical-align: top;
1710 .authstanzaheading {
1714 .authorizedheading {
1720 .authres_otherscript {
1733 @include border-radius-all( 3px );
1735 background-color: #EEE;
1736 border: 1px solid #E8E8E8;
1737 box-sizing: border-box;
1743 background-color: #FFFBEA;
1744 border-color: #F4ECBE;
1753 display: inline-block;
1758 padding-left: .25em;
1766 font-weight: normal;
1767 text-decoration: underline;
1771 background: transparent none;
1777 background: transparent none;
1786 background-color: #FFF;
1787 border: 1px solid rgba( 0, 0, 0, .2 );
1789 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1804 white-space: nowrap;
1808 border: 1px solid #D2D2CF;
1825 background-color: #F0F3F3;
1826 border-bottom: 1px solid #D8D8D8;
1840 list-style-type: none;
1844 font-weight: normal;
1859 font-weight: normal;
1863 display: inline-block;
1875 list-style-type: none;
1879 border-bottom-width: 1px;
1885 background-color: #FFF;
1886 border-top: 1px solid #999;
1891 background-color: #F0F3F3;
1892 border: 1px solid #D8D8D8;
1893 border-bottom-width: 0;
1894 color: darken( $links, 5% );
1898 text-decoration: none;
1904 display: inline-block;
1908 /* Search results add to cart (lists disabled) */
1913 padding: 0 0 .6em 0;
1921 @include border-radius-all( 3px );
1924 background-color: rgba( 255, 255, 204, .4 );
1925 border: 1px solid #CCC;
1926 display: inline-block;
1931 background-color: rgba( 239, 254, 213, .4 );
1941 .commentline .avatar {
1946 /* style for search terms in catalogsearch */
1949 background-color: #FFFFCC;
1953 /* style for shelving location in catalogsearch */
1961 padding: 0 .2em 0 .5em;
1962 text-shadow: 1px 1px 0 #FFF;
1966 border-bottom-left-radius: 3px;
1967 border-top-left-radius: 3px;
1972 border-bottom-right-radius: 3px;
1973 border-top-right-radius: 3px;
1974 border-width: 1px 1px 1px 0;
1977 %page-middle-child {
1978 background-color: #FFFFFF;
1979 border-color: #DDDDDD;
1981 border-style: solid;
1982 border-width: 1px 1px 1px 0;
1987 text-decoration: none;
1995 @extend %page-first-child;
1999 @extend %page-last-child;
2004 @extend %page-middle-child;
2007 @extend %page-first-child;
2011 @extend %page-last-child;
2016 @extend %page-middle-child;
2018 background-color: #F5F5F5;
2022 @extend %page-middle-child;
2026 border-bottom-right-radius: 3px;
2027 border-top-right-radius: 3px;
2032 @include border-radius-all( 3px );
2034 background-color: #FFF0B1;
2035 display: inline-block;
2042 white-space: nowrap;
2051 box-sizing: border-box;
2061 transition: background-color .5s ease;
2064 background: #77B50F none;
2086 .nologininstructions,
2088 .patronregistration {
2092 .registration-label {
2093 display: inline-block;
2098 .registration-value {
2099 background-color: #EBF8FF;
2101 display: inline-block;
2102 font-family: monospace;
2116 margin-bottom: .5em;
2127 .ItemSummary .LabelCallNumber::before {
2131 .ItemSummary .CallNumber::after {
2153 background-color: #F0F3F3;
2154 border: 1px solid #F0F3F3;
2155 color: $high-contrast-grey;
2165 #user-menu-trigger {
2174 border-bottom-color: #999999;
2175 border-top-color: #999999;
2180 /* Class to be added to toolbar when it starts being fixed at the top of the screen */
2182 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2192 #ulactioncontainer {
2206 .thumbnail-shelfbrowser span {
2213 thead:first-child tr:first-child > th {
2223 tbody:last-child tr:last-child > td {
2237 display: inline-block;
2255 vertical-align: middle;
2259 border-bottom: 1px solid #EEE;
2260 list-style-type: none;
2266 list-style-type: none;
2273 #recordedbooks-results,
2274 #openlibrary-results {
2280 vertical-align: middle;
2283 #overdrive-results-list .star-rating-control {
2289 table-layout: fixed;
2292 overflow-wrap: break-word;
2316 vertical-align: middle;
2325 text-decoration: none;
2327 &.shelfbrowser_cover {
2328 display: inline-block;
2336 transform: rotate( -90deg );
2337 white-space: nowrap;
2347 transform: rotate( 90deg );
2348 white-space: nowrap;
2363 border-bottom: 1px solid #CCC;
2365 margin-bottom: .5em;
2366 padding: 0 1em 1em 1em;
2387 .toggle-hold-options {
2388 background-color: #EEE;
2400 #idreambooksreadometer {
2404 .idreambookslegend {
2408 .idreambookssummary {
2411 text-decoration: none;
2415 vertical-align: middle;
2427 vertical-align: middle;
2433 text-decoration: none;
2471 :first-child:not( .term )::before {
2491 box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 204, 0, 0, .6 );
2504 .illrequest-actions {
2505 margin-bottom: 20px;
2514 #illrequests-create-button {
2515 margin-bottom: 20px;
2525 transform: translateY( -50% );
2529 #freeform-fields .custom-name {
2536 .dropdown:hover .dropdown-menu.nojs {
2540 div.rows span.label {
2543 text-align: inherit;
2547 #ill-supplier-metadata {
2550 flex-flow: column nowrap;
2553 div[class^="requestattr-"] {
2555 flex-flow: row nowrap;
2559 &:nth-of-type( even ) {
2560 background-color: #F2F2F2;
2563 &:nth-of-type( odd ) {
2564 background-color: #FFFFFF;
2568 #ill-supplier-metadata > div > span {
2571 flex-flow: row nowrap;
2576 .ill_availability_sourcename {
2580 #continue-request-row {
2585 border: 1px solid #DDDDDD;
2586 border-radius: 10px;
2599 color: #FFF !important;
2605 background-color: $base;
2608 display: inline-block;
2613 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2616 background-color: lighten( $base, 20% );
2620 .user_overdues_count,
2622 background-color: #990000;
2625 background-color: lighten( #990000, 10% );
2629 .user_holds_waiting_count {
2630 background-color: #538200;
2633 background-color: lighten( #538200, 10% );
2638 border: 1px solid #EAEAE6;
2640 padding-bottom: .5em;
2643 background-color: #E2E8E8;
2644 color: $high-contrast-grey;
2652 list-style-type: none;
2664 /* jQuery Bar Rating plugin for star ratings */
2666 $star-default: #D2D2D2;
2667 $star-active: #C24A4A;
2668 $star-selected: #EDB867;
2671 display: inline-block;
2674 .br-theme-fontawesome-stars {
2677 white-space: nowrap;
2680 font: normal normal normal 20px/1 FontAwesome;
2681 -webkit-font-smoothing: antialiased;
2683 text-decoration: none;
2684 text-rendering: auto;
2687 color: $star-default;
2693 color: $star-active;
2699 color: $star-selected;
2704 .br-current-rating {
2716 #cancel_rating_text {
2723 .br-theme-fontawesome-stars {
2732 &.br-selected::after {
2741 /* END jQuery Bar Rating plugin for star ratings */
2752 /* opac browse search */
2754 #browse-resultswrapper {
2758 #browse-searchfuzziness {
2762 #browse-searchresults,
2763 #browse-selectionsearch {
2764 border: 1px solid #E3E3E3;
2770 #browse-selectionsearch p.subjects {
2775 #browse-selectionsearch h4 {
2779 #browse-suggestionserror {
2800 margin-bottom: .4rem;
2804 /* end browse search */
2806 /* Skip to content link. CSS adapted from https://webaim.org/ */
2808 background: #C60000;
2809 border: 1px solid #FFF;
2810 border-radius: 0 0 4px 0;
2811 border-width: 0 1px 1px 0;
2816 text-decoration: none;
2817 text-shadow: 0 -1px 0 rgba( 58, 0, 0, .75 );
2819 transition: top .5s ease-out;
2824 outline-color: transparent;
2827 transition: top .1s ease-in;
2837 padding: .75rem 1.25rem;
2839 &[aria-expanded="true"] { font-weight: bold; }
2840 &[aria-expanded="false"] { font-weight: normal; }
2843 background-color: rgba( 255, 255, 204, .8 );
2844 text-decoration: none;
2851 border-top: 1px solid #888;
2857 margin-bottom: 1rem;
2861 background-color: #FFF;
2862 border: 1px solid #AAA;
2863 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2872 @import "responsive";