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;
570 color: $high-contrast-grey;
581 .table-striped tbody > tr:nth-child(odd) > td,
582 .table-striped tbody > tr:nth-child(odd) > th {
583 background-color: #F0F3F3;
586 #availability_facet {
590 #facet-holdings-library {
595 background-color: #f0f3f3;
596 border: 1px solid #f0f3f3;
600 background-color: #f0f3f3;
609 @include border-radius-all( 3px );
610 background-color: #FFF;
611 border: 1px solid #AAA;
636 .custom_cover_image {
642 #biblio-cover-slider {
643 background-color: #fff;
644 border: 1px solid #b9d8d9;
646 margin: 0 1em .5em 0;
647 padding: 10px 5px 5px 5px;
652 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
671 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
677 background: transparent none;
695 display: inline-block;
721 background-color: transparent;
730 background-color: #999999;
733 display: inline-block;
736 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
740 background-color: #B94A48;
744 background-color: #F89406;
748 background-color: #468847;
752 background-color: #3A87AD;
756 background-color: #333333;
774 display: inline-block;
789 label.checkbox-label {
821 list-style-type: none;
822 padding: 1em 1em 0 1em;
843 list-style-type: none;
908 list-style-type: none;
910 padding: .5em 1em 0 0;
920 border-bottom: 1px solid #EEE;
923 list-style-type: none;
924 padding-bottom: .2em;
943 /* different sizes for different tags in opac-tags.tt */
986 background-color: #EEEEEE;
987 border: 1px solid #E8E8E8;
989 padding: 3px 3px 5px 5px;
990 vertical-align: middle;
1026 padding: 7px 5px 9px 9px;
1037 display: inline-block;
1038 font-weight: normal;
1040 text-shadow: 1px 1px 0 #fff;
1048 display: inline-block;
1049 font-weight: normal;
1051 text-shadow: 1px 1px 0 #fff;
1055 .selections-toolbar {
1056 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1057 border-bottom: none;
1064 > div:first-child::before {
1105 color: $high-contrast-grey;
1109 font-weight: normal;
1114 margin-bottom: .5em;
1115 padding: 0 2em .2em .2em;
1119 background-color: #F0F3F3;
1120 border: 1px solid #C9C9C9;
1123 display: inline-block;
1129 font-weight: normal;
1130 display: inline-block;
1136 text-decoration: none;
1137 vertical-align: middle;
1141 #bibliodescriptions,
1148 background-color: #FFF;
1152 .results-pagination {
1153 background-color: #F3F3F3;
1155 padding-bottom: 10px;
1166 background: none !important;
1167 color: #999 !important;
1178 border-top: 1px solid #DDDDDD;
1185 background-color: #DDDDDD;
1197 padding-right: 10px;
1209 .pagination_footer {
1210 background-color: #E1E1E1;
1219 background-color: #E1E1E1;
1228 border: 1px solid #D0D0D0;
1237 display: inline-block;
1239 text-decoration: none;
1243 background-color: #F3F3F3;
1244 border-top: 1px solid #D0D0D0;
1247 white-space: nowrap;
1257 border-left: 1px solid #D0D0D0;
1258 border-right: 1px solid #D0D0D0;
1264 background-color: #F3F3F3;
1266 font-weight: normal;
1280 display: inline-block;
1282 font-weight: normal;
1287 background-color: #999999;
1290 font-weight: normal;
1292 text-decoration: none;
1295 background-color: #006699;
1301 background-color: #616161;
1312 list-style-type: none;
1329 background: #E6F0F2 none;
1333 background-color: #F0F3F3;
1335 list-style: none outside none;
1350 background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
1351 background-size: 8px;
1353 display: inline-block;
1359 [aria-current="page"] {
1362 text-decoration: none;
1368 border-top: 1px solid #DDD;
1372 display: inline-block;
1384 text-decoration: underline;
1390 /* action buttons */
1392 background-color: #F0F3F3;
1393 border: 1px solid #E8E8E8;
1403 text-decoration: none;
1409 #moresearches_menu {
1415 font-weight: normal;
1424 border-bottom: 1px solid #EEE;
1431 padding: .25rem 1.5rem;
1433 text-align: inherit;
1434 white-space: nowrap;
1461 .tag_results_input input {
1465 .branch-info-tooltip {
1469 .ui-tooltip-content p {
1473 .ui-widget-content {
1488 border: 1px solid transparent;
1490 display: inline-block;
1498 border: 1px solid #EEE;
1535 background-color: transparent;
1546 padding-bottom: .6em;
1554 padding-bottom: .6em;
1578 border: 1px solid #EEE;
1590 font-family: monospace;
1596 background-color: #FFF;
1600 vertical-align: top;
1601 white-space: nowrap;
1607 vertical-align: top;
1638 .authstanzaheading {
1642 .authorizedheading {
1648 .authres_otherscript {
1661 @include border-radius-all( 3px );
1662 background-color: #EEE;
1663 border: 1px solid #E8E8E8;
1664 box-sizing: border-box;
1670 background-color: #FFFBEA;
1671 border-color: #F4ECBE;
1680 display: inline-block;
1685 padding-left: .25em;
1693 font-weight: normal;
1694 text-decoration: underline;
1707 background-color: #FFF;
1708 border: 1px solid rgba( 0, 0, 0, .2 );
1710 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1722 white-space: nowrap;
1726 border: 1px solid #D2D2CF;
1743 background-color: #F0F3F3;
1744 border-bottom: 1px solid #D8D8D8;
1758 list-style-type: none;
1762 font-weight: normal;
1777 font-weight: normal;
1781 display: inline-block;
1794 list-style-type: none;
1798 border-bottom-width: 1px;
1804 background-color: #FFF;
1805 border-top: 1px solid #999;
1810 background-color: #f0f3f3;
1811 border: 1px solid #d8d8d8;
1812 border-bottom-width: 0;
1816 text-decoration: none;
1823 display: inline-block;
1827 /* Search results add to cart (lists disabled) */
1832 padding: 0 0 .6em 0;
1840 @include border-radius-all( 3px );
1842 background-color: rgba( 255, 255, 204, .4 );
1843 border: 1px solid #CCC;
1844 display: inline-block;
1849 background-color: rgba( 239, 254, 213, .4 );
1859 .commentline .avatar {
1864 /* style for search terms in catalogsearch */
1867 background-color: #FFFFCC;
1871 /* style for shelving location in catalogsearch */
1879 padding: 0 .2em 0 .5em;
1880 text-shadow: 1px 1px 0 #FFF;
1884 border-bottom-left-radius: 3px;
1885 border-top-left-radius: 3px;
1890 border-bottom-right-radius: 3px;
1891 border-top-right-radius: 3px;
1892 border-width: 1px 1px 1px 0;
1895 %page-middle-child {
1896 background-color: #FFFFFF;
1897 border-color: #DDDDDD;
1899 border-style: solid;
1900 border-width: 1px 1px 1px 0;
1905 text-decoration: none;
1913 @extend %page-first-child;
1917 @extend %page-last-child;
1922 @extend %page-middle-child;
1925 @extend %page-first-child;
1929 @extend %page-last-child;
1934 @extend %page-middle-child;
1935 background-color: #F5F5F5;
1939 @extend %page-middle-child;
1943 border-bottom-right-radius: 3px;
1944 border-top-right-radius: 3px;
1949 @include border-radius-all( 3px );
1950 background-color: #FFF0B1;
1951 display: inline-block;
1958 white-space: nowrap;
1967 box-sizing: border-box;
1977 transition: background-color .5s ease;
1980 background: #77b50f none;
2002 .nologininstructions,
2004 .patronregistration {
2008 .registration-label {
2009 display: inline-block;
2014 .registration-value {
2015 background-color: #ebf8ff;
2017 display: inline-block;
2018 font-family: monospace;
2032 margin-bottom: .5em;
2043 .ItemSummary .LabelCallNumber::before {
2047 .ItemSummary .CallNumber::after {
2069 background-color: #F0F3F3;
2070 border: 1px solid #F0F3F3;
2071 color: $high-contrast-grey;
2082 #user-menu-trigger {
2091 border-bottom-color: #999999;
2092 border-top-color: #999999;
2097 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2099 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2109 #ulactioncontainer {
2123 .thumbnail-shelfbrowser span {
2129 thead:first-child tr:first-child > th {
2137 tbody:last-child tr:last-child > td {
2150 display: inline-block;
2168 vertical-align: middle;
2172 border-bottom: 1px solid #EEE;
2173 list-style-type: none;
2179 list-style-type: none;
2187 #recordedbooks-results,
2188 #openlibrary-results {
2194 vertical-align: middle;
2197 #overdrive-results-list .star-rating-control {
2203 table-layout: fixed;
2206 overflow-wrap: break-word;
2230 vertical-align: middle;
2239 text-decoration: none;
2241 &.shelfbrowser_cover {
2244 display: inline-block;
2250 transform: rotate(-90deg);
2251 white-space: nowrap;
2261 transform: rotate(90deg);
2262 white-space: nowrap;
2277 border-bottom: 1px solid #CCC;
2279 margin-bottom: .5em;
2280 padding: 0 1em 1em 1em;
2301 .toggle-hold-options {
2302 background-color: #EEE;
2314 #idreambooksreadometer {
2318 .idreambookslegend {
2322 .idreambookssummary {
2325 text-decoration: none;
2329 vertical-align: middle;
2341 vertical-align: middle;
2346 text-decoration: none;
2386 :first-child::before {
2406 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2420 .illrequest-actions {
2421 margin-bottom: 20px;
2430 #illrequests-create-button {
2431 margin-bottom: 20px;
2441 transform: translateY( -50% );
2446 #freeform-fields .custom-name {
2453 .dropdown:hover .dropdown-menu.nojs {
2459 .ill_availability_sourcename {
2463 #continue-request-row {
2468 border: 1px solid #DDDDDD;
2469 border-radius: 10px;
2482 color: white !important;
2487 background-color: $base;
2490 display: inline-block;
2495 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2498 background-color: lighten( $base, 20% );
2502 .user_overdues_count,
2504 background-color: #990000;
2507 background-color: lighten( #990000, 10% );
2511 .user_holds_waiting_count {
2512 background-color: #538200;
2515 background-color: lighten( #538200, 10% );
2520 border: 1px solid #EAEAE6;
2522 padding-bottom: .5em;
2525 background-color: #E2E8E8;
2526 color: $high-contrast-grey;
2534 list-style-type: none;
2546 /* jQuery Bar Rating plugin for star ratings */
2548 $star-default: #D2D2D2;
2549 $star-active: #C24A4A;
2550 $star-selected: #EDB867;
2553 display: inline-block;
2556 .br-theme-fontawesome-stars {
2560 white-space: nowrap;
2563 -webkit-font-smoothing: antialiased;
2564 font: normal normal normal 20px/1 FontAwesome;
2566 text-decoration: none;
2567 text-rendering: auto;
2570 color: $star-default;
2576 color: $star-active;
2582 color: $star-selected;
2588 .br-current-rating {
2601 #cancel_rating_text {
2608 .br-theme-fontawesome-stars {
2618 &.br-selected::after {
2629 /* END jQuery Bar Rating plugin for star ratings */
2640 /*opac browse search*/
2642 #browse-resultswrapper {
2645 #browse-searchfuzziness {
2649 #browse-searchresults, #browse-selectionsearch {
2650 border: 1px solid #E3E3E3;
2656 #browse-selectionsearch p.subjects {
2661 #browse-selectionsearch h4 {
2665 #browse-suggestionserror {
2686 margin-bottom: .4rem;
2689 /*end browse search*/
2691 /* Skip to content link. CSS adapted from https://webaim.org/ */
2693 background: #c60000;
2694 border: 1px solid white;
2695 border-radius: 0 0 4px 0;
2696 border-width: 0 1px 1px 0;
2701 text-decoration: none;
2702 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2704 transition: top .5s ease-out;
2709 outline-color: transparent;
2712 transition: top .1s ease-in;
2722 padding: .75rem 1.25rem;
2724 &[aria-expanded="true"] { font-weight: bold; }
2725 &[aria-expanded="false"] { font-weight: normal; }
2728 background-color: rgba(255, 255, 204, 0.8);
2729 text-decoration: none;
2736 border-top: 1px solid #888;
2742 margin-bottom: 1rem;
2746 background-color: #fff;
2747 border: 1px solid #AAA;
2748 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2757 @import "responsive";