23 .dropdown-toggle::after {
29 .nav-item .login-link {
101 text-decoration: none;
105 &.reviewlink:visited {
108 text-decoration: none;
112 vertical-align: middle;
161 background-color: #FFF;
180 background-color: #FFFFE5;
202 background-color: #E2E8E8;
209 background-color: transparent;
246 .advanced-search-terms {
249 grid-template-columns: 25% 35% 35% 5%;
260 border: 1px solid #EEE;
288 @include border-radius-all( 3px );
289 background-color: $base-theme-color;
292 font-family: 'NotoSans';
311 text-decoration: none;
327 padding-bottom: .6rem;
340 text-decoration: underline;
352 border: 1px solid #EEE;
353 border-right-color: #FCF9FC;
372 display: inline-block;
407 border: 1px solid #DDD;
420 border-bottom: 1px solid #EEE;
424 padding-bottom: .5em;
439 text-decoration: none;
445 background: rgb(240, 109, 52) none;
450 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
458 .form-control-filtered {
459 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");
460 background-position-x: 6px;
461 background-position-y: center;
462 background-repeat: no-repeat;
463 padding-left: 1.7rem;
480 color: darken( $links, 5% );
533 /* Override Bootstrap alert */
535 /* Redefine a new style for Bootstrap's class "close" since we use that already */
536 /* Use <a class="closebtn" href="#">×</a> */
546 /* Add style for Bootstrap dropdown-header class */
548 border-top: 1px solid #eee;
553 line-height: 1.42857143;
562 background-image: none;
563 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
569 background-color: #F0F3F3;
571 list-style: none outside none;
578 color: darken( $links, 5%);
591 text-decoration: none;
602 color: $high-contrast-grey;
613 .table-striped tbody > tr:nth-child(odd) > td,
614 .table-striped tbody > tr:nth-child(odd) > th {
615 background-color: #F0F3F3;
618 color: darken( $links, 5%);
631 color: darken( $links, 5% );
636 #availability_facet {
640 #facet-holdings-library {
645 background-color: #f0f3f3;
646 border: 1px solid #f0f3f3;
650 background-color: #f0f3f3;
659 @include border-radius-all( 3px );
660 background-color: #FFF;
661 border: 1px solid #AAA;
686 .custom_cover_image {
692 #biblio-cover-slider {
693 background-color: #fff;
694 border: 1px solid #b9d8d9;
696 margin: 0 1em .5em 0;
697 padding: 10px 5px 5px 5px;
702 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
721 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
727 background: transparent none;
745 display: inline-block;
771 background-color: transparent;
780 background-color: #999999;
783 display: inline-block;
786 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
790 background-color: #B94A48;
794 background-color: #F89406;
798 background-color: #468847;
802 background-color: #3A87AD;
806 background-color: #333333;
824 display: inline-block;
839 label.checkbox-label {
871 list-style-type: none;
872 padding: 1em 1em 0 1em;
893 list-style-type: none;
958 list-style-type: none;
960 padding: .5em 1em 0 0;
970 border-bottom: 1px solid #EEE;
973 list-style-type: none;
974 padding-bottom: .2em;
993 /* different sizes for different tags in opac-tags.tt */
1036 background-color: #EEEEEE;
1037 border: 1px solid #E8E8E8;
1039 padding: 3px 3px 5px 5px;
1040 vertical-align: middle;
1046 white-space: nowrap;
1076 padding: 7px 5px 9px 9px;
1087 display: inline-block;
1088 font-weight: normal;
1090 text-shadow: 1px 1px 0 #fff;
1098 display: inline-block;
1099 font-weight: normal;
1101 text-shadow: 1px 1px 0 #fff;
1105 .selections-toolbar {
1106 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1107 border-bottom: none;
1114 > div:first-child::before {
1155 color: $high-contrast-grey;
1159 font-weight: normal;
1169 display: inline-block;
1185 margin-bottom: .5em;
1186 padding: 0 2em .2em .2em;
1190 background-color: #F0F3F3;
1191 border: 1px solid #C9C9C9;
1194 display: inline-block;
1200 font-weight: normal;
1201 display: inline-block;
1207 text-decoration: none;
1208 vertical-align: middle;
1212 #bibliodescriptions,
1219 background-color: #FFF;
1223 .results-pagination {
1224 background-color: #F3F3F3;
1226 padding-bottom: 10px;
1237 background: none !important;
1238 color: #999 !important;
1249 border-top: 1px solid #DDDDDD;
1256 background-color: #DDDDDD;
1268 padding-right: 10px;
1280 .pagination_footer {
1281 background-color: #E1E1E1;
1290 background-color: #E1E1E1;
1299 border: 1px solid #D0D0D0;
1308 display: inline-block;
1310 text-decoration: none;
1314 background-color: #F3F3F3;
1315 border-top: 1px solid #D0D0D0;
1318 white-space: nowrap;
1328 border-left: 1px solid #D0D0D0;
1329 border-right: 1px solid #D0D0D0;
1335 background-color: #F3F3F3;
1337 font-weight: normal;
1351 display: inline-block;
1353 font-weight: normal;
1358 background-color: #999999;
1361 font-weight: normal;
1363 text-decoration: none;
1366 background-color: #006699;
1372 background-color: #616161;
1383 list-style-type: none;
1401 background-color: #F0F3F3;
1407 [aria-current="page"] {
1410 text-decoration: none;
1416 + .breadcrumb-item {
1418 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;
1419 background-size: 8px;
1420 display: inline-block;
1430 border-top: 1px solid #DDD;
1434 display: inline-block;
1446 text-decoration: underline;
1452 /* action buttons */
1454 background-color: #F5F5F5;
1455 border: 1px solid #E8E8E8;
1464 color: darken( $links, 5% );
1466 text-decoration: none;
1472 #moresearches_menu {
1478 font-weight: normal;
1487 border-bottom: 1px solid #EEE;
1494 padding: .25rem 1.5rem;
1496 text-align: inherit;
1497 white-space: nowrap;
1524 .tag_results_input input {
1528 .branch-info-tooltip {
1532 .ui-tooltip-content p {
1536 .ui-widget-content {
1551 border: 1px solid transparent;
1553 display: inline-block;
1561 border: 1px solid #EEE;
1598 background-color: transparent;
1609 padding-bottom: .6em;
1617 padding-bottom: .6em;
1641 border: 1px solid #EEE;
1653 font-family: monospace;
1659 background-color: #FFF;
1663 vertical-align: top;
1664 white-space: nowrap;
1670 vertical-align: top;
1701 .authstanzaheading {
1705 .authorizedheading {
1711 .authres_otherscript {
1724 @include border-radius-all( 3px );
1725 background-color: #EEE;
1726 border: 1px solid #E8E8E8;
1727 box-sizing: border-box;
1733 background-color: #FFFBEA;
1734 border-color: #F4ECBE;
1743 display: inline-block;
1748 padding-left: .25em;
1756 font-weight: normal;
1757 text-decoration: underline;
1761 background: transparent none;
1767 background: transparent none;
1778 background-color: #FFF;
1779 border: 1px solid rgba( 0, 0, 0, .2 );
1781 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1796 white-space: nowrap;
1800 border: 1px solid #D2D2CF;
1817 background-color: #F0F3F3;
1818 border-bottom: 1px solid #D8D8D8;
1832 list-style-type: none;
1836 font-weight: normal;
1851 font-weight: normal;
1855 display: inline-block;
1868 list-style-type: none;
1872 border-bottom-width: 1px;
1878 background-color: #FFF;
1879 border-top: 1px solid #999;
1884 background-color: #f0f3f3;
1885 border: 1px solid #d8d8d8;
1886 border-bottom-width: 0;
1887 color: darken( $links, 5% );
1891 text-decoration: none;
1898 display: inline-block;
1902 /* Search results add to cart (lists disabled) */
1907 padding: 0 0 .6em 0;
1915 @include border-radius-all( 3px );
1917 background-color: rgba( 255, 255, 204, .4 );
1918 border: 1px solid #CCC;
1919 display: inline-block;
1924 background-color: rgba( 239, 254, 213, .4 );
1934 .commentline .avatar {
1939 /* style for search terms in catalogsearch */
1942 background-color: #FFFFCC;
1946 /* style for shelving location in catalogsearch */
1954 padding: 0 .2em 0 .5em;
1955 text-shadow: 1px 1px 0 #FFF;
1959 border-bottom-left-radius: 3px;
1960 border-top-left-radius: 3px;
1965 border-bottom-right-radius: 3px;
1966 border-top-right-radius: 3px;
1967 border-width: 1px 1px 1px 0;
1970 %page-middle-child {
1971 background-color: #FFFFFF;
1972 border-color: #DDDDDD;
1974 border-style: solid;
1975 border-width: 1px 1px 1px 0;
1980 text-decoration: none;
1988 @extend %page-first-child;
1992 @extend %page-last-child;
1997 @extend %page-middle-child;
2000 @extend %page-first-child;
2004 @extend %page-last-child;
2009 @extend %page-middle-child;
2010 background-color: #F5F5F5;
2014 @extend %page-middle-child;
2018 border-bottom-right-radius: 3px;
2019 border-top-right-radius: 3px;
2024 @include border-radius-all( 3px );
2025 background-color: #FFF0B1;
2026 display: inline-block;
2033 white-space: nowrap;
2042 box-sizing: border-box;
2052 transition: background-color .5s ease;
2055 background: #77b50f none;
2077 .nologininstructions,
2079 .patronregistration {
2083 .registration-label {
2084 display: inline-block;
2089 .registration-value {
2090 background-color: #ebf8ff;
2092 display: inline-block;
2093 font-family: monospace;
2107 margin-bottom: .5em;
2118 .ItemSummary .LabelCallNumber::before {
2122 .ItemSummary .CallNumber::after {
2144 background-color: #F0F3F3;
2145 border: 1px solid #F0F3F3;
2146 color: $high-contrast-grey;
2157 #user-menu-trigger {
2166 border-bottom-color: #999999;
2167 border-top-color: #999999;
2172 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2174 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2184 #ulactioncontainer {
2198 .thumbnail-shelfbrowser span {
2204 thead:first-child tr:first-child > th {
2212 tbody:last-child tr:last-child > td {
2225 display: inline-block;
2243 vertical-align: middle;
2247 border-bottom: 1px solid #EEE;
2248 list-style-type: none;
2254 list-style-type: none;
2262 #recordedbooks-results,
2263 #openlibrary-results {
2269 vertical-align: middle;
2272 #overdrive-results-list .star-rating-control {
2278 table-layout: fixed;
2281 overflow-wrap: break-word;
2305 vertical-align: middle;
2314 text-decoration: none;
2316 &.shelfbrowser_cover {
2319 display: inline-block;
2325 transform: rotate(-90deg);
2326 white-space: nowrap;
2336 transform: rotate(90deg);
2337 white-space: nowrap;
2352 border-bottom: 1px solid #CCC;
2354 margin-bottom: .5em;
2355 padding: 0 1em 1em 1em;
2376 .toggle-hold-options {
2377 background-color: #EEE;
2389 #idreambooksreadometer {
2393 .idreambookslegend {
2397 .idreambookssummary {
2400 text-decoration: none;
2404 vertical-align: middle;
2416 vertical-align: middle;
2421 text-decoration: none;
2461 :first-child:not(.term)::before {
2481 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2495 .illrequest-actions {
2496 margin-bottom: 20px;
2505 #illrequests-create-button {
2506 margin-bottom: 20px;
2516 transform: translateY( -50% );
2521 #freeform-fields .custom-name {
2528 .dropdown:hover .dropdown-menu.nojs {
2532 div.rows span.label {
2535 text-align: inherit;
2539 #ill-supplier-metadata {
2541 flex-flow: column nowrap;
2545 div[class^='requestattr-'] {
2548 flex-flow: row nowrap;
2550 &:nth-of-type(even) {
2551 background-color: #f2f2f2;
2553 &:nth-of-type(odd) {
2554 background-color: #ffffff;
2558 #ill-supplier-metadata > div > span {
2560 flex-flow: row nowrap;
2567 .ill_availability_sourcename {
2571 #continue-request-row {
2576 border: 1px solid #DDDDDD;
2577 border-radius: 10px;
2590 color: white !important;
2595 background-color: $base;
2598 display: inline-block;
2603 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2606 background-color: lighten( $base, 20% );
2610 .user_overdues_count,
2612 background-color: #990000;
2615 background-color: lighten( #990000, 10% );
2619 .user_holds_waiting_count {
2620 background-color: #538200;
2623 background-color: lighten( #538200, 10% );
2628 border: 1px solid #EAEAE6;
2630 padding-bottom: .5em;
2633 background-color: #E2E8E8;
2634 color: $high-contrast-grey;
2642 list-style-type: none;
2654 /* jQuery Bar Rating plugin for star ratings */
2656 $star-default: #D2D2D2;
2657 $star-active: #C24A4A;
2658 $star-selected: #EDB867;
2661 display: inline-block;
2664 .br-theme-fontawesome-stars {
2668 white-space: nowrap;
2671 -webkit-font-smoothing: antialiased;
2672 font: normal normal normal 20px/1 FontAwesome;
2674 text-decoration: none;
2675 text-rendering: auto;
2678 color: $star-default;
2684 color: $star-active;
2690 color: $star-selected;
2696 .br-current-rating {
2709 #cancel_rating_text {
2716 .br-theme-fontawesome-stars {
2726 &.br-selected::after {
2737 /* END jQuery Bar Rating plugin for star ratings */
2748 /*opac browse search*/
2750 #browse-resultswrapper {
2753 #browse-searchfuzziness {
2757 #browse-searchresults, #browse-selectionsearch {
2758 border: 1px solid #E3E3E3;
2764 #browse-selectionsearch p.subjects {
2769 #browse-selectionsearch h4 {
2773 #browse-suggestionserror {
2794 margin-bottom: .4rem;
2797 /*end browse search*/
2799 /* Skip to content link. CSS adapted from https://webaim.org/ */
2801 background: #c60000;
2802 border: 1px solid white;
2803 border-radius: 0 0 4px 0;
2804 border-width: 0 1px 1px 0;
2809 text-decoration: none;
2810 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2812 transition: top .5s ease-out;
2817 outline-color: transparent;
2820 transition: top .1s ease-in;
2830 padding: .75rem 1.25rem;
2832 &[aria-expanded="true"] { font-weight: bold; }
2833 &[aria-expanded="false"] { font-weight: normal; }
2836 background-color: rgba(255, 255, 204, 0.8);
2837 text-decoration: none;
2844 border-top: 1px solid #888;
2850 margin-bottom: 1rem;
2854 background-color: #fff;
2855 border: 1px solid #AAA;
2856 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2865 @import "responsive";