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);
466 color: darken( $links, 5% );
497 filter: alpha(opacity=65);
504 filter: alpha(opacity=65);
521 /* Override Bootstrap alert */
523 /* Redefine a new style for Bootstrap's class "close" since we use that already */
524 /* Use <a class="closebtn" href="#">×</a> */
534 /* Add style for Bootstrap dropdown-header class */
536 border-top: 1px solid #eee;
541 line-height: 1.42857143;
550 background-image: none;
551 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
557 background-color: #F0F3F3;
559 list-style: none outside none;
566 color: darken( $links, 5%);
579 text-decoration: none;
590 color: $high-contrast-grey;
601 .table-striped tbody > tr:nth-child(odd) > td,
602 .table-striped tbody > tr:nth-child(odd) > th {
603 background-color: #F0F3F3;
606 color: darken( $links, 5%);
619 color: darken( $links, 5% );
624 #availability_facet {
628 #facet-holdings-library {
633 background-color: #f0f3f3;
634 border: 1px solid #f0f3f3;
638 background-color: #f0f3f3;
647 @include border-radius-all( 3px );
648 background-color: #FFF;
649 border: 1px solid #AAA;
674 .custom_cover_image {
680 #biblio-cover-slider {
681 background-color: #fff;
682 border: 1px solid #b9d8d9;
684 margin: 0 1em .5em 0;
685 padding: 10px 5px 5px 5px;
690 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
709 background: #FFF url("../img/spinner-small.gif") center center no-repeat;
715 background: transparent none;
733 display: inline-block;
759 background-color: transparent;
768 background-color: #999999;
771 display: inline-block;
774 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
778 background-color: #B94A48;
782 background-color: #F89406;
786 background-color: #468847;
790 background-color: #3A87AD;
794 background-color: #333333;
812 display: inline-block;
827 label.checkbox-label {
859 list-style-type: none;
860 padding: 1em 1em 0 1em;
881 list-style-type: none;
946 list-style-type: none;
948 padding: .5em 1em 0 0;
958 border-bottom: 1px solid #EEE;
961 list-style-type: none;
962 padding-bottom: .2em;
981 /* different sizes for different tags in opac-tags.tt */
1024 background-color: #EEEEEE;
1025 border: 1px solid #E8E8E8;
1027 padding: 3px 3px 5px 5px;
1028 vertical-align: middle;
1034 white-space: nowrap;
1064 padding: 7px 5px 9px 9px;
1075 display: inline-block;
1076 font-weight: normal;
1078 text-shadow: 1px 1px 0 #fff;
1086 display: inline-block;
1087 font-weight: normal;
1089 text-shadow: 1px 1px 0 #fff;
1093 .selections-toolbar {
1094 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1095 border-bottom: none;
1102 > div:first-child::before {
1143 color: $high-contrast-grey;
1147 font-weight: normal;
1152 margin-bottom: .5em;
1153 padding: 0 2em .2em .2em;
1157 background-color: #F0F3F3;
1158 border: 1px solid #C9C9C9;
1161 display: inline-block;
1167 font-weight: normal;
1168 display: inline-block;
1174 text-decoration: none;
1175 vertical-align: middle;
1179 #bibliodescriptions,
1186 background-color: #FFF;
1190 .results-pagination {
1191 background-color: #F3F3F3;
1193 padding-bottom: 10px;
1204 background: none !important;
1205 color: #999 !important;
1216 border-top: 1px solid #DDDDDD;
1223 background-color: #DDDDDD;
1235 padding-right: 10px;
1247 .pagination_footer {
1248 background-color: #E1E1E1;
1257 background-color: #E1E1E1;
1266 border: 1px solid #D0D0D0;
1275 display: inline-block;
1277 text-decoration: none;
1281 background-color: #F3F3F3;
1282 border-top: 1px solid #D0D0D0;
1285 white-space: nowrap;
1295 border-left: 1px solid #D0D0D0;
1296 border-right: 1px solid #D0D0D0;
1302 background-color: #F3F3F3;
1304 font-weight: normal;
1318 display: inline-block;
1320 font-weight: normal;
1325 background-color: #999999;
1328 font-weight: normal;
1330 text-decoration: none;
1333 background-color: #006699;
1339 background-color: #616161;
1350 list-style-type: none;
1368 background-color: #F0F3F3;
1374 [aria-current="page"] {
1377 text-decoration: none;
1383 + .breadcrumb-item {
1385 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;
1386 background-size: 8px;
1387 display: inline-block;
1397 border-top: 1px solid #DDD;
1401 display: inline-block;
1413 text-decoration: underline;
1419 /* action buttons */
1421 background-color: #F5F5F5;
1422 border: 1px solid #E8E8E8;
1431 color: darken( $links, 5% );
1433 text-decoration: none;
1439 #moresearches_menu {
1445 font-weight: normal;
1454 border-bottom: 1px solid #EEE;
1461 padding: .25rem 1.5rem;
1463 text-align: inherit;
1464 white-space: nowrap;
1491 .tag_results_input input {
1495 .branch-info-tooltip {
1499 .ui-tooltip-content p {
1503 .ui-widget-content {
1518 border: 1px solid transparent;
1520 display: inline-block;
1528 border: 1px solid #EEE;
1565 background-color: transparent;
1576 padding-bottom: .6em;
1584 padding-bottom: .6em;
1608 border: 1px solid #EEE;
1620 font-family: monospace;
1626 background-color: #FFF;
1630 vertical-align: top;
1631 white-space: nowrap;
1637 vertical-align: top;
1668 .authstanzaheading {
1672 .authorizedheading {
1678 .authres_otherscript {
1691 @include border-radius-all( 3px );
1692 background-color: #EEE;
1693 border: 1px solid #E8E8E8;
1694 box-sizing: border-box;
1700 background-color: #FFFBEA;
1701 border-color: #F4ECBE;
1710 display: inline-block;
1715 padding-left: .25em;
1723 font-weight: normal;
1724 text-decoration: underline;
1735 background-color: #FFF;
1736 border: 1px solid rgba( 0, 0, 0, .2 );
1738 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1753 white-space: nowrap;
1757 border: 1px solid #D2D2CF;
1774 background-color: #F0F3F3;
1775 border-bottom: 1px solid #D8D8D8;
1789 list-style-type: none;
1793 font-weight: normal;
1808 font-weight: normal;
1812 display: inline-block;
1825 list-style-type: none;
1829 border-bottom-width: 1px;
1835 background-color: #FFF;
1836 border-top: 1px solid #999;
1841 background-color: #f0f3f3;
1842 border: 1px solid #d8d8d8;
1843 border-bottom-width: 0;
1844 color: darken( $links, 5% );
1848 text-decoration: none;
1855 display: inline-block;
1859 /* Search results add to cart (lists disabled) */
1864 padding: 0 0 .6em 0;
1872 @include border-radius-all( 3px );
1874 background-color: rgba( 255, 255, 204, .4 );
1875 border: 1px solid #CCC;
1876 display: inline-block;
1881 background-color: rgba( 239, 254, 213, .4 );
1891 .commentline .avatar {
1896 /* style for search terms in catalogsearch */
1899 background-color: #FFFFCC;
1903 /* style for shelving location in catalogsearch */
1911 padding: 0 .2em 0 .5em;
1912 text-shadow: 1px 1px 0 #FFF;
1916 border-bottom-left-radius: 3px;
1917 border-top-left-radius: 3px;
1922 border-bottom-right-radius: 3px;
1923 border-top-right-radius: 3px;
1924 border-width: 1px 1px 1px 0;
1927 %page-middle-child {
1928 background-color: #FFFFFF;
1929 border-color: #DDDDDD;
1931 border-style: solid;
1932 border-width: 1px 1px 1px 0;
1937 text-decoration: none;
1945 @extend %page-first-child;
1949 @extend %page-last-child;
1954 @extend %page-middle-child;
1957 @extend %page-first-child;
1961 @extend %page-last-child;
1966 @extend %page-middle-child;
1967 background-color: #F5F5F5;
1971 @extend %page-middle-child;
1975 border-bottom-right-radius: 3px;
1976 border-top-right-radius: 3px;
1981 @include border-radius-all( 3px );
1982 background-color: #FFF0B1;
1983 display: inline-block;
1990 white-space: nowrap;
1999 box-sizing: border-box;
2009 transition: background-color .5s ease;
2012 background: #77b50f none;
2034 .nologininstructions,
2036 .patronregistration {
2040 .registration-label {
2041 display: inline-block;
2046 .registration-value {
2047 background-color: #ebf8ff;
2049 display: inline-block;
2050 font-family: monospace;
2064 margin-bottom: .5em;
2075 .ItemSummary .LabelCallNumber::before {
2079 .ItemSummary .CallNumber::after {
2101 background-color: #F0F3F3;
2102 border: 1px solid #F0F3F3;
2103 color: $high-contrast-grey;
2114 #user-menu-trigger {
2123 border-bottom-color: #999999;
2124 border-top-color: #999999;
2129 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2131 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2141 #ulactioncontainer {
2155 .thumbnail-shelfbrowser span {
2161 thead:first-child tr:first-child > th {
2169 tbody:last-child tr:last-child > td {
2182 display: inline-block;
2200 vertical-align: middle;
2204 border-bottom: 1px solid #EEE;
2205 list-style-type: none;
2211 list-style-type: none;
2219 #recordedbooks-results,
2220 #openlibrary-results {
2226 vertical-align: middle;
2229 #overdrive-results-list .star-rating-control {
2235 table-layout: fixed;
2238 overflow-wrap: break-word;
2262 vertical-align: middle;
2271 text-decoration: none;
2273 &.shelfbrowser_cover {
2276 display: inline-block;
2282 transform: rotate(-90deg);
2283 white-space: nowrap;
2293 transform: rotate(90deg);
2294 white-space: nowrap;
2309 border-bottom: 1px solid #CCC;
2311 margin-bottom: .5em;
2312 padding: 0 1em 1em 1em;
2333 .toggle-hold-options {
2334 background-color: #EEE;
2346 #idreambooksreadometer {
2350 .idreambookslegend {
2354 .idreambookssummary {
2357 text-decoration: none;
2361 vertical-align: middle;
2373 vertical-align: middle;
2378 text-decoration: none;
2418 :first-child::before {
2438 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2452 .illrequest-actions {
2453 margin-bottom: 20px;
2462 #illrequests-create-button {
2463 margin-bottom: 20px;
2473 transform: translateY( -50% );
2478 #freeform-fields .custom-name {
2485 .dropdown:hover .dropdown-menu.nojs {
2489 div.rows span.label {
2492 text-align: inherit;
2496 #ill-supplier-metadata {
2498 flex-flow: column nowrap;
2502 div[class^='requestattr-'] {
2505 flex-flow: row nowrap;
2507 &:nth-of-type(even) {
2508 background-color: #f2f2f2;
2510 &:nth-of-type(odd) {
2511 background-color: #ffffff;
2515 #ill-supplier-metadata > div > span {
2517 flex-flow: row nowrap;
2524 .ill_availability_sourcename {
2528 #continue-request-row {
2533 border: 1px solid #DDDDDD;
2534 border-radius: 10px;
2547 color: white !important;
2552 background-color: $base;
2555 display: inline-block;
2560 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2563 background-color: lighten( $base, 20% );
2567 .user_overdues_count,
2569 background-color: #990000;
2572 background-color: lighten( #990000, 10% );
2576 .user_holds_waiting_count {
2577 background-color: #538200;
2580 background-color: lighten( #538200, 10% );
2585 border: 1px solid #EAEAE6;
2587 padding-bottom: .5em;
2590 background-color: #E2E8E8;
2591 color: $high-contrast-grey;
2599 list-style-type: none;
2611 /* jQuery Bar Rating plugin for star ratings */
2613 $star-default: #D2D2D2;
2614 $star-active: #C24A4A;
2615 $star-selected: #EDB867;
2618 display: inline-block;
2621 .br-theme-fontawesome-stars {
2625 white-space: nowrap;
2628 -webkit-font-smoothing: antialiased;
2629 font: normal normal normal 20px/1 FontAwesome;
2631 text-decoration: none;
2632 text-rendering: auto;
2635 color: $star-default;
2641 color: $star-active;
2647 color: $star-selected;
2653 .br-current-rating {
2666 #cancel_rating_text {
2673 .br-theme-fontawesome-stars {
2683 &.br-selected::after {
2694 /* END jQuery Bar Rating plugin for star ratings */
2705 /*opac browse search*/
2707 #browse-resultswrapper {
2710 #browse-searchfuzziness {
2714 #browse-searchresults, #browse-selectionsearch {
2715 border: 1px solid #E3E3E3;
2721 #browse-selectionsearch p.subjects {
2726 #browse-selectionsearch h4 {
2730 #browse-suggestionserror {
2751 margin-bottom: .4rem;
2754 /*end browse search*/
2756 /* Skip to content link. CSS adapted from https://webaim.org/ */
2758 background: #c60000;
2759 border: 1px solid white;
2760 border-radius: 0 0 4px 0;
2761 border-width: 0 1px 1px 0;
2766 text-decoration: none;
2767 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2769 transition: top .5s ease-out;
2774 outline-color: transparent;
2777 transition: top .1s ease-in;
2787 padding: .75rem 1.25rem;
2789 &[aria-expanded="true"] { font-weight: bold; }
2790 &[aria-expanded="false"] { font-weight: normal; }
2793 background-color: rgba(255, 255, 204, 0.8);
2794 text-decoration: none;
2801 border-top: 1px solid #888;
2807 margin-bottom: 1rem;
2811 background-color: #fff;
2812 border: 1px solid #AAA;
2813 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2822 @import "responsive";