2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
4 rtl=ctx.get_i18n_l(ctx.eg_locale).rtl;
13 flex-direction: column;
18 background-color: #FFF;
22 font-family: "Raleway", sans-serif;
29 input[type='password'] {
30 -moz-appearance: none;
31 -webkit-appearance: none !important;
32 -webkit-border-radius: 0px;
33 background-color: #F9F9F9;
34 border: 1px solid #cccccc;
35 box-sizing: border-box;
47 background-color: #EEEEEE;
48 border: 1px solid #CCCCCC;
50 font-family: "Raleway", sans-serif;
53 transition: all .3s ease-out;
54 -webkit-appearance: none;
58 input[type='submit']:hover,
59 input[type='reset']:hover {
60 background-color: #f5f8ff;
61 border: 1px solid #789ACE;
66 input[type='submit']:active,
67 input[type='reset']:active {
68 background-color: #f5f8ff;
69 border: 1px inset #7e98ce;
73 abbr[title].unapi-id {
74 text-decoration: none;
78 /* Cribbed from https://evergreen.owwl.org */
79 border: 1px solid #e9ebf3;
80 -webkit-appearance: none !important;
81 -webkit-border-radius: 0px;
82 -moz-appearance: none;
83 background-color: #F9F9F9;
84 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
85 background-position: 100% center;
86 background-repeat: no-repeat;
87 border: 1px solid #cccccc;
88 padding: 0.333rem 0.5rem;
91 color: rgba(0, 0, 0, 0.75);
111 #homesearch_main_logo {
123 text-decoration: none;
124 transition: all .2s ease;
134 a:visited.opac-button,
135 a:active.opac-button,
136 #account-update-email input[type='submit'] {
141 display: inline-block;
142 letter-spacing: .0625em;
147 text-transform: uppercase;
148 transition: all .3s ease-out;
149 vertical-align: middle;
153 a:link.opac-button:hover,
154 a:visited.opac-button:hover,
155 a:active.opac-button:hover,
156 #account-update-email input[type='submit']:hover {
160 #account-update-email input[type='submit'] {
164 .results_header_lbl select {
182 #search-wrapper select {
183 border:0px solid black;
184 filter:alpha(opacity=0);
216 div.select-box-wrapper {
247 display: inline-block;
256 #dashboard span.dash-align a,
257 #dashboard_e span.dash-align a {
258 font-family: Arial, Helvetica, sans-serif;
269 background-color: #38558a;
278 background-color: #6F2062;
287 background-color: #006736;
296 #dash_fines { color: #f41d36; }
297 the color contrast between "text_badnews" and "primary"
298 is too low for WCAG compliance. Use "text_attention"
299 for now until a better color is picked - if needed.
303 background-color: #b60000;
310 #dash_user_message_button_container {
315 #unread_message_count_floater {
320 display: inline-block;
321 letter-spacing: .0625em;
324 padding: .25em .5em .5em .5em;
326 text-transform: uppercase;
327 transition: all .3s ease-out;
328 vertical-align: middle;
331 .dash-link:hover #dash_holds {
332 background-color: #922580;
335 .dash-link:hover #dash_pickup {
336 background-color: #0c9655;
339 .dash-link:hover #dash_checked {
340 background-color: #4672c1;
343 .dash-link:hover #dash_fines {
344 background-color: #ca1d1d;
349 background-color: #FFF;
353 border-bottom: 1px solid #EEEEEE;
367 text-shadow: 0 1px 1px #000036;
370 #header #header-links2 {
373 padding-bottom: 15px;
376 #header #header-links2 a:hover {
377 text-decoration: underline;
409 background-color: #3f61a7;
410 border-top: 10px solid #7E98CE;
418 #gold-links-holder a {
419 display: inline-block;
420 font-family: Arial, sans-serif;
436 font-size: [% css_fonts.size_smaller %];
477 padding-bottom: 10px;
481 border-bottom: 4px solid #263245;
485 border-bottom: 1px solid #7E98CD;;
488 #adv_search_tabs a.on {
489 border-bottom: 1px solid #263245;;
502 #results_header_inner {
503 font-family: "Raleway", sans-serif;
507 #account-update-email {
516 background-color: #0a5fab;
520 margin: 10px 0 0px 7px;
523 margin: 10px 7px 0 0;
527 vertical-align: middle;
529 padding: 10px 0 10px 0;
539 border-bottom: 1px solid #263245;
543 border-bottom: 1px solid #7E98CE;
560 .adv_filter_block_item {
569 .adv_filter_block_item br {
573 .adv_filter_block_item strong {
575 letter-spacing: .0625em;
593 #adv_search_submit .opac-button {
594 background-color: #FFF;
598 #adv_search_submit #search-submit-go,
599 #adv_numeric_block .opac-button,
600 .expert-search .opac-button {
601 background-color: #38558a;
611 padding-right: 10px !important;
613 padding-left: 10px !important;
620 background-color: #0A5FAB;
623 text-transform: uppercase;
629 background-color: #263245;
630 border-bottom: 1px solid #263245;
633 text-transform: uppercase;
636 #adv_search_tabs a.acct-tab-on,
637 #acct_tabs a.acct-tab-on,
638 #acct_fines_tabs a.acct-tab-on {
639 background-color: #263245;
643 #acct_checked_tabs a,
646 background-color: #7a9f37;
647 border-bottom: 3px solid #7a9f37;
654 #acct_checked_tabs div.selected a,
655 #acct_holds_tabs div.selected a,
656 #acct_prefs_tabs div.selected a {
657 background-color: #FFF;
658 border-bottom: 3px solid #9ECC4C;
665 padding-bottom: 1.5rem;
677 font-family: "Raleway", sans-serif;
680 letter-spacing: .0625em;
681 border-bottom: 1px solid #EEE;
682 padding-bottom: .2em;
689 #rdetail_record_details + ul,
690 #rdetail_related_subjects + ul {
692 list-style-type: none;
696 #rdetail_summary_header {
700 #rdetail_summary_header #rdetail_title {
701 font-family: "Raleway", sans-serif;
703 letter-spacing: .0625em;
704 margin: .7em 0 .4em 0;
709 border-bottom: 3px solid #7a9f37;
715 background-color: #7a9f37;
720 .rdetail_result_count {
723 display: inline-block;
731 .result_count::before {
736 .rdetail_result_nav {
738 display: inline-block;
746 .rdetail_result_nav a {
747 background-color: #7a9f37;
752 #rdetail_details_table {
762 #rdetail_image_cell {
775 background-color: #d8d8d8;
776 display: inline-block;
777 padding: .5em 1em .5em 1em;
784 div.rdetail_uris ul li {
793 div.rdetail_show_copies {
797 #rdetail_actions_div {
798 background-color: #fff;
803 #copy_hold_counts h2 {
809 #copy_hold_counts ul {
813 #rdetail_copy_counts {
814 display: inline-block;
827 #rdetail_hold_counts {
828 display: inline-block;
832 #rdetail_hold_counts p {
856 .rdetail_aux_utils img {
861 #rdetail_copy_counts,
862 #rdetail_hold_counts {
866 .result_table_title_cell img,
867 #format_actions img {
868 vertical-align: middle;
876 display: inline-block;
880 .classic_link.record_title {
903 #metarecord_population h3 {
908 #metarecord_population a::before {
912 #metarecord_population {
913 border: 1px solid #CCC;
914 background-color: rgba(228, 243, 212, .5);
921 .metarecord_population_span_link {
925 .metarecord_population_format {
927 display: inline-block;
933 .metarecord_population_item_lang {
934 display: inline-block;
938 .metarecord_population_all {
942 .results_aux_utils.place_hold a,
943 .results_aux_utils.result_util a,
944 .rdetail_aux_utils a {
945 background-color: #5176b6;
947 display: inline-block;
953 .results_aux_utils.place_hold a:hover,
954 .results_aux_utils.result_util a:hover {
955 background-color: #7095D6;
959 .results_aux_utils.place_hold a,
960 .rdetail_aux_utils.place_hold a {
961 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAd0lEQVQ4jd2Tuw2AMAxEbUBiIcZgJ7IDDMUmtIgFHk2ErJCfUlBwlXXOPVlWLMAMHCQkgby9WyMZzgAeX2OPrFRVQ4D1u1y4RlUAwAEu1htqwiKy+PrVL+4gpW938HOAmF87tU5w+bpvnWDLHVPxyIARWIGzBXADu57icISS+qQAAAAASUVORK5CYII=") #5176b6 no-repeat;
962 background-position-x: 10px;
965 background-position-y: center;
968 .results_aux_utils.result_util a,
969 .rdetail_aux_utils.result_util a,
970 .rdetail_aux_utils.toggle_list a {
971 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQElEQVQ4je3QQQpAAABE0TdOxf1XypEwNi5AUcqv2U8vbWfsSSZoWxcasJ/7aPkNpO2CNcnIPYMV2wPnXuo34ADcXyvnnwHItgAAAABJRU5ErkJggg==") #5176b6 no-repeat;
972 background-position-x: 10px;
975 background-position-y: center;
978 .rdetail_aux_utils.share_record a {
979 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVQ4jY2TPUtDQRBF7+SZSmJAsBCC3yaFYCHW/j57QSQgRFHBoP4CG8sgKbVRtBNF856NnXIsMuCyL092YFmYO2e4O7srJQTQBq6Ad199YD2FFbAEfFKOEbBWS+hhkpB0LGlOUlPSkaRZSbtJLia4agA/QDH1T9GmpI6kXNKNmX0HchY4K4EbwG103kdg2nUDep7vx/A2ULj4AJwDd8CL2zagGwxxtQreB7JAswjOga0qeC8Efa8Dh1VwuwIeAs/AKfAU2P6DvfDSxYMoP4gGOQA68dANyDV+HDNm9hU0yCTtSGpJujezYenKvHDkj6IZ5esTgShqkq597wLzwAJwIakg5cMAK4x/WBwfQCvFhYBl4Ax4A16BE2Axhf0FMaqORLwYoRUAAAAASUVORK5CYII=") #5176b6 no-repeat;
980 background-position-x: 10px;
983 background-position-y: center;
1004 #rdetails_status tbody>tr:nth-child(even)>td {
1005 background-color: #FFF;
1008 #rdetails_status td {
1010 padding: 7px 13px 3px 0;
1012 padding: 7px 0 3px 13px;
1016 #rdetails_status td[headers=copy_header_library],
1017 #rdetails_status td[headers=copy_header_shelfloc] {
1018 white-space: normal;
1022 #rdetails_status tbody td.copy_note {
1024 white-space: pre-wrap !important;
1028 #rdetails_status tbody td.copy_tag {
1029 background-color: #FFF;
1030 border-top: 4px solid #FFDD1A;
1031 border-bottom: 4px solid #FFDD1A;
1035 #rdetails_status tbody .copy_tag_value {
1036 font-weight: bolder;
1039 #rdetails_status tbody td.copy_tag {
1040 border-color: [% css_colors.primary %];
1041 border-style: dashed;
1044 #rdetails_status tbody .copy_tag_value {
1045 font-weight: bolder;
1053 #rdetail_extras_div {
1057 .rdetail_extras_hr {
1059 background-color: #EEE;
1062 .rdetail_extras_link {
1068 .rdetail_extras_link a:link,
1069 .rdetail_extras_link a:visited {
1073 .rdetail_extras_link a:hover,
1074 .rdetail_extras_link a:active {
1078 #rdetail_extras_expand,
1079 #rdetail_extras_collapse,
1080 #rdetail_locs_collapse {
1088 #rdetail_locs_expand,
1089 #rdetail_locs_collapse {
1099 #rdetail_anotes_div .biography {
1103 .rdetail_subject_value {
1108 .rdetail_subject_value a {
1109 display: inline-block;
1110 padding: .05em .4em;
1111 margin-bottom: .2em;
1114 .rdetail_subject_value a:link,
1115 .rdetail_subject_value a:visited {
1116 background-color: #F3F6FB;
1117 border: 1px solid #D5E1F8;
1122 .rdetail_subject_value a:hover,
1123 .rdetail_subject_value a:active {
1124 background-color: #FFF;
1125 border: 1px solid #D0DAED;
1130 .rdetail_subject_value span {
1132 margin-bottom: .1em;
1136 #gbp_arrow_down_link {
1140 .almost-content-wrapper {
1141 background-color: #fff;
1146 #results_header_bar {
1147 background-color: #fff;
1151 .content-wrapper-record-page {
1156 #main-content-home {
1158 padding-right: 17px;
1168 font-family: Helvetica, Arial, sans-serif;
1183 #main-content-after-bar {
1194 background-color: #fff;
1206 background-color: #EEEEEE;
1207 border: 1px solid #ddd;
1211 #main-content .left_brain {
1218 #main-content .left_brain .input_bg {
1225 label[for="login_persist"] {
1229 #login-form-box h1 {
1230 font-family: "Raleway", sans-serif;
1232 letter-spacing: .0625em;
1235 #login-form-box input[type='text'],
1236 #login-form-box input[type='password'] {
1240 #login-form-box label.lbl1 {
1246 #login-form-box .opac-button {
1247 background: #38558A;
1253 letter-spacing: .0625em;
1258 text-transform: uppercase;
1259 transition: all .3s ease-out;
1260 vertical-align: middle;
1277 .login-help-button {
1282 .login-help-button a.opac-button {
1283 background-color: #1a7c48;
1286 #login-failed-message {
1287 background-color: #FBEE86;
1288 border-left: 10px solid #EC5959;
1295 #holds_temp_parent td {
1296 border-bottom: 1px solid #e9ebf3;
1299 #holds_temp_parent input,
1300 #holds_temp_parent select {
1304 #holds_temp_parent tr td div {
1306 margin-bottom: 10px;
1309 #holds_temp_parent tr td div.format_icon {
1315 #results_another_search a,
1318 .results_header_sel a {
1319 background: #5178ad;
1325 letter-spacing: .0625em;
1329 transition: all .3s ease-out;
1330 vertical-align: middle;
1333 .results_header_lbl {
1337 margin: .5em 0 .5em 1em;
1340 #results_header_bar {
1341 background-color: #EEEEEE;
1342 border-bottom: 1px solid #cbcbcb;
1343 border-top: 1px solid #dedede;
1344 font-family: Helvetica, Arial, sans-serif;
1349 #results_header_bar a {
1350 background: #38558a;
1354 display: inline-block;
1355 letter-spacing: .0625em;
1358 transition: all .3s ease-out;
1359 vertical-align: middle;
1362 #results_header_bar a:hover {
1363 background: #085EAB;
1366 #results_header_bar select {
1371 #sidebar_search_options h4 {
1372 background-color: rgba(228, 243, 212, .5);
1374 padding: .4em .4em .5em 1em;
1377 #results_check_options {
1381 #results_check_options .results_header_lbl {
1385 /* we need a negative margin on the select to allow the containing <label>
1386 to determine the actual size of the element. By doing this, we can increase
1387 the odds that the buttons and the select will be the same size, and therefore
1388 collapse correctly when the window width decreases */
1389 .results_header_lbl select {
1393 #limit_to_available {
1394 vertical-align: middle;
1397 .results_header_sel {
1401 .results_header_nav1 {
1402 border-bottom: 1px dotted #CCCCCC;
1407 .results_header_nav1 .h1 {
1413 .table_no_border_space {
1416 .table_no_cell_pad td {
1420 border-collapse: collapse;
1423 #result_table_table {
1431 tr.result_table_row td {
1435 tr.result_table_row>td.results_row_count,
1436 tr.result_table_row>td.result_table_pic_header,
1437 tr.result_table_row>td.result_table_title_cell {
1439 padding-bottom: 1em;
1440 vertical-align: top;
1443 tr.result_table_row>td.results_row_count {
1458 tr.result_table_row:nth-child(n+2)>td {
1459 border-top: 1px solid #d8d8d8;
1462 tr.result_table_row>td.result_table_pic_header {
1464 white-space: nowrap;
1473 white-space: nowrap;
1476 .result_count_number {
1480 .result_table_subtable {
1485 div.result_table_utils_cont {
1497 #myopac_summary_div .header_middle {
1501 #myopac_summary_div .div-left .header_middle {
1506 #myopac_summary_div p {
1508 margin-bottom: 10px;
1511 #myopac_summary_div noscript {
1516 #acct_sum_checked_table td {
1520 .zero_search_hits_main {
1521 background-color: #e4f3d4;
1522 border-left: 5px solid #b8df8f;
1536 .zero_search_hits_saved {
1548 #zero_search_hits_main p {
1557 background-color: #F9F9F9;
1558 border-top: 1px solid #CCCCCC;
1559 border-bottom: 1px solid #CCCCCC;
1570 .results_info_table td {
1574 padding-right: 10px;
1578 #myopac_holds_main_table {
1579 border-collapse: collapse;
1582 #myopac_holds_main_table td {
1583 border: 1px solid black;
1586 .myopac-hold-available {
1590 .myopac-hold-suspended {
1596 border-bottom: 1px dotted #CCCCCC;
1599 font-family: "Raleway", sans-serif;
1602 letter-spacing: .0625em;
1603 margin-bottom: .7em;
1604 padding: 0 7px 8px 0;
1608 font-weight: normal;
1611 .header_middle .float-left {
1615 .header_middle button {
1631 background-color: #f0f0f0;
1632 border-collapse: collapse;
1635 .acct_sum_table tr {
1636 border-bottom: 2px solid #FFF;
1639 .acct_sum_table td {
1644 text-transform: none;
1649 .acct_sum_table .view_link {
1650 font-weight: normal;
1653 #messages_main div {
1654 background-color: #EEEEEE;
1656 padding: .5rem 1rem;
1659 #messages_main div select {
1664 #messages_main div input[type='submit'] {
1665 background-color: #FFF;
1670 background-color: #f0f0f0;
1673 padding: 15px 23px 0 0;
1676 padding: 15px 0 0px 23px;
1683 #myopac_sum_fines_placehold {
1693 .acct_holds_temp td {
1701 #acct_holds_tabs .align,
1702 #acct_prefs_tabs .align {
1710 #acct_checked_tabs .align {
1711 display: inline-block;
1714 #acct_info_main hr {
1722 display: inline-block;
1725 #acct_info_main a:hover {
1726 background-color: #f5f8ff;
1727 border: 1px solid #789ACE;
1731 .result_holdings_table {
1735 #acct_checked_main_header,
1736 #acct_holds_main_header,
1737 #acct_checked_hist_header,
1738 #acct_holds_hist_header,
1740 #acct_list_header_anon,
1742 #acct_messages_main_header,
1743 #ebook_circs_main_table,
1744 #ebook_holds_main_table,
1745 #single_message_main table,
1746 #myopac_trans_table,
1747 #copy_hold_counts table,
1748 .result_holdings_table,
1749 #acct_info_main table,
1750 #acct_search_main table,
1751 #acct_holds_hist_header,
1753 border-bottom: 1px solid #EEEEEE;
1754 border-collapse: collapse;
1757 #acct_messages_main_header,
1758 #single_message_main table {
1762 #copy_hold_counts table {
1763 border-top: 1px solid #CCCCCC;
1766 #acct_checked_main_header tbody>tr:nth-child(even)>td,
1767 #acct_holds_main_header tbody>tr:nth-child(even)>td,
1768 #acct_checked_hist_header tbody>tr:nth-child(even)>td,
1769 #acct_holds_hist_header tbody>tr:nth-child(even)>td,
1770 #acct_list_header tbody>tr:nth-child(even)>td,
1771 #acct_list_header_anon tbody>tr:nth-child(even)>td,
1772 #temp_list_holds tbody>tr:nth-child(even)>td,
1773 #acct_messages_main_header tbody>tr:nth-child(even)>td,
1774 #ebook_circs_main_table tbody>tr:nth-child(even)>td,
1775 #ebook_holds_main_table tbody>tr:nth-child(even)>td,
1776 .bookbag-specific tbody>tr:nth-child(even)>td,
1777 #myopac_trans_table tbody>tr:nth-child(even)>td,
1778 #acct_info_main tbody>tr:nth-child(even)>td,
1779 #acct_search_main tbody>tr:nth-child(even)>td,
1780 .result_holdings_table tbody>tr:nth-child(even)>td,
1781 #acct_holds_hist_header tbody>tr:nth-child(even)>td,
1782 #single_message_main table tbody>tr:nth-child(even)>td {
1783 background-color: #f5f8ff;
1786 #acct_checked_main_header input[type='checkbox'],
1787 #acct_holds_main_header input[type='checkbox'],
1788 #acct_checked_hist_header input[type='checkbox'],
1789 #acct_holds_hist_header input[type='checkbox'],
1790 #acct_list_header input[type='checkbox'],
1791 #acct_list_header_anon input[type='checkbox'],
1792 #temp_list_holds input[type='checkbox'],
1793 #acct_messages_main_header input[type='checkbox'],
1794 #ebook_circs_main_table input[type='checkbox'],
1795 .bookbag-specific input[type='checkbox'],
1796 #myopac_trans_table input[type='checkbox'],
1797 #acct_holds_hist_header input[type='checkbox'],
1798 #ebook_holds_main_table input[type='checkbox'] {
1803 text-transform: none;
1804 font-weight: normal;
1812 #acct_checked_main_header td,
1813 #acct_holds_main_header td,
1814 #acct_checked_hist_header td,
1815 #acct_holds_hist_header td,
1816 #acct_list_header td,
1817 #acct_list_header_anon td,
1818 #temp_list_holds td,
1819 #acct_messages_main_header td,
1820 #ebook_circs_main_table td,
1821 #ebook_holds_main_table td,
1822 .bookbag-specific td,
1823 #myopac_trans_table td,
1825 #acct_search_main td,
1826 .result_holdings_table td,
1827 #acct_holds_hist_header td,
1828 #single_message_main td {
1829 background-color: #FFF;
1830 border-top: 1px solid #EEEEEE;
1834 #acct_checked_main_header th,
1835 #acct_holds_main_header th,
1836 #acct_checked_hist_header th,
1837 #acct_holds_hist_header th,
1838 #acct_list_header th,
1839 #acct_list_header_anon th,
1840 #temp_list_holds th,
1841 #acct_messages_main_header th,
1842 #ebook_circs_main_table th,
1843 #ebook_holds_main_table th,
1844 .bookbag-specific thead td,
1845 #copy_hold_counts th,
1847 #acct_search_main th,
1848 .result_holdings_table th,
1849 #acct_holds_hist_header thead td,
1850 #myopac_trans_table thead td,
1851 #single_message_main th {
1852 border-bottom: 1px solid #666;
1853 font-family: "Raleway", sans-serif;
1855 letter-spacing: .04em;
1864 #single_message_main a.opac-button,
1865 #single_message_main button.opac-button {
1866 background-color: #FFF;
1867 border: 1px solid #CCCCCC;
1870 padding: .4rem .7rem;
1871 text-transform: none;
1874 #acct_list_header select,
1875 #acct_list_header_anon select {
1877 text-transform:none;
1900 #acct_search_main td:first-child {
1905 #acct_search_main label {
1910 #acct_search_main select,
1911 #acct_search_main input {
1913 margin-bottom: .2em;
1916 #acct_search_main select[name='opac.hits_per_page'],
1917 #acct_search_main select[name='opac.lists_per_page'],
1918 #acct_search_main select[name='opac.list_items_per_page'] {
1925 #fines_payments_wrapper {
1926 border-bottom: 4px solid #263245;
1931 #fines_payments_wrapper {
1940 #myopac_trans_table thead .bold {
1944 #myopac_trans_div br {
1948 .myopac_payments_table {
1952 .myopac_payments_table th {
1960 .myopac_payments_table thead th:first-child {
1964 .myopac_payments_table tbody tr:nth-child(odd) {
1965 background-color: #EEE;
1968 .myopac_payments_table form {
1972 .myopac_payments_table input[type="submit"] {
1976 .myopac_payments_table {
1977 border-right: 1px solid #CCC;
1978 border-top: 1px solid #CCC;
1981 .myopac_payments_table td,
1982 .myopac_payments_table th {
1983 border-left: 1px solid #CCC;
1984 border-bottom: 1px solid #CCC;
1989 border-left: 10px solid #FFCCCC;
1995 background-color: [% css_colors.accent_lighter %];
2005 .payment-processing {
2009 color: [% css_colors.text_greatnews %];
2010 font-size: [% css_fonts.size_bigger %];
2012 border: 1px solid [% css_colors.accent_medium_dark %];
2020 #adv_search_parent {
2023 #search-submit-spinner {
2027 div.adv_search_available {
2040 text-align: center !important;
2041 width: 100px !important;
2044 .chili_review div.chili_link div {
2049 /* styling for advanced search filters that display with searchbar */
2050 #adv_filter_results_block h4 {
2055 #adv_filter_results_block {
2059 .adv_filter_results_block_label {
2062 padding: 4px 12px 4px 0;
2064 padding: 4px 0 4px 12px;
2068 .adv_filter_results_group {
2070 display: inline-block;
2071 background-color: #d8d8d8;
2072 border-style: solid;
2076 padding: 2px 4px 2px 4px;
2079 .adv_filter_results_group_wrapper {
2080 display: inline-block;
2089 .adv_filter_results_group_header {
2090 display: inline-block;
2093 .adv_filter_results_group_values {
2097 .adv_search_result_filter {
2098 display: inline-block;
2115 display: inline-block;
2118 #refine_search_link {
2119 display: inline-block;
2127 #facet_sidebar .header {
2128 background-color: rgba(228, 243, 212, .5);
2134 #facet_sidebar .box_wrapper {
2135 padding-right: .2em;
2138 #facet_sidebar .box_wrapper a {
2143 padding-bottom: 3px;
2146 .facet_box_temp.filter_box_temp .header {
2147 background-color: #252525 !important;
2154 padding-bottom: 4px;
2158 .facet_box_temp .header .title {
2164 .facet_box_temp h4 {
2169 .facet_box_temp .header a.button {
2170 display: inline-block;
2174 text-decoration: underline;
2177 .facet_box_wrapper .box_wrapper .box {
2184 .filter_box_wrapper {
2187 border: 1px solid #252525;
2194 box-sizing: border-box;
2195 -moz-box-sizing: border-box;
2201 .facet_template div {
2202 display: table-cell;
2206 .facet_template.filter_template div {
2207 padding: 0 !important;
2210 .facet_template .count {
2215 .facet_template_selected a:hover::before {
2219 vertical-align: middle;
2223 .facet_template_selected a::before {
2227 vertical-align: middle;
2230 .facet_template_selected a {
2239 background-color: #FFF;
2263 #adv_global_search {
2267 #adv_search_filters select {
2272 #adv_global_addrow td {
2278 #adv_search_filters,
2279 #adv_global_input_table,
2284 #adv_numeric_block select,
2285 #adv_numeric_block input[type='text'],
2286 #adv_expert_row select,
2287 #adv_expert_row input[type='text'],
2288 #adv_search_filters select,
2289 #adv_search_filters input[type='text'],
2290 #adv_global_input_table select,
2291 #adv_global_input_table input[type='text'],
2292 #browse-controls select
2293 #browse-controls input[type='text'] {
2294 border: 1px solid #cccccc;
2296 box-sizing: border-box;
2297 color: rgba(0, 0, 0, .75);
2303 #adv_global_search select[name='bool'] {
2304 padding-right: 1.1em;
2307 #adv_search_filters select {
2311 #adv_numeric_block select {
2316 font-weight: normal;
2325 #acct_prefs_header {
2328 .search_page_nav_link {
2341 .message-update-summary {
2342 background-color: #fff9d0;
2343 border-left: 5px solid #fdd087;
2364 #adv_search_refine input[type=text] {
2365 border: 1px inset #ccc !important;
2368 #adv_search_refine select {
2369 border: 1px inset #ccc !important;
2372 #adv_search_refine {
2378 background-color: [% css_colors.accent_lighter2 %];
2386 vertical-align: middle;
2390 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAN1JREFUOI2d0k1KA0EQxfGfY7yBB8jaM3gCQSFgJgTFheC1/ERceB5dZ5FDqImMi3TJpOnpoA960VX1f2+Yrn0bjfCMPbwbVoNHHOAtiiO8osMK0wp8l+bWuIjGSyp2vea8Asf5xgzOU3JuctWD77N+hwXGkTBNUJ5wg4ddcGheMCmdIhy6TMn/gkPXA/CyBDeF+/GA8SGOaskNbiuf3+ETp3+Bl/jIal+Y5HC+JP0fdpKS+70V2jB4qsChs5ScL1vLZh3XFTg0sb2xW3Px/kNwqE1hxbnZDrhv8jv3AyPQeyhY+a94AAAAAElFTkSuQmCC) no-repeat;
2391 box-sizing: border-box;
2399 background-color: #fff;
2403 vertical-align: middle;
2406 .subtle-button:hover {
2407 text-decoration: underline;
2411 #account-update-email table,
2413 #list_create_table {
2416 border-collapse: collapse;
2419 #account-update-email table td,
2420 #hold_editor_table td,
2421 #list_create_table td {
2427 padding: 5px 15px 5px 0;
2428 border-bottom: 1px solid #ddd;
2431 #hold_editor_table td.fmt-note {
2432 border-bottom: 1px solid #FFF;
2435 #account-update-email-error {
2438 border: 1px solid #e9ebf3;
2441 #list_create_table td {
2442 vertical-align: middle;
2446 #list_create_table {
2447 padding-bottom: 4px;
2448 margin-bottom: 10px;
2449 border-bottom: 1px dotted #999;
2453 #list_create_table input[type=text] {
2457 #list_create_table label {
2461 .list_create_table_label {
2469 .list-create-table-buttons input[type=image] {
2473 .list-create-table-buttons input[type='submit'] {
2474 font-family: "Raleway", sans-serif;
2475 display: inline-block;
2479 .list-create-table-buttons input[type='reset'] {
2480 background-color: #fff;
2483 display: inline-block;
2484 font-family: "Raleway", sans-serif;
2487 text-transform: uppercase;
2490 .result_table_format_cell {
2495 .results_row_count {
2498 font-weight: normal;
2508 font-weight: normal;
2518 #hold_editor_table th {
2519 border-bottom: 1px solid #ddd;
2520 font-weight: normal;
2526 padding: 5px 15px 5px 0;
2529 #hold_editor_table td {
2535 padding-right: 1em !important;
2537 padding-left: 1em !important;
2539 vertical-align: middle;
2541 .hold-editor-controls {
2542 padding-top: 1em !important;
2546 .hold-editor-controls a {
2562 vertical-align: top;
2565 .rdetail-author-div {
2566 padding-bottom: 10px;
2567 display: inline-block;
2574 .rdetail-extras-summary {
2579 background-color: #EEEEEE;
2582 .expert-search tbody tr th {
2591 .expert-search-row {
2595 #adv_expert_row label {
2599 #cn_browse_div .color_4 {
2600 font-family: "Raleway", sans-serif;
2604 letter-spacing: .03em;
2607 .bookshelf tbody:first-child td a {
2615 .bookshelf tr.browse_border td {
2616 border-bottom: 3px solid #7a9f37;
2619 padding-bottom: 1ex;
2622 .results-paginator-list {
2626 .results-paginator-selected {
2627 background-color: #fffce2;
2629 display: inline-block;
2634 background-color: [% css_colors.accent_lightest %];
2637 .unread-patron-message {
2643 #hold-items-list td {
2645 margin-bottom: 20px;
2648 .hold-items-list-title {
2650 margin-bottom: 20px;
2653 .hold-items-list-problem {
2657 .hold_success_links>span {
2659 white-space: nowrap;
2662 .radio-parts-selection {
2664 margin-bottom: 20px;
2667 .parts-radio-option {
2668 display: inline-block;
2672 .mr_holds_no_formats {
2681 color: [% css_colors.text_invert %];
2682 background-color: [% css_colors.primary %];
2685 .holds_item_row_separator td {
2686 border-top: 2px dashed #999;
2691 font-size: [% css_fonts.size_bigger %];
2695 .results_header_btns,
2696 .results_header_sel {
2702 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2703 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2705 .opac-multiline-button>a,
2707 .dash_account_buttons a {
2708 cursor: pointer !important;
2709 display: inline-block;
2713 .opac-button:disabled {
2714 background-color: #ddd;
2715 border: 3px solid #CCCCCC;
2717 cursor: pointer !important;
2721 /* Firefox adds its own special space to inputs; this gets us closer */
2722 button.opac-button::-moz-focus-inner,
2723 input.opac-button::-moz-focus-inner {
2728 .opac-button-header,
2729 #dash_wrapper .opac-button {
2730 font-size: [% css_fonts.size_base %];
2734 .opac-multiline-button>a {
2735 display: inline-block;
2738 #myopac_checked_div {
2742 .rdetail-mfhd-head {
2745 background-color: #d8d8d8;
2748 .rdetail-mfhd-type {
2756 .rdetail-mfhd-bottom {
2757 border-bottom: thin solid black;
2761 #rdetail_record_details {
2770 .rdetail_content_type,
2771 .rdetail_subject_type {
2772 vertical-align: top;
2776 .bookbag-item-row td {
2777 vertical-align: top;
2787 background-color: #e4f3d4;
2789 border-right: 5px solid #b8df8f;
2791 border-left: 5px solid #b8df8f;
2799 .rdetail_related_subjects {
2803 .rdetail_related_series {
2811 .rdetail_openurl_entry {
2821 .bookbag-controls-holder {
2826 .bookbag-controls-holder:nth-child(odd) {
2827 background-color: #f5f8ff;
2830 .bookbag-controls-holder:nth-child(even) {
2831 background-color: #FFF;
2834 .bookbag-controls-holder .most {
2843 .bookbag-controls-title-block {
2851 .bookbag-controls-button-block {
2860 .bookbag-controls-button-block form {
2864 .bookbag-controls-button-block input,
2865 .bookbag-controls-button-block input:active,
2866 .bookbag-controls-button-block input:hover {
2872 padding-bottom: 0em;
2875 .bookbag-share .fixed {
2883 .bookbag-specific td input[type='text']{
2887 .bookbag-specific thead td,
2888 #acct_holds_hist_header {
2892 .bookbag-specific div.sort {
2905 .bookbag-specific div.meta {
2906 border: 1px solid #EEEEEE;
2915 .bookbag-specific div.meta input[type='text'],
2916 .bookbag-specific div.meta textarea {
2922 .bookbag-specific div.meta p {
2923 font-family: "Raleway", sans-serif;
2924 letter-spacing: .0625em;
2928 #bbag-name-desc-form tr th {
2929 vertical-align: middle;
2932 #bbag-name-desc-form .saver {
2933 vertical-align: middle;
2937 .bookbag-description {
2943 .bbag-edit-desc-label {
2952 .bbag-edit-desc-save {
2958 .bbag-edit-desc-save input {
2963 #bbag-edit-description {
2980 .bbag-action select,
2981 .bbag-action input[type='submit'] {
2986 .bbag-navigate-list {
2988 padding-right: 32px;
2996 .bbag-navigate-list-pages {
2998 padding-right: 10px;
3007 font-family: sans-serif;
3013 padding: 0 10px 0 0;
3016 padding: 0 0 0px 10px;
3020 .bookbag-share .fixed {
3027 padding: 0 10px 0 0;
3030 padding: 0 0 0px 10px;
3034 .bookbag-specific td.list_checkbox {
3036 padding-right: 10px !important;
3038 padding-left: 10px !important;
3042 .bookbag-specific td.list_entry {
3045 padding-right: 5px !important;
3047 padding-left: 5px !important;
3051 .bookbag-specific td.list_actions {
3052 white-space: nowrap !important;
3055 .bookbag-paginator-selected {
3056 color: [% css_colors.text_alert %];
3061 padding: 8px 0 6px 0;
3064 font-size: [% css_fonts.size_bigger %];
3070 padding-bottom: 1.5ex;
3074 .nonbreaking-wrapper {
3075 display: inline-block;
3079 /* Moved from semiauto.css */
3080 .adv_global_input_container {
3088 .adv_global_filter_sort {
3125 .saved-searches-header {
3128 font-size: [% css_fonts.size_bigger %];
3131 .saved-searches-header .button {
3139 .saved-searches-header .text {
3149 .saved-searches-header {
3151 font-size: [% css_fonts.size_bigger %];
3155 border-bottom: 1px solid [% css_colors.accent_medium %];
3159 #staff-saved-search {
3160 /* wraps .saved-searches-header and .saved-searches on the record page */
3162 border-left: 1px solid [% css_colors.accent_darker %];
3164 border-right: 1px solid [% css_colors.accent_darker %];
3167 .result_item_circulated {
3168 background-color: #f5fff1;
3169 display: inline-block;
3170 padding: .2em 1em .2em .4em;
3174 #search-only-bookbag-container {
3179 #result-bookbag-heading {
3185 .result-bookbag-name {
3186 font-size: [% css_fonts.size_bigger %];
3190 .result-bookbag-description {
3191 font-size: [% css_fonts.size_bigger %];
3195 .result-bookbag-item-note {
3199 .lowhits-bookbag-name {
3205 color: [% css_colors.text_match %];
3208 .oils_AS_match_term {
3215 .oils_AS_match_field {
3216 font-size: [% css_fonts.size_smallest %];
3223 color: [% css_colors.accent_medium %];
3227 margin: 0 2em 0 2em;
3230 vertical-align: super;
3231 font-size: [% css_fonts.size_smaller %];
3232 line-height: normal;
3233 text-decoration: none;
3235 .rdetail-holding-group {
3237 margin-right: 1.5em;
3242 .rdetail-holding-group span {
3244 margin-right: 1.5em;
3249 .rdetail-holding-group .paging {
3251 margin-right: 1.5em;
3256 #rdetail_deleted_exp {
3260 border: thick solid [% css_colors.border_alert %];
3273 padding-right: 10px;
3275 font-size: [% css_fonts.size_big %];
3277 border: 1px solid [% css_colors.primary_offset %];
3280 background-color: [% css_colors.primary_offset %];
3283 .ac_tab_selected a {
3284 color: [% css_colors.text_invert %];
3293 /* Popmenu styles used for making css menus. */
3302 .results_aux_utils.result_util li li a,
3303 .rdetail_aux_utils.toggle_list li li a {
3308 background: #f2f7ff none;
3310 border-bottom: 1px solid #BECFE6;
3314 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
3315 border-left: 4px solid #5176b6;
3318 /* Width to help Opera out */
3319 background-color: #FFF;
3324 .popmenu li:hover ul {
3332 .popmenu li li a:hover {
3333 background-color: #FFFFFF;
3336 #locale_picker_form {
3339 border-left: thin [% css_colors.control %]
3343 border-right: thin [% css_colors.control %]
3350 #locale_picker_form * {
3353 vertical-align: middle;
3356 #patron_usr_barcode_not_found {
3358 color: [% css_colors.text_alert %];
3362 .record_author:link {
3368 font-family: "Raleway", sans-serif;
3381 padding-bottom: .5em;
3385 #maintenance_message {
3388 background-color: [% css_colors.text_alert %];
3389 color: [% css_colors.text_invert %];
3400 .browse-result-sources,
3401 .browse-result-authority-bib-links {
3408 .browse-result-best-match {
3415 .browse-result-list ul {
3419 .browse-result-list li {
3421 list-style-type: none;
3422 border-bottom: 1px solid #CCCCCC;
3426 .browse-result-value {
3432 li:nth-child(even) > .browse-result-value {
3433 background-color: #f5f8ff;
3436 .browse-result-value a {
3440 .browse-result-best-match {
3441 background-color: #FFE;
3445 font-size: [% css_fonts.size_bigger %];
3447 .browse-result-authority-field-name {
3455 .browse-leading-article-warning {
3457 font-size: [% css_fonts.size_big %];
3459 .browse-public-general-note {
3460 font-size: [% css_fonts.size_big %];
3462 .browse-public-general-note-label {}
3463 .browse-public-general-note-institution {
3467 .browse-public-general-note-body {
3475 #main-content-register {
3481 font-size: [% css_fonts.size_bigger %];
3484 #main-content-register table {
3487 border-collapse: collapse;
3490 #main-content-register td {
3498 #main-content-register td:not(:first-child) {
3500 padding-right: 20px;
3505 #main-content-register tr:last-child td {
3509 #main-content-register input[type='submit']{
3510 background: #38558A;
3514 display: inline-block;
3516 letter-spacing: .0625em;
3520 text-transform: uppercase;
3521 transition: all .3s ease-out;
3522 vertical-align: middle;
3525 #main-content-register input[type='submit'],
3526 #main-content-register a {
3530 #main-content-register a {
3531 background-color: transparent;
3533 text-transform: none;
3536 .patron-reg-invalid {
3537 font-family: Helvetica, Arial, sans-serif;
3544 padding-right: 10px;
3548 .result_footer_nav1 {
3559 .rdetail_authors_div {
3563 .search_box_wrapper label {
3567 .search_box_wrapper,
3568 .search_submit_wrapper {
3574 .search_submit_wrapper {
3579 box-sizing: border-box;
3582 .search_box_row::after {
3593 .searchbar input[type='text'] {
3599 #search_box_keyword .dijitTextBox,
3600 #search_box_keyword .dijitComboBox,
3601 #search_box_keyword .dijitSpinner {
3607 input#search_box.dijitReset {
3612 #search-submit-go-depth {
3613 background: #38558A;
3617 display: inline-block;
3618 letter-spacing: .0625em;
3620 margin: 1.7em 0 .1em 0;
3622 transition: all .3s ease-out;
3623 vertical-align: middle;
3628 #search-submit-go.hidden {
3632 #search-submit-go.with-depth {
3636 #search-submit-go-depth {
3637 background-color: #5176b6;
3642 #search_submit_actions {
3646 #search-submit-spinner {
3650 #account-update-email input[type='password'],
3651 #hold_editor_table input[type='password'],
3652 #account-update-email input[type='text'],
3653 #hold_editor_table input[type='text'] {
3654 background-color: #fff;
3655 border: 1px solid #ddd;
3662 .tundra .InputField input {
3666 .result_table_title_cell {
3668 padding-bottom: 4px;
3671 div.result_table_title_cell {
3676 /* styling for sms text call number */
3678 font-family: monospace;
3679 background-color: #EEE;
3680 border: 1px dotted #CCC;
3682 /* Allow text to wrap */
3683 white-space: pre-wrap;
3685 white-space: -moz-pre-wrap;
3686 /* Mozilla, since 1999 */
3687 white-space: -pre-wrap;
3689 white-space: -o-pre-wrap;
3691 word-wrap: break-word;
3692 /* Internet Explorer 5.5+ */
3695 .sms_text + form select,
3696 .sms_text + form input {
3706 .start_end_links_span {
3709 .start_end_links_span a {
3710 background-color: #EEEEEE;
3711 display: inline-block;
3713 transition: all .2s ease;
3715 .start_end_links_span a:hover {
3716 background-color: #fffcc9;
3721 /* patron message center */
3722 #myopac_message_tbody {
3723 vertical-align: top;
3725 .myopac_message_message {
3726 white-space: pre-wrap;
3729 .search_catalog_lbl,
3730 .browse_the_catalog_lbl,
3731 .adv_search_catalog_lbl {
3735 @media only screen and (max-width: 320px) {
3740 #search_query_label,
3741 #search_qtype_label,
3742 #search_itype_label,
3743 #search_locg_label {
3748 @media only screen and (max-width: 400px){
3753 #dash_wrapper .opac-button {
3754 background-color: #5178ad;
3755 text-transform: none;
3761 table#acct_checked_main_header,
3762 table#acct_holds_main_header,
3763 table#acct_checked_hist_header,
3764 table#acct_holds_hist_header,
3765 table#ebook_circs_main_table,
3766 table#ebook_holds_main_table {
3772 @media only screen and (max-width: 465px) {
3773 .rdetail_result_count {
3777 #main-content .left_brain {
3782 background-color: transparent;
3786 #login-form-box h1 {
3790 #login-form-box label.lbl1 {
3791 /* font-size: 100%; */
3794 #login-form-box .opac-button {
3804 #acct_checked_tabs a,
3806 #acct_prefs_tabs a {
3813 #acct_checked_tabs .align,
3814 #acct_holds_tabs .align,
3815 #acct_prefs_tabs .align {
3822 #fines_payments_wrapper {
3826 #hold_editor_table select,
3827 #hold_editor_table input,
3828 #acct_search_main select,
3829 #acct_search_main input {
3831 margin-bottom: .2em;
3834 #acct_info_main td {
3839 #acct_info_main td td {
3840 display: table-cell;
3843 #main-content-register {
3848 #main-content-register select,
3849 #main-content-register input {
3854 .patron-reg-invalid {
3859 @media only screen and (max-width: 1085px) {
3861 #adv_search_tabs a {
3862 background-color: #0a5fab;
3866 margin: 10px 0 0px 7px;
3869 margin: 10px 7px 0 0;
3873 vertical-align: middle;
3877 .search_box_wrapper {
3881 .search_submit_wrapper {
3886 #search-submit-go-depth {
3892 #search-submit-spinner {
3897 @media only screen and (min-width: 920px) and (max-width: 1200px){
3902 .results_aux_utils {
3903 display: inline-block;
3907 @media only screen and (min-width: 1200px){
3912 #acct_prefs_tabs a {
3916 .myopac_payments_table {
3922 @media only screen and (min-width: 1151px){
3923 #adv_global_search .td-left select,
3924 #adv_global_search .td-left input[type='text'],
3925 .advanced_div select,
3926 .advanced_div input[type='text'],
3927 .expert-search select,
3928 .expert-search input[type='text'] {
3933 @media only screen and (max-width: 1150px) {
3939 .qtype_selector_margin {
3943 .bookbag-specific div.sort{
3949 #acct_lists_prime div.sort {
3953 #acct_lists_prime div.meta {
3957 #adv_global_search .td-left input.invisible {
3961 #dash_user + .dash_divider {
3966 @media only screen and (max-width: 1000px) {
3974 @media only screen and (max-width: 965px) {
3975 #header.no-user .float-left {
3979 #header.no-user .float-right {
3983 #header .float-right,
3984 #header .float-left,
3996 #results_header_bar {
4001 @media only screen and (max-width: 893px) {
4008 #adv_global_search .td-left select,
4009 #adv_global_search .td-left input[type='text'],
4010 .advanced_div select,
4011 .advanced_div input[type='text'],
4012 .expert-search select,
4013 .expert-search input[type='text'] {
4014 box-sizing: border-box;
4021 #adv_global_search .td-left select.invisible,
4022 #adv_global_search .td-left input.invisible {
4026 #adv_search_submit #search-submit-go,
4027 #adv_numeric_block .opac-button,
4028 .expert-search .opac-button {
4033 .adv_filter_block_item {
4037 #adv_search_filters select {
4042 @media only screen and (max-width: 850px) {
4043 .search_catalog_lbl,
4044 .browse_the_catalog_lbl,
4045 .adv_search_catalog_lbl {
4054 #metarecord_population {
4059 #rdetail_actions_div .rdetail_aux_utils {
4060 display: inline-block;
4066 @media only screen and (max-width: 800px) {
4068 .search_catalog_lbl {
4072 .facet_sidebar_hidden,
4073 .result_block_hidden {
4077 .facet_sidebar_visible,
4078 .result_block_visible {
4079 display: inline ! important;
4083 #acct_prefs_select {
4084 display: inline-block;
4087 .radio-parts-selection {
4096 .advanced_div label strong {
4100 .expert-search label {
4104 .nonbreaking-wrapper {
4109 border-bottom: none;
4115 #results_header_bar {
4120 @media only screen and (max-width: 650px) {
4121 #adv_search_tabs a {
4124 box-sizing: border-box;
4134 #rdetail_actions_div {
4139 @media only screen and (max-width: 600px) {
4149 span .nav_arrow_fix {
4157 #acct_checked_tabs div.selected,
4158 #acct_holds_tabs div.selected,
4159 #acct_prefs_tabs div.selected {
4163 #acct_select select {
4176 #results_header_bar {
4185 #homesearch_main_logo img {
4204 #your-acct-login a {
4217 #locale_picker_form {
4221 #gold-links-holder {
4225 #simple-detail-view-links {
4229 .bookbag-controls-title-block {
4238 .bookbag-controls-button-block {
4255 .bookbag-specific div.sort {
4264 margin: 5px 0 5px 0;
4265 border: 1px solid [% css_colors.accent_light %];
4269 .bookbag-specific div.meta {
4293 #bbag-edit-description {
4300 border:1px solid [% css_colors.accent_light %];
4312 .bbag-action-field {
4316 .bookbag-specific div.sort select {
4320 .bookbag-specific tr {
4322 border-bottom: 1px solid [% css_colors.border_standard %];
4325 .bookbag-specific td.list_checkbox {
4327 padding-right: 0 !important;
4329 padding-left: 0 !important;
4333 .bookbag-specific td.list_entry {
4334 display: inline-block;
4337 padding-right: 40% !important;
4339 padding-left: 40% !important;
4343 .bookbag-specific td.list_entry:before {
4344 content: attr(data-label);
4353 .bbag-navigate-list {
4357 .bbag-navigate-list-pages {
4370 #results_header_bar {
4375 background-color: transparent;
4383 #dash_wrapper .opac-button {
4389 display: inline !important;
4405 #holds_box form blockquote {
4415 #holds_box form blockquote select {
4419 #myopac_sum_fines_placehold {
4432 .results_header_lbl {
4436 .results_header_nav1 span.h1 {
4444 .start_end_links_span {
4452 .result_table_pic_header {
4454 padding-right: 0 !important;
4457 padding-left: 0 !important;
4460 width: 0 !important;
4465 background-color: #CCCCCC;
4471 tr[name=results_isbn_tr],
4472 tr[name=results_phys_desc_tr],
4473 tr[name=results_pub_tr] strong,
4478 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
4479 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
4483 .results_info_table td {
4487 #results_header_bar {
4488 background-color: inherit;
4491 .results_header_btns a {
4495 .adv_filter_results_hide {
4499 .adv_filter_results_show {
4503 .adv_filter_results_block_label {
4507 .adv_filter_results_group_wrapper {
4515 #rdetails_status thead {
4519 #rdetails_status tr {
4524 #rdetails_status td {
4530 background-color: [% css_colors.accent_lightest %];
4533 .copy_details_offers_row {
4534 background-color: [% css_colors.accent_lightest %];
4537 select#pickup_lib.search-wrapper-locg {
4545 #widget_search_box {
4546 background: #F9F9F9 none;
4559 #search-box > span {
4567 .searchbar .search_box_wrapper {
4575 #dash_wrapper .opac-button {
4579 #main-content-home {
4584 /* Make use of full width in mobile mode */
4585 .facet_box_wrapper .box_wrapper .box,
4586 .facet_template .facet,
4591 .facet_template .count {
4603 #adv_search_parent {
4615 .rdetail_aux_utils {
4625 #rdetail_actions_div {
4633 .metarecord_population_span_link {}
4635 .metarecord_population_item_lang {
4639 .search_catalog_lbl {
4645 white-space: nowrap;
4648 .adv_search_catalog_lbl {
4650 white-space: nowrap;
4653 .browse_the_catalog_lbl {
4654 white-space: nowrap;
4657 .browse_the_catalog_lbl,
4658 .adv_search_catalog_lbl {
4670 .dash_account_buttons {
4682 #search_query_label,
4683 #search_qtype_label,
4684 #search_itype_label,
4685 #search_locg_label {
4694 .bookshelf table thead tr {
4702 #adv_global_addrow td {
4706 /* Force table to not be like tables anymore */
4707 table#acct_checked_main_header thead tr th,
4708 table#acct_holds_main_header thead tr th,
4709 table#acct_checked_hist_header thead tr th,
4710 table#acct_holds_hist_header thead tr th,
4711 table#ebook_circs_main_table thead tr th,
4712 table#ebook_holds_main_table thead tr th {
4716 table#acct_checked_main_header tbody tr td,
4717 table#acct_holds_main_header tbody tr td,
4718 table#acct_checked_hist_header tbody tr td,
4719 table#acct_holds_hist_header tbody tr td,
4720 table#ebook_circs_main_table tbody tr td,
4721 table#ebook_holds_main_table tbody tr td {
4726 /* Hide table headers (but not display: none;, for accessibility) */
4738 table#acct_checked_main_header,
4739 table#acct_holds_main_header,
4740 table#acct_checked_hist_header,
4741 table#acct_holds_hist_header,
4742 table#ebook_circs_main_table,
4743 table#ebook_holds_main_table {
4746 /* Holds history gets large white border to mimic header cell on other
4747 account screens that provide visual cue for next title. We should do
4748 the same for ebook tables too since we have no actions on those
4749 tables. If actions get added, we should move those tables out of
4751 table#acct_holds_hist_header tr,
4752 table#ebook_circs_main_table tr,
4753 table#ebook_holds_main_table tr {
4754 border-top: 25px solid #fff;
4759 table#acct_checked_main_header td,
4760 table#acct_holds_main_header td,
4761 table#acct_checked_hist_header td,
4762 table#acct_holds_hist_header td,
4763 table#ebook_circs_main_table td,
4764 table#ebook_holds_main_table td {
4765 /* Behave like a "row" */
4767 border-bottom: 1px solid #EEEEEE;
4777 table#acct_checked_main_header td:before,
4778 table#acct_holds_main_header td:before,
4779 table#acct_checked_hist_header td:before,
4780 table#acct_holds_hist_header td:before,
4781 table#ebook_circs_main_table td:before,
4782 table#ebook_holds_main_table td:before {
4783 /* Now like a table header */
4785 /* Top/left values mimic padding */
4793 padding-right: 10px;
4795 white-space: nowrap;
4798 .opac-auto-097 td:nth-of-type(5) {
4802 table#acct_checked_main_header td:nth-of-type(2):before {
4803 content: "[% l('Title') %]";
4806 table#acct_checked_main_header td:nth-of-type(3):before {
4807 content: "[% l('Author') %]";
4810 table#acct_checked_main_header td:nth-of-type(4):before {
4811 content: "[% l('Renewals Left') %]";
4814 table#acct_checked_main_header td:nth-of-type(5):before {
4815 content: "[% l('Due Date') %]";
4818 table#acct_checked_main_header td:nth-of-type(6):before {
4819 content: "[% l('Barcode') %]";
4822 table#acct_checked_main_header td:nth-of-type(7):before {
4823 content: "[% l('Call number') %]";
4826 table#acct_checked_hist_header td:nth-of-type(1) {
4828 background-color: #fff;
4831 table#acct_checked_hist_header td:nth-of-type(2):before {
4832 content: "[% l('Title') %]";
4834 table#acct_checked_hist_header td:nth-of-type(3):before {
4835 content: "[% l('Author') %]";
4838 table#acct_checked_hist_header td:nth-of-type(4):before {
4839 content: "[% l('Checkout Date') %]";
4842 table#acct_checked_hist_header td:nth-of-type(5):before {
4843 content: "[% l('Due Date') %]";
4846 table#acct_checked_hist_header td:nth-of-type(6):before {
4847 content: "[% l('Date Returned') %]";
4850 table#acct_checked_hist_header td:nth-of-type(7):before {
4851 content: "[% l('Barcode') %]";
4854 table#acct_checked_hist_header td:nth-of-type(8):before {
4855 content: "[% l('Call number') %]";
4858 table#acct_holds_main_header td:nth-of-type(1) {
4860 background-color: #fff;
4863 table#acct_holds_main_header td:nth-of-type(2):before {
4864 content: "[% l('Title') %]";
4866 table#acct_holds_main_header td:nth-of-type(3):before {
4867 content: "[% l('Author') %]";
4870 table#acct_holds_main_header td:nth-of-type(4):before {
4871 content: "[% l('Format') %]";
4874 table#acct_holds_main_header td:nth-of-type(5):before {
4875 content: "[% l('Pickup Location') %]";
4878 table#acct_holds_main_header td:nth-of-type(6):before {
4879 content: "[% l('Cancel on') %]";
4882 table#acct_holds_main_header td:nth-of-type(7):before {
4883 content: "[% l('Status') %]";
4886 table#acct_holds_main_header td.hold_notes:before {
4887 content: "[% l('Notes') %]";
4890 table#acct_holds_hist_header td:nth-of-type(1):before {
4891 content: "[% l('Title') %]";
4893 table#acct_holds_hist_header td:nth-of-type(2):before {
4894 content: "[% l('Author') %]";
4897 table#acct_holds_hist_header td:nth-of-type(3):before {
4898 content: "[% l('Format') %]";
4901 table#acct_holds_hist_header td:nth-of-type(4):before {
4902 content: "[% l('Pickup Location') %]";
4905 table#acct_holds_hist_header td:nth-of-type(8):before {
4906 content: "[% l('Status') %]";
4910 table#ebook_circs_main_table td:nth-of-type(1):before {
4911 content: "[% l('Title') %]";
4914 table#ebook_circs_main_table td:nth-of-type(2):before {
4915 content: "[% l('Author') %]";
4918 table#ebook_circs_main_table td:nth-of-type(3):before {
4919 content: "[% l('Due Date') %]";
4922 table#ebook_circs_main_table td:nth-of-type(4):before {
4923 content: "[% l('Actions') %]";
4927 table#ebook_holds_main_table td:nth-of-type(1):before {
4928 content: "[% l('Title') %]";
4931 table#ebook_holds_main_table td:nth-of-type(2):before {
4932 content: "[% l('Author') %]";
4935 table#ebook_holds_main_table td:nth-of-type(3):before {
4936 content: "[% l('Due Date') %]";
4939 table#ebook_holds_main_table td:nth-of-type(4):before {
4940 content: "[% l('Actions') %]";
4943 /*Want to see these in mobile ONLY */
4948 #mobile_acct_search_links {
4953 .mobile_search_lbl_clr {
4962 .adv_filter_block_item strong {
4966 #header .float-right,
4967 #header .float-left {
4971 .dijitTextBox input {
4979 #results_header_bar a {
4984 .results_header_btns,
4985 .results_header_sel {
4988 .results_row_count {
4992 #unread_message_count_floater {
5004 #login-form-box .float-left,
5005 #login-form-box .float-right {
5010 #login-form-box input[type='text'],
5011 #login-form-box input[type='password'] {
5016 .message-update-summary {
5020 #acct_search_main select,
5021 #acct_search_main input {
5029 #acct_prefs_tabs a {
5036 #acct_prefs_tabs .align {
5041 #acct_prefs_tabs .float-left {
5046 #acct_holds_actions {
5052 @media only screen and (min-width: 601px) {
5065 For text which is visible only to screen readers.
5066 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
5067 See also http://webaim.org/techniques/css/invisiblecontent/
5076 clip: rect(0, 0, 0, 0);
5081 /* Make added rows in Expert Search have bold labels like the initial row */
5082 label[for*=expert_] {
5087 font-weight: lighter;
5092 font-family: Helvetica,
5097 #results-page-depth-hint {
5102 #clear-history-confirm {
5105 font-weight: normal;
5109 /*Inline rules from other templates files*/
5125 #myopac_summary_div {
5143 padding-bottom: 10px;
5147 padding-right: 10px;
5151 padding-bottom: 15px;
5179 /* Rules from metarecord_hold_filters.tt2 */
5180 .metarecord_filters {
5183 border-bottom: 1px solid #333;
5184 border-top: 1px solid #333;
5187 .metarecord_filter_container {
5196 .metarecord_filter_container select {
5199 /* consistent w/ adv search selectors */
5201 .metarecord_filter_header {
5202 padding-bottom: 5px;
5206 /* Toggled items. */
5208 /* A block that is initially hidden and shown by clicking an anchor. */
5209 [id^="toggled-block-"] {
5212 [id^="toggled-block-"]:target {
5216 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
5217 [id^="toggled-inline-"] {
5220 [id^="toggled-inline-"]:target {
5226 background: #2E3545;
5232 #myopac_new_global_row {
5233 display: inline-block;
5234 margin: .3em 0 1em 0;
5237 .content-wrapper-library-page {
5238 border-top: 1px solid #EEEEEE;
5243 .content-wrapper-library-page div {
5247 .content-wrapper-library-page h1 {
5248 font-family: "Raleway", sans-serif;
5256 #hidden_search_bar * {
5264 #pay_fines_now big {
5265 background-color: #FFF39B;
5266 border-left: 5px solid #FAA925;
5280 font-family: "Raleway", sans-serif;
5284 font-family: Arial, sans-serif;
5301 .tns-nav > [aria-controls] {
5306 border-radius: 20px;
5310 .tns-nav > [aria-controls]:hover {
5311 background-color: #9ECC4C;
5314 .tns-nav-active > [aria-selected="true"] {
5315 background-color: #6AB5F9;
5318 .tns-nav > [aria-selected="true"] {
5319 background-color: #8EC1EE;
5324 font-family: Arial, sans-serif;