23 .dropdown-toggle::after {
29 .nav-item .login-link {
100 text-decoration: none;
104 &.reviewlink:visited {
107 text-decoration: none;
111 vertical-align: middle;
160 background-color: #FFF;
179 background-color: #FFFFE5;
201 background-color: #E2E8E8;
208 background-color: transparent;
245 .advanced-search-terms {
248 grid-template-columns: 25% 35% 35% 5%;
259 border: 1px solid #EEE;
287 @include border-radius-all( 3px );
288 background-color: $base-theme-color;
291 font-family: 'NotoSans';
310 text-decoration: none;
326 padding-bottom: .6rem;
339 text-decoration: underline;
351 border: 1px solid #EEE;
352 border-right-color: #FCF9FC;
371 display: inline-block;
406 border: 1px solid #DDD;
419 border-bottom: 1px solid #EEE;
423 padding-bottom: .5em;
438 text-decoration: none;
444 background: rgb(240, 109, 52) none;
449 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
471 color: darken( $links, 5% );
502 filter: alpha(opacity=65);
509 filter: alpha(opacity=65);
526 /* Override Bootstrap alert */
528 /* Redefine a new style for Bootstrap's class "close" since we use that already */
529 /* Use <a class="closebtn" href="#">×</a> */
539 /* Add style for Bootstrap dropdown-header class */
541 border-top: 1px solid #eee;
546 line-height: 1.42857143;
555 background-image: none;
556 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
562 background-color: #F0F3F3;
564 list-style: none outside none;
571 color: darken( $links, 5%);
584 text-decoration: none;
595 color: $high-contrast-grey;
606 .table-striped tbody > tr:nth-child(odd) > td,
607 .table-striped tbody > tr:nth-child(odd) > th {
608 background-color: #F0F3F3;
611 color: darken( $links, 5%);
624 color: darken( $links, 5% );
629 #availability_facet {
633 #facet-holdings-library {
638 background-color: #f0f3f3;
639 border: 1px solid #f0f3f3;
643 background-color: #f0f3f3;
652 @include border-radius-all( 3px );
653 background-color: #FFF;
654 border: 1px solid #AAA;
679 .custom_cover_image {
685 #biblio-cover-slider {
686 background-color: #fff;
687 border: 1px solid #b9d8d9;
689 margin: 0 1em .5em 0;
690 padding: 10px 5px 5px 5px;
695 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
714 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
720 background: transparent none;
738 display: inline-block;
764 background-color: transparent;
773 background-color: #999999;
776 display: inline-block;
779 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
783 background-color: #B94A48;
787 background-color: #F89406;
791 background-color: #468847;
795 background-color: #3A87AD;
799 background-color: #333333;
817 display: inline-block;
832 label.checkbox-label {
864 list-style-type: none;
865 padding: 1em 1em 0 1em;
886 list-style-type: none;
951 list-style-type: none;
953 padding: .5em 1em 0 0;
963 border-bottom: 1px solid #EEE;
966 list-style-type: none;
967 padding-bottom: .2em;
986 /* different sizes for different tags in opac-tags.tt */
1029 background-color: #EEEEEE;
1030 border: 1px solid #E8E8E8;
1032 padding: 3px 3px 5px 5px;
1033 vertical-align: middle;
1039 white-space: nowrap;
1069 padding: 7px 5px 9px 9px;
1080 display: inline-block;
1081 font-weight: normal;
1083 text-shadow: 1px 1px 0 #fff;
1091 display: inline-block;
1092 font-weight: normal;
1094 text-shadow: 1px 1px 0 #fff;
1098 .selections-toolbar {
1099 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1100 border-bottom: none;
1107 > div:first-child::before {
1148 color: $high-contrast-grey;
1152 font-weight: normal;
1157 display: inline-block;
1162 display: inline-block;
1178 margin-bottom: .5em;
1179 padding: 0 2em .2em .2em;
1183 background-color: #F0F3F3;
1184 border: 1px solid #C9C9C9;
1187 display: inline-block;
1193 font-weight: normal;
1194 display: inline-block;
1200 text-decoration: none;
1201 vertical-align: middle;
1205 #bibliodescriptions,
1212 background-color: #FFF;
1216 .results-pagination {
1217 background-color: #F3F3F3;
1219 padding-bottom: 10px;
1230 background: none !important;
1231 color: #999 !important;
1242 border-top: 1px solid #DDDDDD;
1249 background-color: #DDDDDD;
1261 padding-right: 10px;
1273 .pagination_footer {
1274 background-color: #E1E1E1;
1283 background-color: #E1E1E1;
1292 border: 1px solid #D0D0D0;
1301 display: inline-block;
1303 text-decoration: none;
1307 background-color: #F3F3F3;
1308 border-top: 1px solid #D0D0D0;
1311 white-space: nowrap;
1321 border-left: 1px solid #D0D0D0;
1322 border-right: 1px solid #D0D0D0;
1328 background-color: #F3F3F3;
1330 font-weight: normal;
1344 display: inline-block;
1346 font-weight: normal;
1351 background-color: #999999;
1354 font-weight: normal;
1356 text-decoration: none;
1359 background-color: #006699;
1365 background-color: #616161;
1376 list-style-type: none;
1394 background-color: #F0F3F3;
1400 [aria-current="page"] {
1403 text-decoration: none;
1409 + .breadcrumb-item {
1411 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;
1412 background-size: 8px;
1413 display: inline-block;
1423 border-top: 1px solid #DDD;
1427 display: inline-block;
1439 text-decoration: underline;
1445 /* action buttons */
1447 background-color: #F5F5F5;
1448 border: 1px solid #E8E8E8;
1457 color: darken( $links, 5% );
1459 text-decoration: none;
1465 #moresearches_menu {
1471 font-weight: normal;
1480 border-bottom: 1px solid #EEE;
1487 padding: .25rem 1.5rem;
1489 text-align: inherit;
1490 white-space: nowrap;
1517 .tag_results_input input {
1521 .branch-info-tooltip {
1525 .ui-tooltip-content p {
1529 .ui-widget-content {
1544 border: 1px solid transparent;
1546 display: inline-block;
1554 border: 1px solid #EEE;
1591 background-color: transparent;
1602 padding-bottom: .6em;
1610 padding-bottom: .6em;
1634 border: 1px solid #EEE;
1646 font-family: monospace;
1652 background-color: #FFF;
1656 vertical-align: top;
1657 white-space: nowrap;
1663 vertical-align: top;
1694 .authstanzaheading {
1698 .authorizedheading {
1704 .authres_otherscript {
1717 @include border-radius-all( 3px );
1718 background-color: #EEE;
1719 border: 1px solid #E8E8E8;
1720 box-sizing: border-box;
1726 background-color: #FFFBEA;
1727 border-color: #F4ECBE;
1736 display: inline-block;
1741 padding-left: .25em;
1749 font-weight: normal;
1750 text-decoration: underline;
1754 background: transparent none;
1760 background: transparent none;
1771 background-color: #FFF;
1772 border: 1px solid rgba( 0, 0, 0, .2 );
1774 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1789 white-space: nowrap;
1793 border: 1px solid #D2D2CF;
1810 background-color: #F0F3F3;
1811 border-bottom: 1px solid #D8D8D8;
1825 list-style-type: none;
1829 font-weight: normal;
1844 font-weight: normal;
1848 display: inline-block;
1861 list-style-type: none;
1865 border-bottom-width: 1px;
1871 background-color: #FFF;
1872 border-top: 1px solid #999;
1877 background-color: #f0f3f3;
1878 border: 1px solid #d8d8d8;
1879 border-bottom-width: 0;
1880 color: darken( $links, 5% );
1884 text-decoration: none;
1891 display: inline-block;
1895 /* Search results add to cart (lists disabled) */
1900 padding: 0 0 .6em 0;
1908 @include border-radius-all( 3px );
1910 background-color: rgba( 255, 255, 204, .4 );
1911 border: 1px solid #CCC;
1912 display: inline-block;
1917 background-color: rgba( 239, 254, 213, .4 );
1927 .commentline .avatar {
1932 /* style for search terms in catalogsearch */
1935 background-color: #FFFFCC;
1939 /* style for shelving location in catalogsearch */
1947 padding: 0 .2em 0 .5em;
1948 text-shadow: 1px 1px 0 #FFF;
1952 border-bottom-left-radius: 3px;
1953 border-top-left-radius: 3px;
1958 border-bottom-right-radius: 3px;
1959 border-top-right-radius: 3px;
1960 border-width: 1px 1px 1px 0;
1963 %page-middle-child {
1964 background-color: #FFFFFF;
1965 border-color: #DDDDDD;
1967 border-style: solid;
1968 border-width: 1px 1px 1px 0;
1973 text-decoration: none;
1981 @extend %page-first-child;
1985 @extend %page-last-child;
1990 @extend %page-middle-child;
1993 @extend %page-first-child;
1997 @extend %page-last-child;
2002 @extend %page-middle-child;
2003 background-color: #F5F5F5;
2007 @extend %page-middle-child;
2011 border-bottom-right-radius: 3px;
2012 border-top-right-radius: 3px;
2017 @include border-radius-all( 3px );
2018 background-color: #FFF0B1;
2019 display: inline-block;
2026 white-space: nowrap;
2035 box-sizing: border-box;
2045 transition: background-color .5s ease;
2048 background: #77b50f none;
2070 .nologininstructions,
2072 .patronregistration {
2076 .registration-label {
2077 display: inline-block;
2082 .registration-value {
2083 background-color: #ebf8ff;
2085 display: inline-block;
2086 font-family: monospace;
2100 margin-bottom: .5em;
2111 .ItemSummary .LabelCallNumber::before {
2115 .ItemSummary .CallNumber::after {
2137 background-color: #F0F3F3;
2138 border: 1px solid #F0F3F3;
2139 color: $high-contrast-grey;
2150 #user-menu-trigger {
2159 border-bottom-color: #999999;
2160 border-top-color: #999999;
2165 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2167 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2177 #ulactioncontainer {
2191 .thumbnail-shelfbrowser span {
2197 thead:first-child tr:first-child > th {
2205 tbody:last-child tr:last-child > td {
2218 display: inline-block;
2236 vertical-align: middle;
2240 border-bottom: 1px solid #EEE;
2241 list-style-type: none;
2247 list-style-type: none;
2255 #recordedbooks-results,
2256 #openlibrary-results {
2262 vertical-align: middle;
2265 #overdrive-results-list .star-rating-control {
2271 table-layout: fixed;
2274 overflow-wrap: break-word;
2298 vertical-align: middle;
2307 text-decoration: none;
2309 &.shelfbrowser_cover {
2312 display: inline-block;
2318 transform: rotate(-90deg);
2319 white-space: nowrap;
2329 transform: rotate(90deg);
2330 white-space: nowrap;
2345 border-bottom: 1px solid #CCC;
2347 margin-bottom: .5em;
2348 padding: 0 1em 1em 1em;
2369 .toggle-hold-options {
2370 background-color: #EEE;
2382 #idreambooksreadometer {
2386 .idreambookslegend {
2390 .idreambookssummary {
2393 text-decoration: none;
2397 vertical-align: middle;
2409 vertical-align: middle;
2414 text-decoration: none;
2454 :first-child:not(.term)::before {
2474 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2488 .illrequest-actions {
2489 margin-bottom: 20px;
2498 #illrequests-create-button {
2499 margin-bottom: 20px;
2509 transform: translateY( -50% );
2514 #freeform-fields .custom-name {
2521 .dropdown:hover .dropdown-menu.nojs {
2525 div.rows span.label {
2528 text-align: inherit;
2532 #ill-supplier-metadata {
2534 flex-flow: column nowrap;
2538 div[class^='requestattr-'] {
2541 flex-flow: row nowrap;
2543 &:nth-of-type(even) {
2544 background-color: #f2f2f2;
2546 &:nth-of-type(odd) {
2547 background-color: #ffffff;
2551 #ill-supplier-metadata > div > span {
2553 flex-flow: row nowrap;
2560 .ill_availability_sourcename {
2564 #continue-request-row {
2569 border: 1px solid #DDDDDD;
2570 border-radius: 10px;
2583 color: white !important;
2588 background-color: $base;
2591 display: inline-block;
2596 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2599 background-color: lighten( $base, 20% );
2603 .user_overdues_count,
2605 background-color: #990000;
2608 background-color: lighten( #990000, 10% );
2612 .user_holds_waiting_count {
2613 background-color: #538200;
2616 background-color: lighten( #538200, 10% );
2621 border: 1px solid #EAEAE6;
2623 padding-bottom: .5em;
2626 background-color: #E2E8E8;
2627 color: $high-contrast-grey;
2635 list-style-type: none;
2647 /* jQuery Bar Rating plugin for star ratings */
2649 $star-default: #D2D2D2;
2650 $star-active: #C24A4A;
2651 $star-selected: #EDB867;
2654 display: inline-block;
2657 .br-theme-fontawesome-stars {
2661 white-space: nowrap;
2664 -webkit-font-smoothing: antialiased;
2665 font: normal normal normal 20px/1 FontAwesome;
2667 text-decoration: none;
2668 text-rendering: auto;
2671 color: $star-default;
2677 color: $star-active;
2683 color: $star-selected;
2689 .br-current-rating {
2702 #cancel_rating_text {
2709 .br-theme-fontawesome-stars {
2719 &.br-selected::after {
2730 /* END jQuery Bar Rating plugin for star ratings */
2741 /*opac browse search*/
2743 #browse-resultswrapper {
2746 #browse-searchfuzziness {
2750 #browse-searchresults, #browse-selectionsearch {
2751 border: 1px solid #E3E3E3;
2757 #browse-selectionsearch p.subjects {
2762 #browse-selectionsearch h4 {
2766 #browse-suggestionserror {
2787 margin-bottom: .4rem;
2790 /*end browse search*/
2792 /* Skip to content link. CSS adapted from https://webaim.org/ */
2794 background: #c60000;
2795 border: 1px solid white;
2796 border-radius: 0 0 4px 0;
2797 border-width: 0 1px 1px 0;
2802 text-decoration: none;
2803 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2805 transition: top .5s ease-out;
2810 outline-color: transparent;
2813 transition: top .1s ease-in;
2823 padding: .75rem 1.25rem;
2825 &[aria-expanded="true"] { font-weight: bold; }
2826 &[aria-expanded="false"] { font-weight: normal; }
2829 background-color: rgba(255, 255, 204, 0.8);
2830 text-decoration: none;
2837 border-top: 1px solid #888;
2843 margin-bottom: 1rem;
2847 background-color: #fff;
2848 border: 1px solid #AAA;
2849 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2858 @import "responsive";