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;
1343 background-color: #F0F3F3;
1349 [aria-current="page"] {
1352 text-decoration: none;
1358 + .breadcrumb-item {
1360 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;
1361 background-size: 8px;
1362 display: inline-block;
1372 border-top: 1px solid #DDD;
1376 display: inline-block;
1388 text-decoration: underline;
1394 /* action buttons */
1396 background-color: #F0F3F3;
1397 border: 1px solid #E8E8E8;
1407 text-decoration: none;
1413 #moresearches_menu {
1419 font-weight: normal;
1428 border-bottom: 1px solid #EEE;
1435 padding: .25rem 1.5rem;
1437 text-align: inherit;
1438 white-space: nowrap;
1465 .tag_results_input input {
1469 .branch-info-tooltip {
1473 .ui-tooltip-content p {
1477 .ui-widget-content {
1492 border: 1px solid transparent;
1494 display: inline-block;
1502 border: 1px solid #EEE;
1539 background-color: transparent;
1550 padding-bottom: .6em;
1558 padding-bottom: .6em;
1582 border: 1px solid #EEE;
1594 font-family: monospace;
1600 background-color: #FFF;
1604 vertical-align: top;
1605 white-space: nowrap;
1611 vertical-align: top;
1642 .authstanzaheading {
1646 .authorizedheading {
1652 .authres_otherscript {
1665 @include border-radius-all( 3px );
1666 background-color: #EEE;
1667 border: 1px solid #E8E8E8;
1668 box-sizing: border-box;
1674 background-color: #FFFBEA;
1675 border-color: #F4ECBE;
1684 display: inline-block;
1689 padding-left: .25em;
1697 font-weight: normal;
1698 text-decoration: underline;
1711 background-color: #FFF;
1712 border: 1px solid rgba( 0, 0, 0, .2 );
1714 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1726 white-space: nowrap;
1730 border: 1px solid #D2D2CF;
1747 background-color: #F0F3F3;
1748 border-bottom: 1px solid #D8D8D8;
1762 list-style-type: none;
1766 font-weight: normal;
1781 font-weight: normal;
1785 display: inline-block;
1798 list-style-type: none;
1802 border-bottom-width: 1px;
1808 background-color: #FFF;
1809 border-top: 1px solid #999;
1814 background-color: #f0f3f3;
1815 border: 1px solid #d8d8d8;
1816 border-bottom-width: 0;
1820 text-decoration: none;
1827 display: inline-block;
1831 /* Search results add to cart (lists disabled) */
1836 padding: 0 0 .6em 0;
1844 @include border-radius-all( 3px );
1846 background-color: rgba( 255, 255, 204, .4 );
1847 border: 1px solid #CCC;
1848 display: inline-block;
1853 background-color: rgba( 239, 254, 213, .4 );
1863 .commentline .avatar {
1868 /* style for search terms in catalogsearch */
1871 background-color: #FFFFCC;
1875 /* style for shelving location in catalogsearch */
1883 padding: 0 .2em 0 .5em;
1884 text-shadow: 1px 1px 0 #FFF;
1888 border-bottom-left-radius: 3px;
1889 border-top-left-radius: 3px;
1894 border-bottom-right-radius: 3px;
1895 border-top-right-radius: 3px;
1896 border-width: 1px 1px 1px 0;
1899 %page-middle-child {
1900 background-color: #FFFFFF;
1901 border-color: #DDDDDD;
1903 border-style: solid;
1904 border-width: 1px 1px 1px 0;
1909 text-decoration: none;
1917 @extend %page-first-child;
1921 @extend %page-last-child;
1926 @extend %page-middle-child;
1929 @extend %page-first-child;
1933 @extend %page-last-child;
1938 @extend %page-middle-child;
1939 background-color: #F5F5F5;
1943 @extend %page-middle-child;
1947 border-bottom-right-radius: 3px;
1948 border-top-right-radius: 3px;
1953 @include border-radius-all( 3px );
1954 background-color: #FFF0B1;
1955 display: inline-block;
1962 white-space: nowrap;
1971 box-sizing: border-box;
1981 transition: background-color .5s ease;
1984 background: #77b50f none;
2006 .nologininstructions,
2008 .patronregistration {
2012 .registration-label {
2013 display: inline-block;
2018 .registration-value {
2019 background-color: #ebf8ff;
2021 display: inline-block;
2022 font-family: monospace;
2036 margin-bottom: .5em;
2047 .ItemSummary .LabelCallNumber::before {
2051 .ItemSummary .CallNumber::after {
2073 background-color: #F0F3F3;
2074 border: 1px solid #F0F3F3;
2075 color: $high-contrast-grey;
2086 #user-menu-trigger {
2095 border-bottom-color: #999999;
2096 border-top-color: #999999;
2101 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2103 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2113 #ulactioncontainer {
2127 .thumbnail-shelfbrowser span {
2133 thead:first-child tr:first-child > th {
2141 tbody:last-child tr:last-child > td {
2154 display: inline-block;
2172 vertical-align: middle;
2176 border-bottom: 1px solid #EEE;
2177 list-style-type: none;
2183 list-style-type: none;
2191 #recordedbooks-results,
2192 #openlibrary-results {
2198 vertical-align: middle;
2201 #overdrive-results-list .star-rating-control {
2207 table-layout: fixed;
2210 overflow-wrap: break-word;
2234 vertical-align: middle;
2243 text-decoration: none;
2245 &.shelfbrowser_cover {
2248 display: inline-block;
2254 transform: rotate(-90deg);
2255 white-space: nowrap;
2265 transform: rotate(90deg);
2266 white-space: nowrap;
2281 border-bottom: 1px solid #CCC;
2283 margin-bottom: .5em;
2284 padding: 0 1em 1em 1em;
2305 .toggle-hold-options {
2306 background-color: #EEE;
2318 #idreambooksreadometer {
2322 .idreambookslegend {
2326 .idreambookssummary {
2329 text-decoration: none;
2333 vertical-align: middle;
2345 vertical-align: middle;
2350 text-decoration: none;
2390 :first-child::before {
2410 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2424 .illrequest-actions {
2425 margin-bottom: 20px;
2434 #illrequests-create-button {
2435 margin-bottom: 20px;
2445 transform: translateY( -50% );
2450 #freeform-fields .custom-name {
2457 .dropdown:hover .dropdown-menu.nojs {
2463 .ill_availability_sourcename {
2467 #continue-request-row {
2472 border: 1px solid #DDDDDD;
2473 border-radius: 10px;
2486 color: white !important;
2491 background-color: $base;
2494 display: inline-block;
2499 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2502 background-color: lighten( $base, 20% );
2506 .user_overdues_count,
2508 background-color: #990000;
2511 background-color: lighten( #990000, 10% );
2515 .user_holds_waiting_count {
2516 background-color: #538200;
2519 background-color: lighten( #538200, 10% );
2524 border: 1px solid #EAEAE6;
2526 padding-bottom: .5em;
2529 background-color: #E2E8E8;
2530 color: $high-contrast-grey;
2538 list-style-type: none;
2550 /* jQuery Bar Rating plugin for star ratings */
2552 $star-default: #D2D2D2;
2553 $star-active: #C24A4A;
2554 $star-selected: #EDB867;
2557 display: inline-block;
2560 .br-theme-fontawesome-stars {
2564 white-space: nowrap;
2567 -webkit-font-smoothing: antialiased;
2568 font: normal normal normal 20px/1 FontAwesome;
2570 text-decoration: none;
2571 text-rendering: auto;
2574 color: $star-default;
2580 color: $star-active;
2586 color: $star-selected;
2592 .br-current-rating {
2605 #cancel_rating_text {
2612 .br-theme-fontawesome-stars {
2622 &.br-selected::after {
2633 /* END jQuery Bar Rating plugin for star ratings */
2644 /*opac browse search*/
2646 #browse-resultswrapper {
2649 #browse-searchfuzziness {
2653 #browse-searchresults, #browse-selectionsearch {
2654 border: 1px solid #E3E3E3;
2660 #browse-selectionsearch p.subjects {
2665 #browse-selectionsearch h4 {
2669 #browse-suggestionserror {
2690 margin-bottom: .4rem;
2693 /*end browse search*/
2695 /* Skip to content link. CSS adapted from https://webaim.org/ */
2697 background: #c60000;
2698 border: 1px solid white;
2699 border-radius: 0 0 4px 0;
2700 border-width: 0 1px 1px 0;
2705 text-decoration: none;
2706 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2708 transition: top .5s ease-out;
2713 outline-color: transparent;
2716 transition: top .1s ease-in;
2726 padding: .75rem 1.25rem;
2728 &[aria-expanded="true"] { font-weight: bold; }
2729 &[aria-expanded="false"] { font-weight: normal; }
2732 background-color: rgba(255, 255, 204, 0.8);
2733 text-decoration: none;
2740 border-top: 1px solid #888;
2746 margin-bottom: 1rem;
2750 background-color: #fff;
2751 border: 1px solid #AAA;
2752 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2761 @import "responsive";