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;
635 .custom_cover_image {
663 background-color: transparent;
672 background-color: #999999;
675 display: inline-block;
678 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
682 background-color: #B94A48;
686 background-color: #F89406;
690 background-color: #468847;
694 background-color: #3A87AD;
698 background-color: #333333;
716 display: inline-block;
731 label.checkbox-label {
763 list-style-type: none;
764 padding: 1em 1em 0 1em;
785 list-style-type: none;
850 list-style-type: none;
852 padding: .5em 1em 0 0;
862 border-bottom: 1px solid #EEE;
865 list-style-type: none;
866 padding-bottom: .2em;
885 /* different sizes for different tags in opac-tags.tt */
928 background-color: #EEEEEE;
929 border: 1px solid #E8E8E8;
931 padding: 3px 3px 5px 5px;
932 vertical-align: middle;
968 padding: 7px 5px 9px 9px;
979 display: inline-block;
982 text-shadow: 1px 1px 0 #fff;
990 display: inline-block;
993 text-shadow: 1px 1px 0 #fff;
997 .selections-toolbar {
998 background: linear-gradient(#B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100%);
1006 > div:first-child::before {
1047 color: $high-contrast-grey;
1051 font-weight: normal;
1056 margin-bottom: .5em;
1057 padding: 0 2em .2em .2em;
1061 background-color: #F0F3F3;
1062 border: 1px solid #C9C9C9;
1065 display: inline-block;
1071 font-weight: normal;
1072 display: inline-block;
1078 text-decoration: none;
1079 vertical-align: middle;
1083 #bibliodescriptions,
1090 background-color: #FFF;
1094 .results-pagination {
1095 background-color: #F3F3F3;
1097 padding-bottom: 10px;
1108 background: none !important;
1109 color: #999 !important;
1120 border-top: 1px solid #DDDDDD;
1127 background-color: #DDDDDD;
1139 padding-right: 10px;
1151 .pagination_footer {
1152 background-color: #E1E1E1;
1161 background-color: #E1E1E1;
1170 border: 1px solid #D0D0D0;
1179 display: inline-block;
1181 text-decoration: none;
1185 background-color: #F3F3F3;
1186 border-top: 1px solid #D0D0D0;
1189 white-space: nowrap;
1199 border-left: 1px solid #D0D0D0;
1200 border-right: 1px solid #D0D0D0;
1206 background-color: #F3F3F3;
1208 font-weight: normal;
1222 display: inline-block;
1224 font-weight: normal;
1229 background-color: #999999;
1232 font-weight: normal;
1234 text-decoration: none;
1237 background-color: #006699;
1243 background-color: #616161;
1254 list-style-type: none;
1273 border-top: 1px solid #DDD;
1277 display: inline-block;
1289 text-decoration: underline;
1295 /* action buttons */
1297 background-color: #F0F3F3;
1298 border: 1px solid #E8E8E8;
1308 text-decoration: none;
1314 #moresearches_menu {
1320 font-weight: normal;
1329 border-bottom: 1px solid #EEE;
1336 padding: .25rem 1.5rem;
1338 text-align: inherit;
1339 white-space: nowrap;
1366 .tag_results_input input {
1370 .branch-info-tooltip {
1374 .ui-tooltip-content p {
1378 .ui-widget-content {
1393 border: 1px solid transparent;
1395 display: inline-block;
1403 border: 1px solid #EEE;
1440 background-color: transparent;
1451 padding-bottom: .6em;
1459 padding-bottom: .6em;
1483 border: 1px solid #EEE;
1495 font-family: monospace;
1501 background-color: #FFF;
1505 vertical-align: top;
1506 white-space: nowrap;
1512 vertical-align: top;
1543 .authstanzaheading {
1547 .authorizedheading {
1553 .authres_otherscript {
1566 @include border-radius-all( 3px );
1567 background-color: #EEE;
1568 border: 1px solid #E8E8E8;
1569 box-sizing: border-box;
1575 background-color: #FFFBEA;
1576 border-color: #F4ECBE;
1585 display: inline-block;
1590 padding-left: .25em;
1598 font-weight: normal;
1599 text-decoration: underline;
1612 background-color: #FFF;
1613 border: 1px solid rgba( 0, 0, 0, .2 );
1615 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
1627 white-space: nowrap;
1631 border: 1px solid #D2D2CF;
1648 background-color: #F0F3F3;
1649 border-bottom: 1px solid #D8D8D8;
1663 list-style-type: none;
1667 font-weight: normal;
1682 font-weight: normal;
1686 display: inline-block;
1699 list-style-type: none;
1703 border-bottom-width: 1px;
1709 background-color: #FFF;
1710 border-top: 1px solid #999;
1715 background-color: #f0f3f3;
1716 border: 1px solid #d8d8d8;
1717 border-bottom-width: 0;
1721 text-decoration: none;
1728 display: inline-block;
1732 /* Search results add to cart (lists disabled) */
1737 padding: 0 0 .6em 0;
1745 @include border-radius-all( 3px );
1747 background-color: rgba( 255, 255, 204, .4 );
1748 border: 1px solid #CCC;
1749 display: inline-block;
1754 background-color: rgba( 239, 254, 213, .4 );
1764 .commentline .avatar {
1769 /* style for search terms in catalogsearch */
1772 background-color: #FFFFCC;
1776 /* style for shelving location in catalogsearch */
1784 padding: 0 .2em 0 .5em;
1785 text-shadow: 1px 1px 0 #FFF;
1789 border-bottom-left-radius: 3px;
1790 border-top-left-radius: 3px;
1795 border-bottom-right-radius: 3px;
1796 border-top-right-radius: 3px;
1797 border-width: 1px 1px 1px 0;
1800 %page-middle-child {
1801 background-color: #FFFFFF;
1802 border-color: #DDDDDD;
1804 border-style: solid;
1805 border-width: 1px 1px 1px 0;
1810 text-decoration: none;
1818 @extend %page-first-child;
1822 @extend %page-last-child;
1827 @extend %page-middle-child;
1830 @extend %page-first-child;
1834 @extend %page-last-child;
1839 @extend %page-middle-child;
1840 background-color: #F5F5F5;
1844 @extend %page-middle-child;
1848 border-bottom-right-radius: 3px;
1849 border-top-right-radius: 3px;
1854 @include border-radius-all( 3px );
1855 background-color: #FFF0B1;
1856 display: inline-block;
1863 white-space: nowrap;
1872 box-sizing: border-box;
1882 transition: background-color .5s ease;
1885 background: #77b50f none;
1907 .nologininstructions,
1909 .patronregistration {
1913 .registration-label {
1914 display: inline-block;
1919 .registration-value {
1920 background-color: #ebf8ff;
1922 display: inline-block;
1923 font-family: monospace;
1937 margin-bottom: .5em;
1948 .ItemSummary .LabelCallNumber::before {
1952 .ItemSummary .CallNumber::after {
1974 background-color: #F0F3F3;
1975 border: 1px solid #F0F3F3;
1976 color: $high-contrast-grey;
1987 #user-menu-trigger {
1996 border-bottom-color: #999999;
1997 border-top-color: #999999;
2002 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2004 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2014 #ulactioncontainer {
2028 .thumbnail-shelfbrowser span {
2034 thead:first-child tr:first-child > th {
2042 tbody:last-child tr:last-child > td {
2055 display: inline-block;
2073 vertical-align: middle;
2077 border-bottom: 1px solid #EEE;
2078 list-style-type: none;
2084 list-style-type: none;
2092 #recordedbooks-results,
2093 #openlibrary-results {
2099 vertical-align: middle;
2102 #overdrive-results-list .star-rating-control {
2108 table-layout: fixed;
2111 overflow-wrap: break-word;
2135 vertical-align: middle;
2144 text-decoration: none;
2146 &.shelfbrowser_cover {
2149 display: inline-block;
2155 transform: rotate(-90deg);
2156 white-space: nowrap;
2166 transform: rotate(90deg);
2167 white-space: nowrap;
2182 border-bottom: 1px solid #CCC;
2184 margin-bottom: .5em;
2185 padding: 0 1em 1em 1em;
2206 .toggle-hold-options {
2207 background-color: #EEE;
2219 #idreambooksreadometer {
2223 .idreambookslegend {
2227 .idreambookssummary {
2230 text-decoration: none;
2234 vertical-align: middle;
2246 vertical-align: middle;
2251 text-decoration: none;
2292 :first-child::before {
2312 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 0, 0, .6);
2326 .illrequest-actions {
2327 margin-bottom: 20px;
2336 #illrequests-create-button {
2337 margin-bottom: 20px;
2347 transform: translateY( -50% );
2352 #freeform-fields .custom-name {
2359 .dropdown:hover .dropdown-menu.nojs {
2365 .ill_availability_sourcename {
2369 #continue-request-row {
2374 border: 1px solid #DDDDDD;
2375 border-radius: 10px;
2388 color: white !important;
2393 background-color: $base;
2396 display: inline-block;
2401 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2404 background-color: lighten( $base, 20% );
2408 .user_overdues_count,
2410 background-color: #990000;
2413 background-color: lighten( #990000, 10% );
2417 .user_holds_waiting_count {
2418 background-color: #538200;
2421 background-color: lighten( #538200, 10% );
2426 border: 1px solid #EAEAE6;
2428 padding-bottom: .5em;
2431 background-color: #E2E8E8;
2432 color: $high-contrast-grey;
2440 list-style-type: none;
2452 /* jQuery Bar Rating plugin for star ratings */
2454 $star-default: #D2D2D2;
2455 $star-active: #C24A4A;
2456 $star-selected: #EDB867;
2459 display: inline-block;
2462 .br-theme-fontawesome-stars {
2466 white-space: nowrap;
2469 -webkit-font-smoothing: antialiased;
2470 font: normal normal normal 20px/1 FontAwesome;
2472 text-decoration: none;
2473 text-rendering: auto;
2476 color: $star-default;
2482 color: $star-active;
2488 color: $star-selected;
2494 .br-current-rating {
2507 #cancel_rating_text {
2514 .br-theme-fontawesome-stars {
2524 &.br-selected::after {
2535 /* END jQuery Bar Rating plugin for star ratings */
2546 /*opac browse search*/
2548 #browse-resultswrapper {
2551 #browse-searchfuzziness {
2555 #browse-searchresults, #browse-selectionsearch {
2556 border: 1px solid #E3E3E3;
2562 #browse-selectionsearch p.subjects {
2567 #browse-selectionsearch h4 {
2571 #browse-suggestionserror {
2592 margin-bottom: .4rem;
2595 /*end browse search*/
2597 /* Skip to content link. CSS adapted from https://webaim.org/ */
2599 background: #c60000;
2600 border: 1px solid white;
2601 border-radius: 0 0 4px 0;
2602 border-width: 0 1px 1px 0;
2607 text-decoration: none;
2608 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
2610 transition: top .5s ease-out;
2615 outline-color: transparent;
2618 transition: top .1s ease-in;
2628 padding: .75rem 1.25rem;
2630 &[aria-expanded="true"] { font-weight: bold; }
2631 &[aria-expanded="false"] { font-weight: normal; }
2634 background-color: rgba(255, 255, 204, 0.8);
2635 text-decoration: none;
2642 border-top: 1px solid #888;
2648 margin-bottom: 1rem;
2652 background-color: #fff;
2653 border: 1px solid #AAA;
2654 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
2663 @import "responsive";