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);
472 color: darken( $links, 5% );
503 filter: alpha(opacity=65);
510 filter: alpha(opacity=65);
527 /* Override Bootstrap alert */
529 /* Redefine a new style for Bootstrap's class "close" since we use that already */
530 /* Use <a class="closebtn" href="#">×</a> */
540 /* Add style for Bootstrap dropdown-header class */
542 border-top: 1px solid #eee;
547 line-height: 1.42857143;
556 background-image: none;
557 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
563 background-color: #F0F3F3;
565 list-style: none outside none;
572 color: darken( $links, 5%);
585 text-decoration: none;
596 color: $high-contrast-grey;
607 .table-striped tbody > tr:nth-child(odd) > td,
608 .table-striped tbody > tr:nth-child(odd) > th {
609 background-color: #F0F3F3;
612 color: darken( $links, 5%);
625 color: darken( $links, 5% );
630 #availability_facet {
634 #facet-holdings-library {
639 background-color: #f0f3f3;
640 border: 1px solid #f0f3f3;
644 background-color: #f0f3f3;
653 @include border-radius-all( 3px );
654 background-color: #FFF;
655 border: 1px solid #AAA;
680 .custom_cover_image {
686 #biblio-cover-slider {
687 background-color: #fff;
688 border: 1px solid #b9d8d9;
690 margin: 0 1em .5em 0;
691 padding: 10px 5px 5px 5px;
696 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
715 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
721 background: transparent none;
739 display: inline-block;
765 background-color: transparent;
774 background-color: #999999;
777 display: inline-block;
780 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
784 background-color: #B94A48;
788 background-color: #F89406;
792 background-color: #468847;
796 background-color: #3A87AD;
800 background-color: #333333;
818 display: inline-block;
833 label.checkbox-label {
865 list-style-type: none;
866 padding: 1em 1em 0 1em;
887 list-style-type: none;
952 list-style-type: none;
954 padding: .5em 1em 0 0;
964 border-bottom: 1px solid #EEE;
967 list-style-type: none;
968 padding-bottom: .2em;
987 /* different sizes for different tags in opac-tags.tt */
1030 background-color: #EEEEEE;
1031 border: 1px solid #E8E8E8;
1033 padding: 3px 3px 5px 5px;
1034 vertical-align: middle;
1040 white-space: nowrap;
1070 padding: 7px 5px 9px 9px;
1081 display: inline-block;
1082 font-weight: normal;
1084 text-shadow: 1px 1px 0 #fff;
1092 display: inline-block;
1093 font-weight: normal;
1095 text-shadow: 1px 1px 0 #fff;
1099 .selections-toolbar {
1100 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1101 border-bottom: none;
1108 > div:first-child::before {
1149 color: $high-contrast-grey;
1153 font-weight: normal;
1163 display: inline-block;
1179 margin-bottom: .5em;
1180 padding: 0 2em .2em .2em;
1184 background-color: #F0F3F3;
1185 border: 1px solid #C9C9C9;
1188 display: inline-block;
1194 font-weight: normal;
1195 display: inline-block;
1201 text-decoration: none;
1202 vertical-align: middle;
1206 #bibliodescriptions,
1213 background-color: #FFF;
1217 .results-pagination {
1218 background-color: #F3F3F3;
1220 padding-bottom: 10px;
1231 background: none !important;
1232 color: #999 !important;
1243 border-top: 1px solid #DDDDDD;
1250 background-color: #DDDDDD;
1262 padding-right: 10px;
1274 .pagination_footer {
1275 background-color: #E1E1E1;
1284 background-color: #E1E1E1;
1293 border: 1px solid #D0D0D0;
1302 display: inline-block;
1304 text-decoration: none;
1308 background-color: #F3F3F3;
1309 border-top: 1px solid #D0D0D0;
1312 white-space: nowrap;
1322 border-left: 1px solid #D0D0D0;
1323 border-right: 1px solid #D0D0D0;
1329 background-color: #F3F3F3;
1331 font-weight: normal;
1345 display: inline-block;
1347 font-weight: normal;
1352 background-color: #999999;
1355 font-weight: normal;
1357 text-decoration: none;
1360 background-color: #006699;
1366 background-color: #616161;
1377 list-style-type: none;
1395 background-color: #F0F3F3;
1401 [aria-current="page"] {
1404 text-decoration: none;
1410 + .breadcrumb-item {
1412 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;
1413 background-size: 8px;
1414 display: inline-block;
1424 border-top: 1px solid #DDD;
1428 display: inline-block;
1440 text-decoration: underline;
1446 /* action buttons */
1448 background-color: #F5F5F5;
1449 border: 1px solid #E8E8E8;
1458 color: darken( $links, 5% );
1460 text-decoration: none;
1466 #moresearches_menu {
1472 font-weight: normal;
1481 border-bottom: 1px solid #EEE;
1488 padding: .25rem 1.5rem;
1490 text-align: inherit;
1491 white-space: nowrap;
1518 .tag_results_input input {
1522 .branch-info-tooltip {
1526 .ui-tooltip-content p {
1530 .ui-widget-content {
1545 border: 1px solid transparent;
1547 display: inline-block;
1555 border: 1px solid #EEE;
1592 background-color: transparent;
1603 padding-bottom: .6em;
1611 padding-bottom: .6em;
1635 border: 1px solid #EEE;
1647 font-family: monospace;
1653 background-color: #FFF;
1657 vertical-align: top;
1658 white-space: nowrap;
1664 vertical-align: top;
1695 .authstanzaheading {
1699 .authorizedheading {
1705 .authres_otherscript {
1718 @include border-radius-all( 3px );
1719 background-color: #EEE;
1720 border: 1px solid #E8E8E8;
1721 box-sizing: border-box;
1727 background-color: #FFFBEA;
1728 border-color: #F4ECBE;
1737 display: inline-block;
1742 padding-left: .25em;
1750 font-weight: normal;
1751 text-decoration: underline;
1755 background: transparent none;
1761 background: transparent none;
1772 background-color: #FFF;
1773 border: 1px solid rgba( 0, 0, 0, .2 );
1775 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1790 white-space: nowrap;
1794 border: 1px solid #D2D2CF;
1811 background-color: #F0F3F3;
1812 border-bottom: 1px solid #D8D8D8;
1826 list-style-type: none;
1830 font-weight: normal;
1845 font-weight: normal;
1849 display: inline-block;
1862 list-style-type: none;
1866 border-bottom-width: 1px;
1872 background-color: #FFF;
1873 border-top: 1px solid #999;
1878 background-color: #f0f3f3;
1879 border: 1px solid #d8d8d8;
1880 border-bottom-width: 0;
1881 color: darken( $links, 5% );
1885 text-decoration: none;
1892 display: inline-block;
1896 /* Search results add to cart (lists disabled) */
1901 padding: 0 0 .6em 0;
1909 @include border-radius-all( 3px );
1911 background-color: rgba( 255, 255, 204, .4 );
1912 border: 1px solid #CCC;
1913 display: inline-block;
1918 background-color: rgba( 239, 254, 213, .4 );
1928 .commentline .avatar {
1933 /* style for search terms in catalogsearch */
1936 background-color: #FFFFCC;
1940 /* style for shelving location in catalogsearch */
1948 padding: 0 .2em 0 .5em;
1949 text-shadow: 1px 1px 0 #FFF;
1953 border-bottom-left-radius: 3px;
1954 border-top-left-radius: 3px;
1959 border-bottom-right-radius: 3px;
1960 border-top-right-radius: 3px;
1961 border-width: 1px 1px 1px 0;
1964 %page-middle-child {
1965 background-color: #FFFFFF;
1966 border-color: #DDDDDD;
1968 border-style: solid;
1969 border-width: 1px 1px 1px 0;
1974 text-decoration: none;
1982 @extend %page-first-child;
1986 @extend %page-last-child;
1991 @extend %page-middle-child;
1994 @extend %page-first-child;
1998 @extend %page-last-child;
2003 @extend %page-middle-child;
2004 background-color: #F5F5F5;
2008 @extend %page-middle-child;
2012 border-bottom-right-radius: 3px;
2013 border-top-right-radius: 3px;
2018 @include border-radius-all( 3px );
2019 background-color: #FFF0B1;
2020 display: inline-block;
2027 white-space: nowrap;
2036 box-sizing: border-box;
2046 transition: background-color .5s ease;
2049 background: #77b50f none;
2071 .nologininstructions,
2073 .patronregistration {
2077 .registration-label {
2078 display: inline-block;
2083 .registration-value {
2084 background-color: #ebf8ff;
2086 display: inline-block;
2087 font-family: monospace;
2101 margin-bottom: .5em;
2112 .ItemSummary .LabelCallNumber::before {
2116 .ItemSummary .CallNumber::after {
2138 background-color: #F0F3F3;
2139 border: 1px solid #F0F3F3;
2140 color: $high-contrast-grey;
2151 #user-menu-trigger {
2160 border-bottom-color: #999999;
2161 border-top-color: #999999;
2166 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2168 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2178 #ulactioncontainer {
2192 .thumbnail-shelfbrowser span {
2198 thead:first-child tr:first-child > th {
2206 tbody:last-child tr:last-child > td {
2219 display: inline-block;
2237 vertical-align: middle;
2241 border-bottom: 1px solid #EEE;
2242 list-style-type: none;
2248 list-style-type: none;
2256 #recordedbooks-results,
2257 #openlibrary-results {
2263 vertical-align: middle;
2266 #overdrive-results-list .star-rating-control {
2272 table-layout: fixed;
2275 overflow-wrap: break-word;
2299 vertical-align: middle;
2308 text-decoration: none;
2310 &.shelfbrowser_cover {
2313 display: inline-block;
2319 transform: rotate(-90deg);
2320 white-space: nowrap;
2330 transform: rotate(90deg);
2331 white-space: nowrap;
2346 border-bottom: 1px solid #CCC;
2348 margin-bottom: .5em;
2349 padding: 0 1em 1em 1em;
2370 .toggle-hold-options {
2371 background-color: #EEE;
2383 #idreambooksreadometer {
2387 .idreambookslegend {
2391 .idreambookssummary {
2394 text-decoration: none;
2398 vertical-align: middle;
2410 vertical-align: middle;
2415 text-decoration: none;
2455 :first-child:not(.term)::before {
2475 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2489 .illrequest-actions {
2490 margin-bottom: 20px;
2499 #illrequests-create-button {
2500 margin-bottom: 20px;
2510 transform: translateY( -50% );
2515 #freeform-fields .custom-name {
2522 .dropdown:hover .dropdown-menu.nojs {
2526 div.rows span.label {
2529 text-align: inherit;
2533 #ill-supplier-metadata {
2535 flex-flow: column nowrap;
2539 div[class^='requestattr-'] {
2542 flex-flow: row nowrap;
2544 &:nth-of-type(even) {
2545 background-color: #f2f2f2;
2547 &:nth-of-type(odd) {
2548 background-color: #ffffff;
2552 #ill-supplier-metadata > div > span {
2554 flex-flow: row nowrap;
2561 .ill_availability_sourcename {
2565 #continue-request-row {
2570 border: 1px solid #DDDDDD;
2571 border-radius: 10px;
2584 color: white !important;
2589 background-color: $base;
2592 display: inline-block;
2597 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2600 background-color: lighten( $base, 20% );
2604 .user_overdues_count,
2606 background-color: #990000;
2609 background-color: lighten( #990000, 10% );
2613 .user_holds_waiting_count {
2614 background-color: #538200;
2617 background-color: lighten( #538200, 10% );
2622 border: 1px solid #EAEAE6;
2624 padding-bottom: .5em;
2627 background-color: #E2E8E8;
2628 color: $high-contrast-grey;
2636 list-style-type: none;
2648 /* jQuery Bar Rating plugin for star ratings */
2650 $star-default: #D2D2D2;
2651 $star-active: #C24A4A;
2652 $star-selected: #EDB867;
2655 display: inline-block;
2658 .br-theme-fontawesome-stars {
2662 white-space: nowrap;
2665 -webkit-font-smoothing: antialiased;
2666 font: normal normal normal 20px/1 FontAwesome;
2668 text-decoration: none;
2669 text-rendering: auto;
2672 color: $star-default;
2678 color: $star-active;
2684 color: $star-selected;
2690 .br-current-rating {
2703 #cancel_rating_text {
2710 .br-theme-fontawesome-stars {
2720 &.br-selected::after {
2731 /* END jQuery Bar Rating plugin for star ratings */
2742 /*opac browse search*/
2744 #browse-resultswrapper {
2747 #browse-searchfuzziness {
2751 #browse-searchresults, #browse-selectionsearch {
2752 border: 1px solid #E3E3E3;
2758 #browse-selectionsearch p.subjects {
2763 #browse-selectionsearch h4 {
2767 #browse-suggestionserror {
2788 margin-bottom: .4rem;
2791 /*end browse search*/
2793 /* Skip to content link. CSS adapted from https://webaim.org/ */
2795 background: #c60000;
2796 border: 1px solid white;
2797 border-radius: 0 0 4px 0;
2798 border-width: 0 1px 1px 0;
2803 text-decoration: none;
2804 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2806 transition: top .5s ease-out;
2811 outline-color: transparent;
2814 transition: top .1s ease-in;
2824 padding: .75rem 1.25rem;
2826 &[aria-expanded="true"] { font-weight: bold; }
2827 &[aria-expanded="false"] { font-weight: normal; }
2830 background-color: rgba(255, 255, 204, 0.8);
2831 text-decoration: none;
2838 border-top: 1px solid #888;
2844 margin-bottom: 1rem;
2848 background-color: #fff;
2849 border: 1px solid #AAA;
2850 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2859 @import "responsive";