23 .dropdown-toggle::after {
29 .nav-item .login-link {
95 text-decoration: none;
99 &.reviewlink:visited {
102 text-decoration: none;
106 vertical-align: middle;
155 background-color: #FFF;
174 background-color: #FFFFE5;
196 background-color: #E2E8E8;
203 background-color: transparent;
240 .advanced-search-terms {
243 grid-template-columns: 25% 35% 35% 5%;
254 border: 1px solid #EEE;
282 @include border-radius-all( 3px );
283 background-color: #85ca11;
286 font-family: 'NotoSans';
305 text-decoration: none;
321 padding-bottom: .6rem;
334 text-decoration: underline;
346 border: 1px solid #EEE;
347 border-right-color: #FCF9FC;
366 display: inline-block;
401 border: 1px solid #DDD;
414 border-bottom: 1px solid #EEE;
418 padding-bottom: .5em;
433 text-decoration: none;
439 background: rgb(240, 109, 52) none;
444 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
496 filter: alpha(opacity=65);
503 filter: alpha(opacity=65);
520 /* Override Bootstrap alert */
522 /* Redefine a new style for Bootstrap's class "close" since we use that already */
523 /* Use <a class="closebtn" href="#">×</a> */
533 /* Add style for Bootstrap dropdown-header class */
535 border-top: 1px solid #eee;
540 line-height: 1.42857143;
549 background-image: none;
550 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
556 background-color: #F0F3F3;
558 list-style: none outside none;
572 text-decoration: none;
583 color: $high-contrast-grey;
594 .table-striped tbody > tr:nth-child(odd) > td,
595 .table-striped tbody > tr:nth-child(odd) > th {
596 background-color: #F0F3F3;
599 #availability_facet {
603 #facet-holdings-library {
608 background-color: #f0f3f3;
609 border: 1px solid #f0f3f3;
613 background-color: #f0f3f3;
622 @include border-radius-all( 3px );
623 background-color: #FFF;
624 border: 1px solid #AAA;
649 .custom_cover_image {
655 #biblio-cover-slider {
656 background-color: #fff;
657 border: 1px solid #b9d8d9;
659 margin: 0 1em .5em 0;
660 padding: 10px 5px 5px 5px;
665 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
684 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
690 background: transparent none;
708 display: inline-block;
734 background-color: transparent;
743 background-color: #999999;
746 display: inline-block;
749 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
753 background-color: #B94A48;
757 background-color: #F89406;
761 background-color: #468847;
765 background-color: #3A87AD;
769 background-color: #333333;
787 display: inline-block;
802 label.checkbox-label {
834 list-style-type: none;
835 padding: 1em 1em 0 1em;
856 list-style-type: none;
921 list-style-type: none;
923 padding: .5em 1em 0 0;
933 border-bottom: 1px solid #EEE;
936 list-style-type: none;
937 padding-bottom: .2em;
956 /* different sizes for different tags in opac-tags.tt */
999 background-color: #EEEEEE;
1000 border: 1px solid #E8E8E8;
1002 padding: 3px 3px 5px 5px;
1003 vertical-align: middle;
1009 white-space: nowrap;
1039 padding: 7px 5px 9px 9px;
1050 display: inline-block;
1051 font-weight: normal;
1053 text-shadow: 1px 1px 0 #fff;
1061 display: inline-block;
1062 font-weight: normal;
1064 text-shadow: 1px 1px 0 #fff;
1068 .selections-toolbar {
1069 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1070 border-bottom: none;
1077 > div:first-child::before {
1118 color: $high-contrast-grey;
1122 font-weight: normal;
1127 margin-bottom: .5em;
1128 padding: 0 2em .2em .2em;
1132 background-color: #F0F3F3;
1133 border: 1px solid #C9C9C9;
1136 display: inline-block;
1142 font-weight: normal;
1143 display: inline-block;
1149 text-decoration: none;
1150 vertical-align: middle;
1154 #bibliodescriptions,
1161 background-color: #FFF;
1165 .results-pagination {
1166 background-color: #F3F3F3;
1168 padding-bottom: 10px;
1179 background: none !important;
1180 color: #999 !important;
1191 border-top: 1px solid #DDDDDD;
1198 background-color: #DDDDDD;
1210 padding-right: 10px;
1222 .pagination_footer {
1223 background-color: #E1E1E1;
1232 background-color: #E1E1E1;
1241 border: 1px solid #D0D0D0;
1250 display: inline-block;
1252 text-decoration: none;
1256 background-color: #F3F3F3;
1257 border-top: 1px solid #D0D0D0;
1260 white-space: nowrap;
1270 border-left: 1px solid #D0D0D0;
1271 border-right: 1px solid #D0D0D0;
1277 background-color: #F3F3F3;
1279 font-weight: normal;
1293 display: inline-block;
1295 font-weight: normal;
1300 background-color: #999999;
1303 font-weight: normal;
1305 text-decoration: none;
1308 background-color: #006699;
1314 background-color: #616161;
1325 list-style-type: none;
1342 background: transparent none;
1346 background-color: #F0F3F3;
1348 list-style: none outside none;
1363 background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
1364 background-size: 8px;
1366 display: inline-block;
1372 [aria-current="page"] {
1375 text-decoration: none;
1381 border-top: 1px solid #DDD;
1385 display: inline-block;
1397 text-decoration: underline;
1403 /* action buttons */
1405 background-color: #F0F3F3;
1406 border: 1px solid #E8E8E8;
1416 text-decoration: none;
1422 #moresearches_menu {
1428 font-weight: normal;
1437 border-bottom: 1px solid #EEE;
1444 padding: .25rem 1.5rem;
1446 text-align: inherit;
1447 white-space: nowrap;
1474 .tag_results_input input {
1478 .branch-info-tooltip {
1482 .ui-tooltip-content p {
1486 .ui-widget-content {
1501 border: 1px solid transparent;
1503 display: inline-block;
1511 border: 1px solid #EEE;
1548 background-color: transparent;
1559 padding-bottom: .6em;
1567 padding-bottom: .6em;
1591 border: 1px solid #EEE;
1603 font-family: monospace;
1609 background-color: #FFF;
1613 vertical-align: top;
1614 white-space: nowrap;
1620 vertical-align: top;
1651 .authstanzaheading {
1655 .authorizedheading {
1661 .authres_otherscript {
1674 @include border-radius-all( 3px );
1675 background-color: #EEE;
1676 border: 1px solid #E8E8E8;
1677 box-sizing: border-box;
1683 background-color: #FFFBEA;
1684 border-color: #F4ECBE;
1693 display: inline-block;
1698 padding-left: .25em;
1706 font-weight: normal;
1707 text-decoration: underline;
1720 background-color: #FFF;
1721 border: 1px solid rgba( 0, 0, 0, .2 );
1723 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1735 white-space: nowrap;
1739 border: 1px solid #D2D2CF;
1756 background-color: #F0F3F3;
1757 border-bottom: 1px solid #D8D8D8;
1771 list-style-type: none;
1775 font-weight: normal;
1790 font-weight: normal;
1794 display: inline-block;
1807 list-style-type: none;
1811 border-bottom-width: 1px;
1817 background-color: #FFF;
1818 border-top: 1px solid #999;
1823 background-color: #f0f3f3;
1824 border: 1px solid #d8d8d8;
1825 border-bottom-width: 0;
1829 text-decoration: none;
1836 display: inline-block;
1840 /* Search results add to cart (lists disabled) */
1845 padding: 0 0 .6em 0;
1853 @include border-radius-all( 3px );
1855 background-color: rgba( 255, 255, 204, .4 );
1856 border: 1px solid #CCC;
1857 display: inline-block;
1862 background-color: rgba( 239, 254, 213, .4 );
1872 .commentline .avatar {
1877 /* style for search terms in catalogsearch */
1880 background-color: #FFFFCC;
1884 /* style for shelving location in catalogsearch */
1892 padding: 0 .2em 0 .5em;
1893 text-shadow: 1px 1px 0 #FFF;
1897 border-bottom-left-radius: 3px;
1898 border-top-left-radius: 3px;
1903 border-bottom-right-radius: 3px;
1904 border-top-right-radius: 3px;
1905 border-width: 1px 1px 1px 0;
1908 %page-middle-child {
1909 background-color: #FFFFFF;
1910 border-color: #DDDDDD;
1912 border-style: solid;
1913 border-width: 1px 1px 1px 0;
1918 text-decoration: none;
1926 @extend %page-first-child;
1930 @extend %page-last-child;
1935 @extend %page-middle-child;
1938 @extend %page-first-child;
1942 @extend %page-last-child;
1947 @extend %page-middle-child;
1948 background-color: #F5F5F5;
1952 @extend %page-middle-child;
1956 border-bottom-right-radius: 3px;
1957 border-top-right-radius: 3px;
1962 @include border-radius-all( 3px );
1963 background-color: #FFF0B1;
1964 display: inline-block;
1971 white-space: nowrap;
1980 box-sizing: border-box;
1990 transition: background-color .5s ease;
1993 background: #77b50f none;
2015 .nologininstructions,
2017 .patronregistration {
2021 .registration-label {
2022 display: inline-block;
2027 .registration-value {
2028 background-color: #ebf8ff;
2030 display: inline-block;
2031 font-family: monospace;
2045 margin-bottom: .5em;
2056 .ItemSummary .LabelCallNumber::before {
2060 .ItemSummary .CallNumber::after {
2082 background-color: #F0F3F3;
2083 border: 1px solid #F0F3F3;
2084 color: $high-contrast-grey;
2095 #user-menu-trigger {
2104 border-bottom-color: #999999;
2105 border-top-color: #999999;
2110 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2112 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2122 #ulactioncontainer {
2136 .thumbnail-shelfbrowser span {
2142 thead:first-child tr:first-child > th {
2150 tbody:last-child tr:last-child > td {
2163 display: inline-block;
2181 vertical-align: middle;
2185 border-bottom: 1px solid #EEE;
2186 list-style-type: none;
2192 list-style-type: none;
2200 #recordedbooks-results,
2201 #openlibrary-results {
2207 vertical-align: middle;
2210 #overdrive-results-list .star-rating-control {
2216 table-layout: fixed;
2219 overflow-wrap: break-word;
2243 vertical-align: middle;
2252 text-decoration: none;
2254 &.shelfbrowser_cover {
2257 display: inline-block;
2263 transform: rotate(-90deg);
2264 white-space: nowrap;
2274 transform: rotate(90deg);
2275 white-space: nowrap;
2290 border-bottom: 1px solid #CCC;
2292 margin-bottom: .5em;
2293 padding: 0 1em 1em 1em;
2314 .toggle-hold-options {
2315 background-color: #EEE;
2327 #idreambooksreadometer {
2331 .idreambookslegend {
2335 .idreambookssummary {
2338 text-decoration: none;
2342 vertical-align: middle;
2354 vertical-align: middle;
2359 text-decoration: none;
2399 :first-child::before {
2419 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2433 .illrequest-actions {
2434 margin-bottom: 20px;
2443 #illrequests-create-button {
2444 margin-bottom: 20px;
2454 transform: translateY( -50% );
2459 #freeform-fields .custom-name {
2466 .dropdown:hover .dropdown-menu.nojs {
2472 .ill_availability_sourcename {
2476 #continue-request-row {
2481 border: 1px solid #DDDDDD;
2482 border-radius: 10px;
2495 color: white !important;
2500 background-color: $base;
2503 display: inline-block;
2508 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2511 background-color: lighten( $base, 20% );
2515 .user_overdues_count,
2517 background-color: #990000;
2520 background-color: lighten( #990000, 10% );
2524 .user_holds_waiting_count {
2525 background-color: #538200;
2528 background-color: lighten( #538200, 10% );
2533 border: 1px solid #EAEAE6;
2535 padding-bottom: .5em;
2538 background-color: #E2E8E8;
2539 color: $high-contrast-grey;
2547 list-style-type: none;
2559 /* jQuery Bar Rating plugin for star ratings */
2561 $star-default: #D2D2D2;
2562 $star-active: #C24A4A;
2563 $star-selected: #EDB867;
2566 display: inline-block;
2569 .br-theme-fontawesome-stars {
2573 white-space: nowrap;
2576 -webkit-font-smoothing: antialiased;
2577 font: normal normal normal 20px/1 FontAwesome;
2579 text-decoration: none;
2580 text-rendering: auto;
2583 color: $star-default;
2589 color: $star-active;
2595 color: $star-selected;
2601 .br-current-rating {
2614 #cancel_rating_text {
2621 .br-theme-fontawesome-stars {
2631 &.br-selected::after {
2642 /* END jQuery Bar Rating plugin for star ratings */
2653 /*opac browse search*/
2655 #browse-resultswrapper {
2658 #browse-searchfuzziness {
2662 #browse-searchresults, #browse-selectionsearch {
2663 border: 1px solid #E3E3E3;
2669 #browse-selectionsearch p.subjects {
2674 #browse-selectionsearch h4 {
2678 #browse-suggestionserror {
2699 margin-bottom: .4rem;
2702 /*end browse search*/
2704 /* Skip to content link. CSS adapted from https://webaim.org/ */
2706 background: #c60000;
2707 border: 1px solid white;
2708 border-radius: 0 0 4px 0;
2709 border-width: 0 1px 1px 0;
2714 text-decoration: none;
2715 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2717 transition: top .5s ease-out;
2722 outline-color: transparent;
2725 transition: top .1s ease-in;
2735 padding: .75rem 1.25rem;
2737 &[aria-expanded="true"] { font-weight: bold; }
2738 &[aria-expanded="false"] { font-weight: normal; }
2741 background-color: rgba(255, 255, 204, 0.8);
2742 text-decoration: none;
2749 border-top: 1px solid #888;
2755 margin-bottom: 1rem;
2759 background-color: #fff;
2760 border: 1px solid #AAA;
2761 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2770 @import "responsive";