2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
4 rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
9 font-family: Arial, Helvetica, sans-serif;
10 font-size: [% css_fonts.size_base %];
11 background-color: [% css_colors.primary %];
18 font-family: Arial, Helvetica, sans-serif;
19 font-size: [% css_fonts.size_base %];
30 #homesearch_main_logo {
37 color: [% css_colors.link %];
40 #search-wrapper input[type=text] {
45 #search-wrapper select, .results_header_lbl select {
46 border:1px solid [% css_colors.border_standard %];
68 #search-wrapper select {
69 border:0px solid [% css_colors.border_dark %];
70 filter:alpha(opacity=0);
81 font-size: [% css_fonts.size_biggest %];
86 font-size: [% css_fonts.size_bigger %];
91 font-size: [% css_fonts.size_bigger %];
100 div.select-box-wrapper {
122 background-color: [% css_colors.primary %];
129 color: [% css_colors.primary_fade %];
130 display:inline-block;
133 #dashboard, #dashboard_e {
138 #dashboard span.dash-align a, #dashboard_e span.dash-align a {
140 text-decoration: none;
155 #dash_checked, #dash_e_checked { color: [% css_colors.text_attention %]; }
156 #dash_holds, #dash_e_holds { color: [% css_colors.text_attention %]; }
157 #dash_pickup, #dash_e_pickup { color: [% css_colors.text_goodnews %]; }
160 #dash_fines { color: [% css_colors.text_badnews %]; }
161 the color contrast between "text_badnews" and "primary"
162 is too low for WCAG compliance. Use "text_attention"
163 for now until a better color is picked - if needed.
165 #dash_fines { color: [% css_colors.text_attention %]; }
167 #dash_wrapper #dash_user_message_button_container {
171 #dash_wrapper #unread_message_count_floater {
173 background-color: [% css_colors.text_alert %];
175 padding-right: 0.2em;
176 display: inline-block;
182 margin-right: -1.5em;
189 background-color: [% css_colors.primary_fade %];
190 background-image: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
191 background-image: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
192 background-image: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
193 background-image: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
196 color: [% css_colors.background %];
199 font-size: [% css_fonts.size_small %];
203 color: [% css_colors.background %];
207 color: [% css_colors.text_invert %];
208 text-decoration: none;
212 color: [% css_colors.text_invert %];
213 font-size: [% css_fonts.size_small %];
221 color: [% css_colors.text_invert %];
223 text-decoration: none;
233 #header-links a:hover {
234 color: [% css_colors.text_invert %];
235 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
236 text-decoration: none;
239 #header #header-links2 {
242 color: [% css_colors.text_invert %];
243 padding-bottom: 15px;
246 #header #header-links2 a {
247 color: [% css_colors.text_invert %];
250 #header #header-links2 a:hover {
251 text-decoration: underline;
279 background-color: [% css_colors.background_invert %];
294 border-bottom: 1px solid [% css_colors.border_standard %];
296 background-color: [% css_colors.background %];
299 #search-wrapper #breadcrumb {
301 font-size: [% css_fonts.size_smaller %];
309 #search-wrapper #search-within {
321 #search-wrapper #breadcrumb a {
322 color: [% css_colors.text %];
325 #search-wrapper #search_frm label {
326 font-size: [% css_fonts.size_smaller %];
329 #search-wrapper #search-box {
338 padding-bottom: 10px;
341 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
350 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
353 margin: 10px 0px 0px 7px;
354 border-radius: 10px 10px 0px 0px;
357 margin: 10px 7px 0px 0px;
358 border-radius: 10px 10px 0px 0px;
361 vertical-align: middle;
363 padding: 10px 0px 10px 0px;
365 color: [% css_colors.text_invert %];
366 background-color: [% css_colors.control %];
368 text-decoration: none;
371 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
372 padding: 1em 1em 0.5em;
375 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
376 background-color: [% css_colors.primary %];
377 color: [% css_colors.text_invert %];
378 text-decoration: none;
381 #adv_search_filters {
396 .adv_filter_block_item {
427 padding-right: 10px !important;
429 padding-left: 10px !important;
433 #adv_search.on, #num_search.on, #expert_search.on {
434 color: [% css_colors.accent_darker %];
435 background-color: [% css_colors.background %];
436 text-decoration: none;
439 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
440 color: [% css_colors.accent_darker %];
441 background-color: [% css_colors.background %];
442 text-decoration: none;
446 background-color: [% css_colors.control %];
449 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
451 font-size: [% css_fonts.size_smaller %];
452 color: [% css_colors.accent_darker %];
453 padding: 10px 10px 10px 10px;
456 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
457 background-color: [% css_colors.accent_lightest %];
458 color: [% css_colors.accent_darker %];
461 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
462 padding-bottom: 12px;
463 color: [% css_colors.accent_medium %];
466 #acct_select, #acct_prefs_select {
470 #mobile_acct_search_links {
471 background-color: [% css_colors.primary_fade %];
476 padding: 5px 0px 6px 7px;
479 padding: 5px 7px 6px 0px;
482 border-bottom: 1px dotted [% css_colors.accent_light %];
486 color:[% css_colors.primary_fade %];
488 font-size: [% css_fonts.size_bigger %];
491 .rdetail_result_count {
492 color: [% css_colors.text %];
494 display: inline-block;
502 .rdetail_result_nav {
504 display: inline-block;
512 #rdetail_details_table {
516 #rdetail_image { border: none; }
517 #rdetail_image_cell {
530 padding: 0.5em 1em 0.5em 1em;
531 background-color: [% css_colors.accent_lighter2 %];
533 div.rdetail_uris ul li {
542 div.rdetail_show_copies {
546 div#rdetail_actions_div {
547 background-color: [% css_colors.background %];
555 span#rdetail_copy_counts {
556 display: inline-block;
569 span#rdetail_hold_counts {
570 display: inline-block;
573 span#rdetail_hold_counts p {
594 border-right: 1px dotted [% css_colors.accent_light %];
598 border-left:1px dotted [% css_colors.accent_light %];
605 border-bottom: 1px dotted [% css_colors.accent_light %];
609 div.toggle_list { padding-top: 6px; }
613 border-top: 1px dotted [% css_colors.accent_light %];
626 #metarecord_population {
629 padding-bottom: 10px;
632 .metarecord_population_span_link {
636 .metarecord_population_format {
638 display: inline-block;
644 .metarecord_population_item_lang {
645 display: inline-block;
649 .metarecord_population_all {
658 border-bottom: 1px dotted [% css_colors.accent_light %];
676 #course_material_table td {
678 padding: 7px 13px 3px 0px;
680 padding: 7px 0px 3px 13px;
684 #rdetails_status td[headers=copy_header_library],
685 #rdetails_status td[headers=copy_header_shelfloc] {
689 #rdetails_status thead th,
690 #course_material_table thead th {
692 padding: 13px 13px 13px 0px;
695 padding: 13px 0px 13px 13px;
698 background-color: [% css_colors.accent_lighter2 %];
699 font-size: [% css_fonts.size_smaller %];
703 #rdetails_status tbody td,
704 #course_material_table tbody td {
713 #rdetails_status tbody td.copy_note
714 #course_material_table tbody {
715 color: [% css_colors.primary %];
717 white-space:pre-wrap !important;
721 #rdetails_status tbody td.copy_tag {
722 border-color: [% css_colors.primary %];
723 border-style: dashed;
726 #rdetails_status tbody .copy_tag_value {
731 background-color: [% css_colors.primary_fade %];
732 border: 1px solid [% css_colors.primary %];
737 #rdetail_extras_div {
750 background-color: [% css_colors.accent_light %];
753 .rdetail_extras_link {
755 font-size: [% css_fonts.size_smaller %];
759 .rdetail_extras_lbl {
760 color: [% css_colors.text_invert %];
761 text-decoration: none;
764 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
772 #rdetail_locs_expand, #rdetail_locs_collapse {
782 #rdetail_anotes_div .biography {
786 #gbp_extra, #gbp_arrow_down_link {
790 .almost-content-wrapper {
791 background-color: [% css_colors.background %];
795 background-color: [% css_colors.background %];
797 border-bottom: 1px solid [% css_colors.border_dark %];
800 .content-wrapper-record-page { top: -15px; position: relative; }
821 #main-content-after-bar {
840 background-color: [% css_colors.background %];
843 #main-content .login_boxes {
844 border: 1px solid [% css_colors.accent_lighter %];
845 background-color: [% css_colors.accent_lightest %];
846 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
847 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
848 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
849 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
850 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
851 color: [% css_colors.accent_darker %];
854 #main-content .login_boxes h1 {
856 font-size: [% css_fonts.size_biggest %];
860 #main-content .left_brain {
869 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
873 background-color: [% css_colors.background %];
874 font-size: [% css_fonts.size_bigger %];
875 color: [% css_colors.text %];
878 #main-content .left_brain .input_bg {
880 padding: 10px 13px 0px 10px;
882 padding:10px 10px 0px 13px;
901 font-size: [% css_fonts.size_biggest %];
905 #login-failed-message {
906 font-size: [% css_fonts.size_bigger %];
908 color: [% css_colors.text_alert %];
912 #holds_temp_parent td {
913 border-bottom:1px solid [% css_colors.border_standard %];
916 #holds_temp_parent input, #holds_temp_parent select {
920 #holds_temp_parent tr td div {
925 #holds_temp_parent tr td div.format_icon {
931 #results_header_bar {
932 background-color: [% css_colors.accent_medium %];
933 border-top:1px solid [% css_colors.accent_mediumdark %];
934 border-bottom:1px solid [% css_colors.accent_mediumdark %];
937 .results_header_lbl {
944 color: [% css_colors.text %];
945 /* this border is not visible, but it keeps these labels the same size
947 border: 1px solid [% css_colors.accent_medium %];
948 background-color: [% css_colors.accent_medium %];
952 /* we need a negative margin on the select to allow the containing <label>
953 to determine the actual size of the element. By doing this, we can increase
954 the odds that the buttons and the select will be the same size, and therefore
955 collapse correctly when the window width decreases */
956 .results_header_lbl select {
960 #limit_to_available {
961 vertical-align: middle;
964 .results_header_sel {
973 .results_header_nav1 {
975 padding: 5px 0px 6px 7px;
977 padding: 5px 7px 6px 0px;
979 border-bottom: 1px dotted [% css_colors.accent_light %];
982 .results_header_nav1 .h1 {
983 font-size: [% css_fonts.size_bigger %];
985 color:[% css_colors.primary_fade %];
988 .table_no_border_space {
991 .table_no_cell_pad td {
995 border-collapse: collapse;
998 #result_table_table {
1006 tr.result_table_row > td.results_row_count,
1007 tr.result_table_row > td.result_table_pic_header,
1008 tr.result_table_row > td.result_table_title_cell {
1009 vertical-align: top;
1013 [% IF rtl == 't' -%]
1023 tr.result_table_row:nth-child(n+2) > td {
1024 border-top: 1px solid [% css_colors.accent_lighter2 %];
1027 tr.result_table_row > td.result_table_pic_header {
1028 [% IF rtl == 't' -%]
1033 white-space: nowrap;
1037 /* styles for selecting records in the results set */
1038 .result_table_row_selected {
1039 background-color: [% css_colors.item_selected %];
1041 #selected_records_summary, #clear_basket {
1045 /* styles for the basket */
1047 [% IF rtl == 't' -%]
1055 #record_basket_icon {
1056 [% IF rtl == 't' -%]
1065 #record_basket_count_floater {
1066 background-color: [% css_colors.accent_lighter %];
1069 right: -3px; /* relative to icon, so don't want to adjust for RTL */
1073 #record_basket_count_floater a {
1074 text-decoration: none;
1077 [% IF rtl == 't' -%]
1083 #basket_actions select {
1084 border-color: rgb(169, 169, 169);
1088 [% IF rtl == 't' -%]
1093 white-space: nowrap;
1096 .result_count_number {
1100 .result_table_subtable {
1105 div.result_table_utils_cont {
1106 [% IF rtl == 't' -%]
1115 #myopac_summary_div p {
1117 margin-bottom: 10px;
1120 #acct_sum_checked_table td {
1124 .zero_search_hits_main {
1125 [% IF rtl == 't' -%]
1133 .zero_search_hits_saved {
1134 [% IF rtl == 't' -%]
1145 #zero_search_hits p {
1153 #zero_search_hits #spell_check_link {
1156 #zero_search_hits #zero_hits_suggestions {
1160 [% IF rtl == 't' -%]
1166 background-color: [% css_colors.accent_light %];
1171 .results_info_table td {
1172 [% IF rtl == 't' -%]
1175 padding-right: 10px;
1179 #myopac_holds_main_table {
1180 border-collapse: collapse;
1183 #myopac_holds_main_table td {
1184 border: 1px solid [% css_colors.border_dark %];
1188 .myopac-hold-available {
1189 color: [% css_colors.text_greatnews %];
1193 .myopac-hold-suspended {
1194 color: [% css_colors.text_badnews %];
1198 #myopac_prefs_div .data_grid {
1199 border-collapse:collapse;
1202 #myopac_prefs_div .data_grid td {
1203 [% IF rtl == 't' -%]
1204 padding: 6px 17px 7px 0px;
1206 padding:6px 0px 7px 17px;
1208 background-color:[% css_colors.accent_ultralight %];
1209 border-bottom:3px solid [% css_colors.background %];
1213 [% IF rtl == 't' -%]
1214 padding: 0px 0px 0px 7px;
1216 padding: 0px 7px 0px 0px;
1219 font-size: [% css_fonts.size_bigger %];
1221 color:[% css_colors.primary_fade %];
1222 border-bottom: 1px dotted [% css_colors.accent_light %];
1227 font-weight: normal;
1231 [% IF rtl == 't' -%]
1241 border-collapse: collapse;
1242 background-color: [% css_colors.accent_ultralight %];
1245 .acct_sum_table tr {
1246 border-bottom: 2px solid white;
1249 .acct_sum_table td {
1254 text-transform: none;
1259 .acct_sum_table .view_link {
1260 font-weight: normal;
1264 [% IF rtl == 't' -%]
1266 padding: 15px 23px 0px 0px;
1269 padding: 15px 0px 0px 23px;
1277 [% IF rtl == 't' -%]
1278 padding-right: .5em;
1284 #myopac_sum_fines_placehold {
1285 [% IF rtl == 't' -%]
1294 .acct_holds_temp td {
1295 [% IF rtl == 't' -%]
1302 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1303 [% IF rtl == 't' -%]
1310 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_fees_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
1311 border-collapse: collapse;
1318 [% IF rtl == 't' -%]
1325 /* tables for entering payment information */
1326 #acct_fines_main_header,
1327 #acct_fees_main_header
1332 /* tables for entering payment information */
1336 [% IF rtl == 't' -%]
1346 /* tables for entering payment information */
1347 #credit_card_info_table
1353 /* tables for entering payment information */
1354 #billing_info_table td,
1355 #credit_card_info_table td
1357 [% IF rtl == 't' -%]
1358 padding-right: .5em;
1365 /* div for the payment buttons with the total */
1370 padding: 1em 0 0 1em;
1374 /* Stripe's payment form */
1377 background-color: [% css_colors.accent_ultralight %];
1385 /* text to state what is seen on cc statement */
1390 color:[% css_colors.primary_fade %];
1394 text-transform: none;
1395 font-weight: normal;
1398 .hold_note_title { font-weight: bold; }
1399 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td, #acct_reservations_main_header td {
1400 background-color: [% css_colors.background %];
1402 border: 1px solid #d3d3d3;
1405 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th, #acct_reservations_main_header th {
1406 [% IF rtl == 't' -%]
1411 padding: 0px 10px 0px 10px;
1414 #acct_list_header select, #acct_list_header_anon select {
1416 text-transform:none;
1419 .search_catalog_lbl {
1420 font-size: [% css_fonts.size_bigger %];
1422 .adv_search_catalog_lbl {
1423 font-size: [% css_fonts.size_bigger %];
1426 .browse_the_catalog_lbl {
1427 font-size: [% css_fonts.size_bigger %];
1430 .search_courses_label {
1431 font-size: [% css_fonts.size_bigger %];
1435 font-size: [% css_fonts.size_bigger %];
1440 font-size: [% css_fonts.size_smaller %];
1447 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1448 background-color: [% css_colors.primary_fade %];
1453 #fines_payments_wrapper {
1458 .myopac_payments_table th {
1459 [% IF rtl == 't' -%]
1460 text-align: right; }
1466 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1467 .myopac_payments_table thead th:first-child { width: 8em; }
1468 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1469 .myopac_payments_table form { display: inline; }
1470 .myopac_payments_table input[type="submit"] { padding: 1px; }
1475 background-color: [% css_colors.accent_lighter %];
1479 font-weight: bold; color: [% css_colors.text_alert %];
1480 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1483 .payment-processing {
1485 color: [% css_colors.text_greatnews %];
1486 font-size: [% css_fonts.size_bigger %];
1487 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1490 #adv_search_input { width: 100%; }
1491 #adv_search_parent {
1494 #search-submit-spinner {
1498 div.adv_search_available {
1506 font-size: [% css_fonts.size_bigger %];
1511 width:100px !important;
1512 text-align: center !important;
1515 .chili_review div.chili_link div {
1519 /* styling for advanced search filters that display with searchbar */
1521 #adv_filter_results_block h4 { display: inline; }
1523 #adv_filter_results_block {
1527 .adv_filter_results_block_label {
1529 [% IF rtl == 't' -%]
1530 padding: 4px 12px 4px 0px;
1532 padding: 4px 0px 4px 12px;
1536 .adv_filter_results_group {
1538 display: inline-block;
1539 background-color: [% css_colors.accent_lighter2 %];
1540 border-style: solid;
1541 border-color: [% css_colors.accent_medium %];
1544 padding: 2px 4px 2px 4px;
1547 .adv_filter_results_group_wrapper {
1548 display: inline-block;
1549 [% IF rtl == 't' -%]
1557 .adv_filter_results_group_header {
1558 display: inline-block;
1561 .adv_filter_results_group_values {
1565 .adv_search_result_filter {
1566 display: inline-block;
1571 [% IF rtl == 't' -%]
1579 text-decoration: none;
1580 color: [% css_colors.accent_dark %];
1584 display: inline-block;
1587 #refine_search_link {
1588 display: inline-block;
1591 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1592 /* some facet styling */
1593 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1594 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1595 .facetClassLabel { font-weight: bold; text-align: center; }
1596 .facetFieldContainer { }
1597 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1598 .extraFacetFieldsWrapper { }
1599 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1600 .facetFieldLineCount {
1601 display: inline-block;
1602 border-right: 1px solid [% css_colors.accent_light %];
1603 color: [% css_colors.accent_mediumdark %];
1607 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1608 .facetFields { padding-left: 5px; }
1609 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1613 [% IF rtl == 't' -%]
1626 .facet_box_temp .header {
1628 background-color:[% css_colors.primary %];
1629 border-top-left-radius: 5px;
1630 border-top-right-radius: 5px;
1632 color:[% css_colors.text_invert %];
1636 .facet_box_temp.filter_box_temp .header {
1637 background-color: [% css_colors.background_invert %] !important;
1641 color: [% css_colors.background_invert %];
1648 .facet_box_temp .header .title {
1649 [% IF rtl == 't' -%]
1651 padding-right: 12px;
1659 /* in this context, where h4 is primarily for structure,
1660 avoid the normal large font and margin for h4's */
1661 .facet_box_temp h4 {
1666 .facet_box_temp .header a.button {
1667 [% IF rtl == 't' -%]
1675 color:[% css_colors.text_invert %];
1678 .facet_box_wrapper .box_wrapper .box {
1679 border-top:1px solid [% css_colors.border_standard %];
1680 border-left:1px solid [% css_colors.border_standard %];
1681 border-right:1px solid [% css_colors.border_standard %];
1687 .filter_box_wrapper {
1690 border: 1px solid [% css_colors.background_invert %];
1697 box-sizing: border-box;
1698 -moz-box-sizing: border-box;
1704 .facet_template div {
1705 display: table-cell;
1709 .facet_template.filter_template div {
1710 padding: 0px !important;
1713 .facet_template .count {
1715 color: [% css_colors.accent_mediumdark %];
1718 .facet_template_selected {
1719 background-color: [% css_colors.accent_lighter2 %];
1720 border: 1px solid [% css_colors.accent_medium %];
1724 background-color: [% css_colors.primary %];
1725 background-image: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1726 background-image: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1727 background-image: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1728 background-image: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1732 [% IF rtl == 't' -%]
1738 padding-bottom: 10px;
1739 font-size: [% css_fonts.size_small %];
1743 color: [% css_colors.text_invert %];
1744 text-decoration: none;
1745 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1748 #copyright_text, #footer_logo {
1749 color: [% css_colors.text_invert %];
1756 .advanced_div { padding-top: 15px; }
1757 #adv_global_search { width: 100%; }
1758 #adv_global_search select { width: 13em; }
1759 #adv_global_addrow td { padding-top: 7px; }
1760 [% IF rtl == 't' -%]
1761 #adv_global_addrow.td-search-left{text-align:right;}
1763 #adv_global_input_table { width: 100%; }
1764 #adv_global_input_table select { width: 7em; }
1766 font-size: [% css_fonts.size_smaller %];
1767 color: [% css_colors.text_alert %];
1769 #acct_prefs_header {
1770 [% IF rtl == 't' -%]
1776 .search_page_nav_link {
1778 [% IF rtl == 't' -%]
1784 #opac.result.sort { width: 160px; }
1785 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1787 [% IF rtl == 't' -%]
1793 color: [% css_colors.text_alert %];
1795 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1796 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1797 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1798 #adv_search_refine {
1799 [% IF rtl == 't' -%]
1804 background-color: [% css_colors.accent_lighter2 %];
1807 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1809 background-color: [% css_colors.background %];
1810 color: [% css_colors.primary %]; text-decoration: none;
1811 padding: 0; border: 0; margin: 0;
1812 vertical-align: middle;
1814 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1815 .no-dec:hover { text-decoration: none; }
1816 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1818 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1819 #account-update-email table td {
1820 [% IF rtl == 't' -%]
1825 padding: 5px 15px 5px 15px;
1826 border-bottom: 1px solid [% css_colors.accent_lighter %];
1828 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1829 a.dash-link:hover { text-decoration: underline !important; }
1830 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1831 #list_create_table {
1832 background-color: [% css_colors.accent_light %];
1833 padding-bottom: 4px;
1834 margin-bottom: 10px;
1835 border-bottom: 1px dotted [% css_colors.accent_medium %];
1838 .list_create_table_label {
1841 #list_description, #list_create_name {
1844 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1845 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1846 .results_row_count { font-weight: bold; }
1847 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1848 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1849 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1850 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1851 #hold_editor_table th {
1852 [% IF rtl == 't' -%]
1860 #hold_editor_table td { padding: 0.25em 0; }
1862 [% IF rtl == 't' -%]
1863 padding-right: 1em !important;
1865 padding-left: 1em !important;
1867 vertical-align: middle;
1869 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1870 .hold-editor-controls a { padding-left: 2em; }
1873 [% IF rtl == 't' -%]
1880 [% IF rtl == 't' -%]
1883 vertical-align: top;
1886 .rdetail-author-div, .course-instructor-div {
1887 padding-bottom: 10px;
1888 display: inline-block;
1891 .invisible { visibility: hidden; }
1892 .rdetail-extras-summary { margin: 10px; }
1893 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1894 .expert-search tbody tr th {
1895 [% IF rtl == 't' -%]
1903 .expert-search-row { padding-top: 10px; }
1904 #adv_expert_row label { font-weight: bold; }
1906 .bookshelf tr.browse_border td {
1907 border-bottom: 1px dashed [% css_colors.accent_dark %];
1910 padding-bottom: 1ex;
1912 .cn_browse_item { padding: 2ex; }
1913 .results-paginator-list {
1914 [% IF rtl == 't' -%]
1920 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1921 .inactive-hold { background-color: [% css_colors.accent_lightest %]; }
1922 .unread-patron-message { font-weight: bold; }
1924 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1925 .hold-items-list-title {
1926 font-size: [% css_fonts.size_bigger %];
1927 margin-bottom: 20px;
1929 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1931 .hold_success_links > span { margin: 0 2em; }
1933 .radio-parts-selection {
1935 margin-bottom: 20px;
1938 .parts-radio-option {
1939 display: inline-block;
1943 .mr_holds_no_formats {
1944 [% IF rtl == 't' -%]
1952 color: [% css_colors.text_invert %];
1953 background-color: [% css_colors.primary %];
1956 .holds_item_row_separator td {
1957 border-top: 2px dashed [% css_colors.accent_medium %];
1960 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1962 .results_header_btns, .results_header_sel {
1963 [% IF rtl == 't' -%]
1971 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1972 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1975 .opac-multiline-button > a,
1976 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1977 color: [% css_colors.button_text %];
1979 text-decoration: none;
1980 cursor: pointer !important;
1982 border: 1px solid [% css_colors.primary %];
1983 background-color: [% css_colors.primary_fade %];
1986 display: inline-block;
1989 .opac-multiline-button > a:hover,
1990 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1991 background-color: [% css_colors.primary %];
1994 .opac-button:disabled {
1995 color: [% css_colors.accent_medium %];
1996 cursor: pointer !important;
1997 border: 1px solid [% css_colors.accent_light %];
1998 background-color: [% css_colors.accent_lighter %];
2001 /* Firefox adds its own special space to inputs; this gets us closer */
2002 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2007 .opac-button-header, #dash_wrapper .opac-button {
2008 background-color: [% css_colors.control %];
2009 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2010 font-size: [% css_fonts.size_base %];
2012 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2013 border-color: [% css_colors.control %];
2016 .opac-multiline-button > a {
2017 display: inline-block;
2020 #myopac_checked_div {
2024 .rdetail-mfhd-head {
2027 background-color: [% css_colors.table_heading %];
2030 .rdetail-mfhd-type {
2031 [% IF rtl == 't' -%]
2038 .rdetail-mfhd-bottom {
2039 border-bottom: thin solid [% css_colors.border_dark %];
2043 #rdetail_record_details {
2049 [% IF rtl == 't' -%]
2050 margin-right: 1.5em;
2051 padding-right: 1.5em;
2054 padding-left: 1.5em;
2058 .rdetail_content_type, .rdetail_subject_type {
2059 vertical-align: top;
2063 .bookbag-item-row td { vertical-align: top; }
2065 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2067 color: [% css_colors.text_greatnews %];
2071 .rdetail_related_subjects {
2075 .rdetail_related_series {
2083 .rdetail_openurl_entry {
2084 [% IF rtl == 't' -%]
2092 .bookbag-controls-holder { width: 100%; }
2093 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2094 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2095 .bookbag-controls-holder .most {
2096 [% IF rtl == 't' -%]
2104 .bookbag-controls-title-block {
2105 [% IF rtl == 't' -%]
2112 .bookbag-controls-button-block {
2113 [% IF rtl == 't' -%]
2120 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2121 .bookbag-share .fixed { min-width: 4em; }
2123 [% IF rtl == 't' -%]
2129 .bookbag-specific div.sort {
2130 [% IF rtl == 't' -%]
2141 .bookbag-specific div.meta {
2142 background-color: [% css_colors.accent_light %];
2143 [% IF rtl == 't' -%]
2151 border: 1px solid [% css_colors.accent_light %];
2155 #bbag-name-desc-form tr th { vertical-align: middle; }
2156 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2157 .bookbag-description {
2162 .bbag-edit-desc-label {
2163 [% IF rtl == 't' -%]
2170 .bbag-edit-desc-save {
2174 #bbag-edit-description {
2176 [% IF rtl == 't' -%]
2184 [% IF rtl == 't' -%]
2191 [% IF rtl == 't' -%]
2197 .bbag-navigate-list {
2198 [% IF rtl == 't' -%]
2199 padding-right: 32px;
2206 .bbag-navigate-list-pages {
2207 [% IF rtl == 't' -%]
2208 padding-right: 10px;
2215 textarea { font-family: sans-serif; }
2216 table.bookbag-specific {
2217 border-right: 1px solid [% css_colors.accent_dark %];
2218 border-bottom: 1px solid [% css_colors.accent_medium %];
2223 [% IF rtl == 't' -%]
2225 padding: 0px 10px 0px 0px;
2228 padding: 0px 0px 0px 10px;
2231 .bookbag-share .fixed { min-width: 6em; }
2233 [% IF rtl == 't' -%]
2235 padding: 0px 10px 0px 0px;
2238 padding: 0px 0px 0px 10px;
2241 .bookbag-specific td.list_checkbox {
2242 [% IF rtl == 't' -%]
2243 padding-right: 10px !important;
2245 padding-left: 10px !important;
2248 .bookbag-specific td.list_entry {
2250 [% IF rtl == 't' -%]
2251 padding-right: 5px !important;
2253 padding-left: 5px !important;
2256 .bookbag-specific td.list_actions {
2257 white-space: nowrap !important;
2259 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2262 padding: 8px 0px 6px 0px;
2265 font-size: [% css_fonts.size_bigger %];
2269 .save-notes { padding-bottom: 1.5ex; }
2271 .nonbreaking-wrapper {
2272 display: inline-block;
2275 /* Moved from semiauto.css */
2276 .adv_global_input_container {
2277 border-bottom: none;
2281 border-bottom: none;
2284 .adv_global_filter_sort {
2288 .clear-both { clear: both; }
2299 .alert { color: [% css_colors.text_alert %]; }
2301 [% IF rtl == 't' -%]
2308 [% IF rtl == 't' -%]
2315 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2316 .saved-searches-header .button {
2317 [% IF rtl == 't' -%]
2324 .saved-searches-header .text {
2325 [% IF rtl == 't' -%]
2334 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2335 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2336 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2337 [% IF rtl == 't' -%]
2338 border-left: 1px solid [% css_colors.accent_darker %];
2340 border-right: 1px solid [% css_colors.accent_darker %];
2343 .result_item_circulated {
2347 .result_item_circulated span {
2350 [% IF rtl == 't' -%]
2357 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2358 #result-bookbag-heading { text-align: center; margin: 2ex; }
2360 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2361 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2362 .result-bookbag-item-note { font-style: italic; }
2363 .lowhits-bookbag-name { font-weight: bold; }
2364 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2365 .oils_AS_match_term {
2366 [% IF rtl == 't' -%]
2371 color: [% css_colors.text %];
2373 .oils_AS_match_field {
2374 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2375 [% IF rtl == 't' -%]
2380 color: [% css_colors.accent_medium %];
2382 table.result_holdings_table {
2386 table.result_holdings_table thead tr {
2387 background-color: [% css_colors.table_heading %];
2389 table.result_holdings_table thead tr th {
2393 margin: 0 2em 0 2em;
2396 vertical-align: super;
2397 font-size: [% css_fonts.size_smaller %];
2398 line-height: normal;
2399 text-decoration: none;
2401 .rdetail-holding-group {
2402 [% IF rtl == 't' -%]
2403 margin-right: 1.5em;
2408 .rdetail-holding-group span {
2409 [% IF rtl == 't' -%]
2410 margin-right: 1.5em;
2415 .rdetail-holding-group .paging {
2416 [% IF rtl == 't' -%]
2417 margin-right: 1.5em;
2422 #rdetail_deleted_exp {
2426 border: thick solid [% css_colors.border_alert %];
2429 #ac_tab_wrapper { width : 100%; }
2431 [% IF rtl == 't' -%]
2436 padding-right: 10px;
2438 font-size: [% css_fonts.size_big %];
2440 border: 1px solid [% css_colors.primary_offset %];
2442 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2443 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2444 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2446 /* Popmenu styles used for making css menus. */
2460 width: 10em; /* Width to help Opera out */
2461 background-color: [% css_colors.primary %];
2463 .popmenu li:hover ul {
2468 border-color: [% css_colors.border_dark %];
2470 border-style: solid;
2473 .popmenu li:hover li {
2476 .popmenu li:hover li a {
2477 background-color: [% css_colors.primary %] !important;
2478 color: [% css_colors.accent_ultralight %] !important;
2480 .popmenu li li a:hover {
2481 background-color: [% css_colors.accent_ultralight %] !important;
2482 color: [% css_colors.primary %] !important;
2484 /* Styles for the basket entry. */
2485 .popmenu li:hover li[class~="temporary"] a {
2486 background-color: [% css_colors.primary %];
2487 color: [% css_colors.accent_ultralight %];
2489 .popmenu li li[class~="temporary"] a:hover {
2490 background-color: [% css_colors.accent_ultralight %];
2491 color: [% css_colors.primary %];
2493 /* Styles for the default list entry. */
2494 .popmenu li:hover li[class~="default"] a {
2495 background-color: [% css_colors.primary %];
2496 color: [% css_colors.accent_ultralight %];
2498 .popmenu li li[class~="default"] a:hover {
2499 background-color: [% css_colors.accent_ultralight %];
2500 color: [% css_colors.primary %];
2502 /* Styles for the new list entry. */
2503 .popmenu li:hover li[class~="new"] a {
2504 background-color: [% css_colors.primary %];
2505 color: [% css_colors.accent_ultralight %];
2507 .popmenu li li[class~="new"] a:hover {
2508 background-color: [% css_colors.accent_ultralight %];
2509 color: [% css_colors.primary %];
2511 /* Style to add a divider on the menu. */
2512 .popmenu li li[class~="divider"] {
2513 border-bottom-width: 1px;
2514 border-bottom-color: [% css_colors.border_dark %];
2515 border-bottom-style: solid;
2518 #locale_picker_form {
2519 [% IF rtl == 't' -%]
2521 border-left: thin [% css_colors.control %] solid;
2524 border-right: thin [% css_colors.control %] solid;
2530 #locale_picker_form * {
2533 vertical-align: middle;
2536 #patron_usr_barcode_not_found {
2537 font-weight: bold; color: [% css_colors.text_alert %];
2550 padding-bottom: 0.5em;
2554 #maintenance_message {
2557 background-color: [% css_colors.text_alert %];
2558 color: [% css_colors.text_invert %];
2562 #search-box > span {
2569 .browse-result-sources, .browse-result-authority-bib-links {
2570 [% IF rtl == 't' -%]
2576 .browse-result-best-match {
2582 .browse-result-list {
2583 padding-bottom: 0.5ex;
2586 font-size: [% css_fonts.size_bigger %];
2588 .browse-result-authority-field-name {
2590 [% IF rtl == 't' -%]
2596 .browse-leading-article-warning {
2598 font-size: [% css_fonts.size_big %];
2600 .browse-public-general-note {
2601 font-size: [% css_fonts.size_big %];
2603 .browse-public-general-note-label { }
2604 .browse-public-general-note-institution {
2608 .browse-public-general-note-body {
2616 #main-content-register {
2617 [% IF rtl == 't' -%]
2622 font-size: [% css_fonts.size_bigger %];
2625 #main-content-register table {
2628 border-collapse: collapse;
2631 #main-content-register td {
2632 [% IF rtl == 't' -%]
2639 #main-content-register td:not(:first-child) {
2640 [% IF rtl == 't' -%]
2641 padding-right: 20px;
2647 .patron-reg-invalid {
2650 [% IF rtl == 't' -%]
2653 padding-right: 10px;
2657 .result_footer_nav1 {
2661 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2665 .rdetail_authors_div, .course_instructors_div {
2669 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2670 white-space: nowrap;
2671 display: inline-block;
2674 .result_table_title_cell {
2676 padding-bottom: 4px;
2680 font-size: [% css_fonts.size_bigger %];
2683 /* styling for sms text call number */
2685 font-family: Arial, Helvetica, sans-serif;
2686 font-size: [% css_fonts.size_medium %];
2687 background-color: [% css_colors.accent_lightest %];
2689 /* Allow text to wrap */
2690 white-space: pre-wrap; /* css-3 */
2691 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
2692 white-space: -pre-wrap; /* Opera 4-6 */
2693 white-space: -o-pre-wrap; /* Opera 7 */
2694 word-wrap: break-word; /* Internet Explorer 5.5+ */
2701 /* patron message center */
2702 #myopac_message_tbody {
2703 vertical-align: top;
2705 .myopac_message_message {
2706 white-space: pre-wrap;
2709 @media only screen and (max-width: 800px) {
2710 .facet_sidebar_hidden, .result_block_hidden {
2713 .facet_sidebar_visible, .result_block_visible {
2714 display: inline ! important;
2716 #acct_select, #acct_prefs_select {
2717 display: inline-block;
2719 #acct_tabs, #acct_prefs_tabs {
2722 .radio-parts-selection { width: 90%; }
2723 #list_description, #list_create_name {
2728 @media only screen and (max-width: 600px) {
2730 font-size: [% css_fonts.size_big %];
2732 span .nav_arrow_fix {
2739 #homesearch_main_logo img {
2749 #your-acct-login a {
2759 #locale_picker_form {
2762 #gold-links-holder {
2765 #simple-detail-view-links {
2768 #acct_tabs a, #acct_fines_tabs a {
2769 [% IF rtl == 't' -%]
2770 border-radius: 6px 0px 0px 6px;
2771 margin: 0px 0px 0px 5px;
2773 border-radius: 6px 6px 0px 0px;
2774 margin: 0px 5px 0px 0px;
2776 padding: 2px 4px 3px 4px;
2777 font-size: [% css_fonts.size_base %];
2779 .bookbag-controls-title-block {
2780 [% IF rtl == 't' -%]
2787 .bookbag-controls-button-block {
2788 [% IF rtl == 't' -%]
2796 [% IF rtl == 't' -%]
2802 .bookbag-specific div.sort {
2803 [% IF rtl == 't' -%]
2811 margin: 5px 0px 5px 0px;
2812 border: 1px solid [% css_colors.accent_light %];
2815 .bookbag-specific div.meta {
2816 [% IF rtl == 't' -%]
2830 [% IF rtl == 't' -%]
2837 #bbag-edit-description {
2843 border:1px solid [% css_colors.accent_light %];
2846 [% IF rtl == 't' -%]
2853 .bbag-action-field {
2856 .bookbag-specific div.sort select {
2859 .bookbag-specific tr {
2861 border-bottom: 1px solid [% css_colors.border_standard %];
2863 .bookbag-specific td.list_checkbox {
2864 [% IF rtl == 't' -%]
2865 padding-right: 0px !important;
2867 padding-left: 0px !important;
2870 .bookbag-specific td.list_entry {
2871 display: inline-block;
2873 [% IF rtl == 't' -%]
2874 padding-right: 40% !important;
2876 padding-left: 40% !important;
2879 .bookbag-specific td.list_entry:before {
2880 content: attr(data-label);
2882 [% IF rtl == 't' -%]
2888 .bbag-navigate-list {
2891 .bbag-navigate-list-pages {
2892 [% IF rtl == 't' -%]
2901 background-color: transparent;
2908 #dash_wrapper .opac-button {
2911 .small_view_only, #filter_hits {
2912 display: inline !important;
2915 [% IF rtl == 't' -%]
2921 #dashboard, #dashboard_e {
2924 #holds_box form blockquote {
2925 [% IF rtl == 't' -%]
2933 #holds_box form blockquote select {
2936 #myopac_sum_fines_placehold {
2942 #list_description, #list_create_name {
2945 .results_header_lbl {
2948 .results_header_nav1 span.h1 {
2954 .start_end_links_span {
2960 .result_table_pic_header {
2961 [% IF rtl == 't' -%]
2962 padding-right: 0px !important;
2965 padding-left: 0px !important;
2968 width: 0px !important;
2976 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2979 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2980 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2983 .results_info_table td {
2986 #results_header_bar {
2987 background-color: inherit;
2989 .results_header_btns a {
2992 .adv_filter_results_hide {
2995 .adv_filter_results_show {
2998 .adv_filter_results_block_label {
3001 .adv_filter_results_group_wrapper {
3007 #rdetails_status thead,
3008 #course_material_table thead {
3011 #rdetails_status tr,
3012 #course_material_table tr {
3016 #rdetails_status td,
3017 #course_material_table td {
3022 background-color: [% css_colors.accent_lightest %];
3024 .copy_details_offers_row {
3025 background-color: [% css_colors.accent_lightest %];
3027 select#pickup_lib.search-wrapper-locg {
3030 #search-wrapper #search-box {
3034 #main-content-home {
3038 /* Make use of full width in mobile mode */
3039 .facet_box_wrapper .box_wrapper .box,
3040 .facet_template .facet,
3044 .facet_template .count {
3045 [% IF rtl == 't' -%]
3054 #adv_search_parent {
3055 font-size: [% css_fonts.size_smaller %];
3057 #adv_search_filters {
3062 [% IF rtl == 't' -%]
3068 .rdetail_aux_utils {
3075 div#rdetail_actions_div {
3081 #metarecord_population {
3085 .metarecord_population_span_link {
3087 .metarecord_population_item_lang {
3090 .search_catalog_lbl {
3091 [% IF rtl == 't' -%]
3096 white-space: nowrap;
3098 .adv_search_catalog_lbl {
3100 white-space: nowrap;
3102 .browse_the_catalog_lbl {
3103 white-space: nowrap;
3115 .dash_account_buttons {
3118 .searchbar { line-height: 1.5em; }
3119 #browse-controls { line-height: 1.5em; }
3120 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3127 .bookshelf table thead tr {
3130 #lowhits_help { width: inherit; }
3132 font-size: [% css_fonts.size_small %];
3133 margin: 2px 2px 0px 2px;
3134 padding: 2px 2px 5px 2px;
3135 [% IF rtl == 't' -%]
3136 border-radius: 7px 0px 0px 7px;
3138 border-radius: 7px 7px 0px 0px;
3141 #adv_global_tbody td {
3142 border-bottom: thin solid [% css_colors.accent_light %];
3144 #adv_global_addrow td {
3145 border-bottom: none;
3147 /* Force table to not be like tables anymore */
3148 table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th, table#acct_reservations_main_header tr th{
3151 table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
3155 /* Hide table headers (but not display: none;, for accessibility) */
3159 [% IF rtl == 't' -%]
3166 table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table, table#acct_reservations_main_header {
3170 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr, table#acct_reservations_main_header { border: 1px solid #ddd; }
3172 /* Holds history gets large white border to mimic header cell on other
3173 account screens that provide visual cue for next title. We should do
3174 the same for ebook tables too since we have no actions on those
3175 tables. If actions get added, we should move those tables out of
3178 table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3181 table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td, table#acct_reservations_main_header td {
3182 /* Behave like a "row" */
3184 border-bottom: 1px solid #eee;
3186 [% IF rtl == 't' -%]
3193 table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before, table#acct_reservations_main_header td {
3194 /* Now like a table header */
3196 /* Top/left values mimic padding */
3199 [% IF rtl == 't' -%]
3204 padding-right: 10px;
3206 white-space: nowrap;
3209 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3210 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3211 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3212 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3213 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3214 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3215 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3217 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3218 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3219 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3220 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3221 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3222 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3223 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3224 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3226 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3227 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3228 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3229 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3230 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3231 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3232 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3233 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3235 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3236 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3237 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3238 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3239 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3241 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3242 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3243 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3244 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3246 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3247 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3248 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3249 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3253 /*Want to see these in mobile ONLY */
3258 .mobile_search_lbl_clr{
3259 color:[% css_colors.mobile_header_text %];
3265 For text which is visible only to screen readers.
3266 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3267 See also http://webaim.org/techniques/css/invisiblecontent/
3276 clip: rect(0, 0, 0, 0);
3280 /* Make added rows in Expert Search have bold labels like the initial row */
3287 font-weight: lighter;
3291 #results-page-depth-hint {
3296 #clear-history-confirm {
3298 color: [% css_colors.text_badnews %];
3302 /*Inline rules from other templates files*/
3305 [% IF rtl == 't' -%]
3313 [% IF rtl == 't' -%]
3319 #myopac_summary_div{padding:0px;}
3321 [% IF rtl == 't' -%]
3328 [% IF rtl == 't' -%]
3335 [% IF rtl == 't' -%]
3342 padding-bottom: 10px;
3345 [% IF rtl == 't' -%]
3346 padding-right: 10px;
3350 padding-bottom: 15px;
3352 .hold-span{font-weight: bold;}
3354 [% IF rtl == 't' -%]
3361 [% IF rtl == 't' -%]
3368 [% IF rtl == 't' -%]
3375 /* Rules from metarecord_hold_filters.tt2 */
3377 .metarecord_filters{
3380 border-bottom: 1px solid #333;
3381 border-top: 1px solid #333; }
3382 .metarecord_filter_container{
3383 [% IF rtl == 't' -%]
3391 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3392 .metarecord_filter_header{padding-bottom: 5px;}
3394 /* Toggled items. */
3395 /* A block that is initially hidden and shown by clicking an anchor. */
3396 [id^="toggled-block-"]{
3399 [id^="toggled-block-"]:target{
3402 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3403 [id^="toggled-inline-"]{
3406 [id^="toggled-inline-"]:target{
3411 font-weight: bolder;
3412 background-color: #99ff99;
3415 .oils_SH.identifier {
3416 font-weight: bolder;
3417 background-color: #42b0f4;
3436 .carousel-entry-image {
3440 .carousel .glide__arrow {
3441 color: [% css_colors.button_text %];
3442 font-weight: bold !important;
3443 text-decoration: none !important;
3446 border: 1px solid [% css_colors.primary %];
3447 background-color: [% css_colors.primary_fade %];
3450 display: inline-block;
3452 .carousel .glide__arrow--right {
3455 .carousel .glide__arrow--left {
3459 color: [% css_colors.text_badnews %];
3465 .course_details_div {
3466 padding-bottom: 1em;