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: [% 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.primary %];
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);
82 font-size: [% css_fonts.size_biggest %];
87 font-size: [% css_fonts.size_bigger %];
92 font-size: [% css_fonts.size_bigger %];
101 div.select-box-wrapper {
123 background: [% css_colors.primary %];
130 color: [% css_colors.primary_fade %];
131 display:inline-block;
134 #dashboard, #dashboard_e {
139 #dashboard span.dash-align a, #dashboard_e span.dash-align a {
141 text-decoration: none;
156 #dash_checked, #dash_e_checked { color: [% css_colors.text_attention %]; }
157 #dash_holds, #dash_e_holds { color: [% css_colors.text_attention %]; }
158 #dash_pickup, #dash_e_pickup { color: [% css_colors.text_goodnews %]; }
161 #dash_fines { color: [% css_colors.text_badnews %]; }
162 the color contrast between "text_badnews" and "primary"
163 is too low for WCAG compliance. Use "text_attention"
164 for now until a better color is picked - if needed.
166 #dash_fines { color: [% css_colors.text_attention %]; }
168 #dash_wrapper #dash_user_message_button_container {
172 #dash_wrapper #unread_message_count_floater {
174 background-color: [% css_colors.text_alert %];
176 padding-right: 0.2em;
177 display: inline-block;
183 margin-right: -1.5em;
190 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
191 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
192 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
193 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
194 background-color: [% css_colors.primary_fade %];
197 color: [% css_colors.background %];
200 font-size: [% css_fonts.size_small %];
204 color: [% css_colors.background %];
208 color: [% css_colors.text_invert %];
209 text-decoration: none;
213 color: [% css_colors.text_invert %];
214 font-size: [% css_fonts.size_small %];
222 color: [% css_colors.text_invert %];
224 text-decoration: none;
234 #header-links a:hover {
235 color: [% css_colors.text_invert %];
236 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
237 text-decoration: none;
240 #header #header-links2 {
243 color: [% css_colors.text_invert %];
244 padding-bottom: 15px;
247 #header #header-links2 a {
248 color: [% css_colors.text_invert %];
251 #header #header-links2 a:hover {
252 text-decoration: underline;
280 background: [% css_colors.background_invert %];
295 border-bottom: 1px solid [% css_colors.border_standard %];
297 background: [% css_colors.background %];
300 #search-wrapper #breadcrumb {
302 font-size: [% css_fonts.size_smaller %];
310 #search-wrapper #search-within {
322 #search-wrapper #breadcrumb a {
323 color: [% css_colors.text %];
326 #search-wrapper #search_frm label {
327 font-size: [% css_fonts.size_smaller %];
330 #search-wrapper #search-box {
339 padding-bottom: 10px;
342 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
351 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
354 margin: 10px 0px 0px 7px;
355 -moz-border-radius: 10px 10px 0px 0px;
356 border-radius: 10px 10px 0px 0px;
359 margin: 10px 7px 0px 0px;
360 -moz-border-radius: 10px 10px 0px 0px;
361 border-radius: 10px 10px 0px 0px;
364 vertical-align: middle;
366 padding: 10px 0px 10px 0px;
368 color: [% css_colors.text_invert %];
369 background: [% css_colors.control %];
371 text-decoration: none;
374 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
375 padding: 1em 1em 0.5em;
378 #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 {
379 background: [% css_colors.primary %];
380 color: [% css_colors.text_invert %];
381 text-decoration: none;
384 #adv_search_filters {
399 .adv_filter_block_item {
430 padding-right: 10px !important;
432 padding-left: 10px !important;
436 #adv_search.on, #num_search.on, #expert_search.on {
437 color: [% css_colors.accent_darker %];
438 background: [% css_colors.background %];
439 text-decoration: none;
442 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
443 color: [% css_colors.accent_darker %];
444 background: [% css_colors.background %];
445 text-decoration: none;
449 background: [% css_colors.control %];
452 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
454 font-size: [% css_fonts.size_smaller %];
455 color: [% css_colors.accent_darker %];
456 padding: 10px 10px 10px 10px;
459 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
460 background: [% css_colors.accent_lightest %];
461 color: [% css_colors.accent_darker %];
464 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
465 padding-bottom: 12px;
466 color: [% css_colors.accent_medium %];
469 #acct_select, #acct_prefs_select {
473 #mobile_acct_search_links {
474 background: [% css_colors.primary_fade %];
479 padding: 5px 0px 6px 7px;
482 padding: 5px 7px 6px 0px;
485 border-bottom: 1px dotted [% css_colors.accent_light %];
489 color:[% css_colors.primary_fade %];
491 font-size: [% css_fonts.size_bigger %];
494 .rdetail_result_count {
495 color: [% css_colors.text %];
497 display: inline-block;
505 .rdetail_result_nav {
507 display: inline-block;
515 #rdetail_details_table {
519 #rdetail_image { border: none; }
520 #rdetail_image_cell {
533 padding: 0.5em 1em 0.5em 1em;
534 background-color: [% css_colors.accent_lighter2 %];
536 div.rdetail_uris ul li {
545 div.rdetail_show_copies {
549 div#rdetail_actions_div {
550 background: [% css_colors.background %];
558 span#rdetail_copy_counts {
559 display: inline-block;
572 span#rdetail_hold_counts {
573 display: inline-block;
576 span#rdetail_hold_counts p {
597 border-right: 1px dotted [% css_colors.accent_light %];
601 border-left:1px dotted [% css_colors.accent_light %];
608 border-bottom: 1px dotted [% css_colors.accent_light %];
612 div.toggle_list { padding-top: 6px; }
616 border-top: 1px dotted [% css_colors.accent_light %];
629 #metarecord_population {
632 padding-bottom: 10px;
635 .metarecord_population_span_link {
639 .metarecord_population_format {
641 display: inline-block;
647 .metarecord_population_item_lang {
648 display: inline-block;
652 .metarecord_population_all {
661 border-bottom: 1px dotted [% css_colors.accent_light %];
678 #rdetails_status td {
680 padding: 7px 13px 3px 0px;
682 padding: 7px 0px 3px 13px;
687 #rdetails_status td[headers=copy_header_library],
688 #rdetails_status td[headers=copy_header_shelfloc] {
692 #rdetails_status thead th {
694 padding: 13px 13px 13px 0px;
697 padding: 13px 0px 13px 13px;
700 background-color: [% css_colors.accent_lighter2 %];
701 font-size: [% css_fonts.size_smaller %];
705 #rdetails_status tbody td {
714 #rdetails_status tbody td.copy_note {
715 color: [% css_colors.primary %];
717 white-space:pre-wrap !important;
722 background: [% css_colors.primary_fade %];
723 border: 1px solid [% css_colors.primary %];
728 #rdetail_extras_div {
741 background: [% css_colors.accent_light %];
744 .rdetail_extras_link {
746 font-size: [% css_fonts.size_smaller %];
750 .rdetail_extras_lbl {
751 color: [% css_colors.text_invert %];
752 text-decoration: none;
755 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
763 #rdetail_locs_expand, #rdetail_locs_collapse {
773 #rdetail_anotes_div .biography {
777 #gbp_extra, #gbp_arrow_down_link {
781 .almost-content-wrapper {
782 background: [% css_colors.background %];
786 background: [% css_colors.background %];
788 border-bottom: 1px solid [% css_colors.border_dark %];
791 .content-wrapper-record-page { top: -15px; position: relative; }
812 #main-content-after-bar {
831 background: [% css_colors.background %];
834 #main-content .login_boxes {
835 border: 1px solid [% css_colors.accent_lighter %];
836 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
837 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
838 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
839 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
840 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
842 color: [% css_colors.accent_darker %];
845 #main-content .login_boxes h1 {
847 font-size: [% css_fonts.size_biggest %];
851 #main-content .left_brain {
860 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
864 background: [% css_colors.background %];
865 font-size: [% css_fonts.size_bigger %];
866 color: [% css_colors.text %];
869 #main-content .left_brain .input_bg {
871 padding: 10px 13px 0px 10px;
873 padding:10px 10px 0px 13px;
892 font-size: [% css_fonts.size_biggest %];
896 #login-failed-message {
897 font-size: [% css_fonts.size_bigger %];
899 color: [% css_colors.text_alert %];
903 #holds_temp_parent td {
904 border-bottom:1px solid [% css_colors.border_standard %];
907 #holds_temp_parent input, #holds_temp_parent select {
911 #holds_temp_parent tr td div {
916 #holds_temp_parent tr td div.format_icon {
922 #results_header_bar {
923 background: [% css_colors.accent_medium %];
924 border-top:1px solid [% css_colors.accent_mediumdark %];
925 border-bottom:1px solid [% css_colors.accent_mediumdark %];
928 .results_header_lbl {
935 color: [% css_colors.text %];
936 /* this border is not visible, but it keeps these labels the same size
938 border: 1px solid [% css_colors.accent_medium %];
939 background: [% css_colors.accent_medium %];
943 /* we need a negative margin on the select to allow the containing <label>
944 to determine the actual size of the element. By doing this, we can increase
945 the odds that the buttons and the select will be the same size, and therefore
946 collapse correctly when the window width decreases */
947 .results_header_lbl select {
951 #limit_to_available {
952 vertical-align: middle;
955 .results_header_sel {
964 .results_header_nav1 {
966 padding: 5px 0px 6px 7px;
968 padding: 5px 7px 6px 0px;
970 border-bottom: 1px dotted [% css_colors.accent_light %];
973 .results_header_nav1 .h1 {
974 font-size: [% css_fonts.size_bigger %];
976 color:[% css_colors.primary_fade %];
979 .table_no_border_space {
982 .table_no_cell_pad td {
986 border-collapse: collapse;
989 #result_table_table {
997 tr.result_table_row > td.results_row_count,
998 tr.result_table_row > td.result_table_pic_header,
999 tr.result_table_row > td.result_table_title_cell {
1000 vertical-align: top;
1004 [% IF rtl == 't' -%]
1014 tr.result_table_row:nth-child(n+2) > td {
1015 border-top: 1px solid [% css_colors.accent_lighter2 %];
1018 tr.result_table_row > td.result_table_pic_header {
1019 [% IF rtl == 't' -%]
1024 white-space: nowrap;
1029 [% IF rtl == 't' -%]
1034 white-space: nowrap;
1037 .result_count_number {
1041 .result_table_subtable {
1046 div.result_table_utils_cont {
1047 [% IF rtl == 't' -%]
1056 #myopac_summary_div p {
1058 margin-bottom: 10px;
1061 #acct_sum_checked_table td {
1065 .zero_search_hits_main {
1066 [% IF rtl == 't' -%]
1074 .zero_search_hits_saved {
1075 [% IF rtl == 't' -%]
1086 #zero_search_hits p {
1094 #zero_search_hits #spell_check_link {
1097 #zero_search_hits #zero_hits_suggestions {
1101 [% IF rtl == 't' -%]
1107 background: [% css_colors.accent_light %];
1112 .results_info_table td {
1113 [% IF rtl == 't' -%]
1116 padding-right: 10px;
1120 #myopac_holds_main_table {
1121 border-collapse: collapse;
1124 #myopac_holds_main_table td {
1125 border: 1px solid [% css_colors.border_dark %];
1129 .myopac-hold-available {
1130 color: [% css_colors.text_greatnews %];
1134 .myopac-hold-suspended {
1135 color: [% css_colors.text_badnews %];
1139 #myopac_prefs_div .data_grid {
1140 border-collapse:collapse;
1143 #myopac_prefs_div .data_grid td {
1144 [% IF rtl == 't' -%]
1145 padding: 6px 17px 7px 0px;
1147 padding:6px 0px 7px 17px;
1149 background:[% css_colors.accent_ultralight %];
1150 border-bottom:3px solid [% css_colors.background %];
1154 [% IF rtl == 't' -%]
1155 padding: 0px 0px 0px 7px;
1157 padding: 0px 7px 0px 0px;
1160 font-size: [% css_fonts.size_bigger %];
1162 color:[% css_colors.primary_fade %];
1163 border-bottom: 1px dotted [% css_colors.accent_light %];
1168 font-weight: normal;
1172 [% IF rtl == 't' -%]
1182 border-collapse: collapse;
1183 background: [% css_colors.accent_ultralight %];
1186 .acct_sum_table tr {
1187 border-bottom: 2px solid white;
1190 .acct_sum_table td {
1195 text-transform: none;
1200 .acct_sum_table .view_link {
1201 font-weight: normal;
1205 [% IF rtl == 't' -%]
1207 padding: 15px 23px 0px 0px;
1210 padding: 15px 0px 0px 23px;
1212 background: [% css_colors.accent_ultralight %];
1217 #myopac_sum_fines_placehold {
1218 [% IF rtl == 't' -%]
1227 .acct_holds_temp td {
1228 [% IF rtl == 't' -%]
1235 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1236 [% IF rtl == 't' -%]
1243 #acct_checked_main_header, #acct_holds_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 {
1244 border-collapse: collapse;
1248 text-transform: none;
1249 font-weight: normal;
1252 .hold_note_title { font-weight: bold; }
1254 #acct_checked_main_header td, #acct_holds_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, #ebook_circs_main_table td, #ebook_holds_main_table td {
1255 background: [% css_colors.accent_lighter2 %];
1259 #acct_checked_main_header th, #acct_holds_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, #ebook_circs_main_table th, #ebook_holds_main_table th {
1260 [% IF rtl == 't' -%]
1265 padding: 0px 10px 0px 10px;
1268 #acct_list_header select, #acct_list_header_anon select {
1270 text-transform:none;
1273 .search_catalog_lbl {
1274 font-size: [% css_fonts.size_bigger %];
1276 .adv_search_catalog_lbl {
1277 font-size: [% css_fonts.size_bigger %];
1280 .browse_the_catalog_lbl {
1281 font-size: [% css_fonts.size_bigger %];
1285 font-size: [% css_fonts.size_bigger %];
1290 font-size: [% css_fonts.size_smaller %];
1297 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1298 background: [% css_colors.primary_fade %];
1303 #fines_payments_wrapper {
1308 .myopac_payments_table th {
1309 [% IF rtl == 't' -%]
1310 text-align: right; }
1316 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1317 .myopac_payments_table thead th:first-child { width: 8em; }
1318 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1319 .myopac_payments_table form { display: inline; }
1320 .myopac_payments_table input[type="submit"] { padding: 1px; }
1323 font-weight: bold; color: [% css_colors.text_alert %];
1324 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1327 .payment-processing {
1329 color: [% css_colors.text_greatnews %];
1330 font-size: [% css_fonts.size_bigger %];
1331 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1334 #adv_search_input { width: 100%; }
1335 #adv_search_parent {
1338 #search-submit-spinner {
1342 div.adv_search_available {
1350 font-size: [% css_fonts.size_bigger %];
1355 width:100px !important;
1356 text-align: center !important;
1359 .chili_review div.chili_link div {
1363 /* styling for advanced search filters that display with searchbar */
1365 #adv_filter_results_block h4 { display: inline; }
1367 #adv_filter_results_block {
1371 .adv_filter_results_block_label {
1373 [% IF rtl == 't' -%]
1374 padding: 4px 12px 4px 0px;
1376 padding: 4px 0px 4px 12px;
1380 .adv_filter_results_group {
1382 display: inline-block;
1383 background: [% css_colors.accent_lighter2 %];
1384 border-style: solid;
1385 border-color: [% css_colors.accent_medium %];
1388 padding: 2px 4px 2px 4px;
1391 .adv_filter_results_group_wrapper {
1392 display: inline-block;
1393 [% IF rtl == 't' -%]
1401 .adv_filter_results_group_header {
1402 display: inline-block;
1405 .adv_filter_results_group_values {
1409 .adv_search_result_filter {
1410 display: inline-block;
1415 [% IF rtl == 't' -%]
1423 text-decoration: none;
1424 color: [% css_colors.accent_dark %];
1428 display: inline-block;
1431 #refine_search_link {
1432 display: inline-block;
1435 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1436 /* some facet styling */
1437 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1438 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1439 .facetClassLabel { font-weight: bold; text-align: center; }
1440 .facetFieldContainer { }
1441 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1442 .extraFacetFieldsWrapper { }
1443 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1444 .facetFieldLineCount {
1445 display: inline-block;
1446 border-right: 1px solid [% css_colors.accent_light %];
1447 color: [% css_colors.accent_mediumdark %];
1451 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1452 .facetFields { padding-left: 5px; }
1453 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1457 [% IF rtl == 't' -%]
1470 .facet_box_temp .header {
1472 background:[% css_colors.primary %];
1473 border-top-left-radius: 5px;
1474 border-top-right-radius: 5px;
1476 color:[% css_colors.text_invert %];
1480 .facet_box_temp.filter_box_temp .header {
1481 background: [% css_colors.background_invert %] !important;
1485 color: [% css_colors.background_invert %];
1492 .facet_box_temp .header .title {
1493 [% IF rtl == 't' -%]
1495 padding-right: 12px;
1503 /* in this context, where h4 is primarily for structure,
1504 avoid the normal large font and margin for h4's */
1505 .facet_box_temp h4 {
1510 .facet_box_temp .header a.button {
1511 [% IF rtl == 't' -%]
1519 color:[% css_colors.text_invert %];
1522 .facet_box_wrapper .box_wrapper .box {
1523 border-top:1px solid [% css_colors.border_standard %];
1524 border-left:1px solid [% css_colors.border_standard %];
1525 border-right:1px solid [% css_colors.border_standard %];
1531 .filter_box_wrapper {
1534 border: 1px solid [% css_colors.background_invert %];
1535 -moz-border-radius: 3px;
1542 box-sizing: border-box;
1543 -moz-box-sizing: border-box;
1549 .facet_template div {
1550 display: table-cell;
1554 .facet_template.filter_template div {
1555 padding: 0px !important;
1558 .facet_template .count {
1560 color: [% css_colors.accent_mediumdark %];
1563 .facet_template_selected {
1564 background-color: [% css_colors.accent_lighter2 %];
1565 border: 1px solid [% css_colors.accent_medium %];
1569 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1570 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1571 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1572 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1573 background-color: [% css_colors.primary %];
1577 [% IF rtl == 't' -%]
1583 padding-bottom: 10px;
1584 font-size: [% css_fonts.size_small %];
1588 color: [% css_colors.text_invert %];
1589 text-decoration: none;
1590 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1593 #copyright_text, #footer_logo {
1594 color: [% css_colors.text_invert %];
1601 .advanced_div { padding-top: 15px; }
1602 #adv_global_search { width: 100%; }
1603 #adv_global_search select { width: 13em; }
1604 #adv_global_addrow td { padding-top: 7px; }
1605 [% IF rtl == 't' -%]
1606 #adv_global_addrow.td-search-left{text-align:right;}
1608 #adv_global_input_table { width: 100%; }
1609 #adv_global_input_table select { width: 7em; }
1611 font-size: [% css_fonts.size_smaller %];
1612 color: [% css_colors.text_alert %];
1614 #acct_prefs_header {
1615 [% IF rtl == 't' -%]
1621 .search_page_nav_link {
1623 [% IF rtl == 't' -%]
1629 #opac.result.sort { width: 160px; }
1630 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1632 [% IF rtl == 't' -%]
1638 color: [% css_colors.text_alert %];
1640 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1641 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1642 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1643 #adv_search_refine {
1644 [% IF rtl == 't' -%]
1649 background-color: [% css_colors.accent_lighter2 %];
1652 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1654 background-color: [% css_colors.background %];
1655 color: [% css_colors.primary %]; text-decoration: none;
1656 padding: 0; border: 0; margin: 0;
1657 vertical-align: middle;
1659 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1660 .no-dec:hover { text-decoration: none; }
1661 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1663 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1664 #account-update-email table td {
1665 [% IF rtl == 't' -%]
1670 padding: 5px 15px 5px 15px;
1671 border-bottom: 1px solid [% css_colors.accent_lighter %];
1673 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1674 a.dash-link:hover { text-decoration: underline !important; }
1675 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1676 #list_create_table {
1677 background-color: [% css_colors.accent_light %];
1678 padding-bottom: 4px;
1679 margin-bottom: 10px;
1680 border-bottom: 1px dotted [% css_colors.accent_medium %];
1683 .list_create_table_label {
1686 #list_description, #list_create_name {
1689 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1690 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1691 .results_row_count { font-weight: bold; }
1692 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1693 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1694 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1695 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1696 #hold_editor_table th {
1697 [% IF rtl == 't' -%]
1705 #hold_editor_table td { padding: 0.25em 0; }
1707 [% IF rtl == 't' -%]
1708 padding-right: 1em !important;
1710 padding-left: 1em !important;
1712 vertical-align: middle;
1714 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1715 .hold-editor-controls a { padding-left: 2em; }
1718 [% IF rtl == 't' -%]
1725 [% IF rtl == 't' -%]
1728 vertical-align: top;
1731 .rdetail-author-div {
1732 padding-bottom: 10px;
1733 display: inline-block;
1736 .invisible { visibility: hidden; }
1737 .rdetail-extras-summary { margin: 10px; }
1738 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1739 .expert-search tbody tr th {
1740 [% IF rtl == 't' -%]
1748 .expert-search-row { padding-top: 10px; }
1749 #adv_expert_row label { font-weight: bold; }
1751 .bookshelf tr.browse_border td {
1752 border-bottom: 1px dashed [% css_colors.accent_dark %];
1755 padding-bottom: 1ex;
1757 .cn_browse_item { padding: 2ex; }
1758 .results-paginator-list {
1759 [% IF rtl == 't' -%]
1765 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1766 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1767 .unread-patron-message { font-weight: bold; }
1769 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1770 .hold-items-list-title {
1771 font-size: [% css_fonts.size_bigger %];
1772 margin-bottom: 20px;
1774 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1776 .hold_success_links > span { margin: 0 2em; }
1778 .radio-parts-selection {
1780 margin-bottom: 20px;
1783 .parts-radio-option {
1784 display: inline-block;
1788 .mr_holds_no_formats {
1789 [% IF rtl == 't' -%]
1797 color: [% css_colors.text_invert %];
1798 background: [% css_colors.primary %];
1801 .holds_item_row_separator td {
1802 border-top: 2px dashed [% css_colors.accent_medium %];
1805 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1807 .results_header_btns, .results_header_sel {
1808 [% IF rtl == 't' -%]
1816 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1817 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1820 .opac-multiline-button > a,
1821 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1822 color: [% css_colors.button_text %];
1824 text-decoration: none;
1825 cursor: pointer !important;
1827 border: 1px solid [% css_colors.primary %];
1828 background: [% css_colors.primary_fade %];
1831 display: inline-block;
1834 .opac-multiline-button > a:hover,
1835 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1836 background: [% css_colors.primary %];
1839 .opac-button:disabled {
1840 color: [% css_colors.accent_medium %];
1841 cursor: pointer !important;
1842 border: 1px solid [% css_colors.accent_light %];
1843 background-color: [% css_colors.accent_lighter %];
1846 /* Firefox adds its own special space to inputs; this gets us closer */
1847 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1852 .opac-button-header, #dash_wrapper .opac-button {
1853 background: [% css_colors.control %];
1854 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1855 font-size: [% css_fonts.size_base %];
1857 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1858 border-color: [% css_colors.control %];
1861 .opac-multiline-button > a {
1862 display: inline-block;
1865 #myopac_checked_div {
1869 .rdetail-mfhd-head {
1872 background-color: [% css_colors.table_heading %];
1875 .rdetail-mfhd-type {
1876 [% IF rtl == 't' -%]
1883 .rdetail-mfhd-bottom {
1884 border-bottom: thin solid [% css_colors.border_dark %];
1888 #rdetail_record_details {
1894 [% IF rtl == 't' -%]
1895 margin-right: 1.5em;
1896 padding-right: 1.5em;
1899 padding-left: 1.5em;
1903 .rdetail_content_type, .rdetail_subject_type {
1904 vertical-align: top;
1908 .bookbag-item-row td { vertical-align: top; }
1910 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1912 color: [% css_colors.text_greatnews %];
1916 .rdetail_related_subjects {
1920 .rdetail_related_series {
1928 .rdetail_openurl_entry {
1929 [% IF rtl == 't' -%]
1937 .bookbag-controls-holder { width: 100%; }
1938 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1939 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1940 .bookbag-controls-holder .most {
1941 [% IF rtl == 't' -%]
1949 .bookbag-controls-title-block {
1950 [% IF rtl == 't' -%]
1957 .bookbag-controls-button-block {
1958 [% IF rtl == 't' -%]
1965 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1966 .bookbag-share .fixed { min-width: 4em; }
1968 [% IF rtl == 't' -%]
1974 .bookbag-specific div.sort {
1975 [% IF rtl == 't' -%]
1986 .bookbag-specific div.meta {
1987 background-color: [% css_colors.accent_light %];
1988 [% IF rtl == 't' -%]
1996 border: 1px solid [% css_colors.accent_light %];
2000 #bbag-name-desc-form tr th { vertical-align: middle; }
2001 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2002 .bookbag-description {
2007 .bbag-edit-desc-label {
2008 [% IF rtl == 't' -%]
2015 .bbag-edit-desc-save {
2019 #bbag-edit-description {
2021 [% IF rtl == 't' -%]
2029 [% IF rtl == 't' -%]
2036 [% IF rtl == 't' -%]
2042 .bbag-navigate-list {
2043 [% IF rtl == 't' -%]
2044 padding-right: 32px;
2051 .bbag-navigate-list-pages {
2052 [% IF rtl == 't' -%]
2053 padding-right: 10px;
2060 textarea { font-family: sans-serif; }
2061 table.bookbag-specific {
2062 border-right: 1px solid [% css_colors.accent_dark %];
2063 border-bottom: 1px solid [% css_colors.accent_medium %];
2068 [% IF rtl == 't' -%]
2070 padding: 0px 10px 0px 0px;
2073 padding: 0px 0px 0px 10px;
2076 .bookbag-share .fixed { min-width: 6em; }
2078 [% IF rtl == 't' -%]
2080 padding: 0px 10px 0px 0px;
2083 padding: 0px 0px 0px 10px;
2086 .bookbag-specific td.list_checkbox {
2087 [% IF rtl == 't' -%]
2088 padding-right: 10px !important;
2090 padding-left: 10px !important;
2093 .bookbag-specific td.list_entry {
2095 [% IF rtl == 't' -%]
2096 padding-right: 5px !important;
2098 padding-left: 5px !important;
2101 .bookbag-specific td.list_actions {
2102 white-space: nowrap !important;
2104 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2107 padding: 8px 0px 6px 0px;
2110 font-size: [% css_fonts.size_bigger %];
2114 .save-notes { padding-bottom: 1.5ex; }
2116 .nonbreaking-wrapper {
2117 display: inline-block;
2120 /* Moved from semiauto.css */
2121 .adv_global_input_container {
2122 border-bottom: none;
2126 border-bottom: none;
2129 .adv_global_filter_sort {
2133 .clear-both { clear: both; }
2144 .alert { color: [% css_colors.text_alert %]; }
2146 [% IF rtl == 't' -%]
2153 [% IF rtl == 't' -%]
2160 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2161 .saved-searches-header .button {
2162 [% IF rtl == 't' -%]
2169 .saved-searches-header .text {
2170 [% IF rtl == 't' -%]
2179 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2180 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2181 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2182 [% IF rtl == 't' -%]
2183 border-left: 1px solid [% css_colors.accent_darker %];
2185 border-right: 1px solid [% css_colors.accent_darker %];
2188 .result_item_circulated {
2192 .result_item_circulated span {
2195 [% IF rtl == 't' -%]
2202 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2203 #result-bookbag-heading { text-align: center; margin: 2ex; }
2205 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2206 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2207 .result-bookbag-item-note { font-style: italic; }
2208 .lowhits-bookbag-name { font-weight: bold; }
2209 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2210 .oils_AS_match_term {
2211 [% IF rtl == 't' -%]
2216 color: [% css_colors.text %];
2218 .oils_AS_match_field {
2219 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2220 [% IF rtl == 't' -%]
2225 color: [% css_colors.accent_medium %];
2227 table.result_holdings_table {
2231 table.result_holdings_table thead tr {
2232 background: [% css_colors.table_heading %];
2234 table.result_holdings_table thead tr th {
2238 margin: 0 2em 0 2em;
2241 vertical-align: super;
2242 font-size: [% css_fonts.size_smaller %];
2243 line-height: normal;
2244 text-decoration: none;
2246 .rdetail-holding-group {
2247 [% IF rtl == 't' -%]
2248 margin-right: 1.5em;
2253 .rdetail-holding-group span {
2254 [% IF rtl == 't' -%]
2255 margin-right: 1.5em;
2260 .rdetail-holding-group .paging {
2261 [% IF rtl == 't' -%]
2262 margin-right: 1.5em;
2267 #rdetail_deleted_exp {
2271 border: thick solid [% css_colors.border_alert %];
2274 #ac_tab_wrapper { width : 100%; }
2276 [% IF rtl == 't' -%]
2281 padding-right: 10px;
2283 font-size: [% css_fonts.size_big %];
2285 border: 1px solid [% css_colors.primary_offset %];
2287 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2288 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2289 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2291 /* Popmenu styles used for making css menus. */
2305 width: 10em; /* Width to help Opera out */
2306 background-color: [% css_colors.primary %];
2308 .popmenu li:hover ul {
2313 border-color: [% css_colors.border_dark %];
2315 border-style: solid;
2317 .popmenu li:hover li {
2320 .popmenu li:hover li a {
2321 background-color: [% css_colors.primary %];
2322 color: [% css_colors.accent_ultralight %];
2324 .popmenu li li a:hover {
2325 background-color: [% css_colors.accent_ultralight %];
2326 color: [% css_colors.primary %];
2328 /* Styles for the temporary list entry. */
2329 .popmenu li:hover li[class~="temporary"] a {
2330 background-color: [% css_colors.primary %];
2331 color: [% css_colors.accent_ultralight %];
2333 .popmenu li li[class~="temporary"] a:hover {
2334 background-color: [% css_colors.accent_ultralight %];
2335 color: [% css_colors.primary %];
2337 /* Styles for the default list entry. */
2338 .popmenu li:hover li[class~="default"] a {
2339 background-color: [% css_colors.primary %];
2340 color: [% css_colors.accent_ultralight %];
2342 .popmenu li li[class~="default"] a:hover {
2343 background-color: [% css_colors.accent_ultralight %];
2344 color: [% css_colors.primary %];
2346 /* Styles for the new list entry. */
2347 .popmenu li:hover li[class~="new"] a {
2348 background-color: [% css_colors.primary %];
2349 color: [% css_colors.accent_ultralight %];
2351 .popmenu li li[class~="new"] a:hover {
2352 background-color: [% css_colors.accent_ultralight %];
2353 color: [% css_colors.primary %];
2355 /* Style to add a divider on the menu. */
2356 .popmenu li li[class~="divider"] {
2357 border-bottom-width: 1px;
2358 border-bottom-color: [% css_colors.border_dark %];
2359 border-bottom-style: solid;
2362 #locale_picker_form {
2363 [% IF rtl == 't' -%]
2365 border-left: thin [% css_colors.control %] solid;
2368 border-right: thin [% css_colors.control %] solid;
2374 #locale_picker_form * {
2377 vertical-align: middle;
2380 #patron_usr_barcode_not_found {
2381 font-weight: bold; color: [% css_colors.text_alert %];
2394 padding-bottom: 0.5em;
2398 #maintenance_message {
2401 background-color: [% css_colors.text_alert %];
2402 color: [% css_colors.text_invert %];
2406 #search-box > span {
2413 .browse-result-sources, .browse-result-authority-bib-links {
2414 [% IF rtl == 't' -%]
2420 .browse-result-best-match {
2426 .browse-result-list {
2427 padding-bottom: 0.5ex;
2430 font-size: [% css_fonts.size_bigger %];
2432 .browse-result-authority-field-name {
2434 [% IF rtl == 't' -%]
2440 .browse-leading-article-warning {
2442 font-size: [% css_fonts.size_big %];
2444 .browse-public-general-note {
2445 font-size: [% css_fonts.size_big %];
2447 .browse-public-general-note-label { }
2448 .browse-public-general-note-institution {
2452 .browse-public-general-note-body {
2460 #main-content-register {
2461 [% IF rtl == 't' -%]
2466 font-size: [% css_fonts.size_bigger %];
2469 #main-content-register table {
2472 border-collapse: collapse;
2475 #main-content-register td {
2476 [% IF rtl == 't' -%]
2483 #main-content-register td:not(:first-child) {
2484 [% IF rtl == 't' -%]
2485 padding-right: 20px;
2491 .patron-reg-invalid {
2494 [% IF rtl == 't' -%]
2497 padding-right: 10px;
2501 .result_footer_nav1 {
2505 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2509 .rdetail_authors_div {
2513 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2514 white-space: nowrap;
2515 display: inline-block;
2518 .result_table_title_cell {
2520 padding-bottom: 4px;
2524 font-size: [% css_fonts.size_bigger %];
2527 /* styling for sms text call number */
2529 font-family: Arial, Helvetica, sans-serif;
2530 font-size: [% css_fonts.size_medium %];
2531 background: [% css_colors.accent_lightest %];
2533 /* Allow text to wrap */
2534 white-space: pre-wrap; /* css-3 */
2535 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
2536 white-space: -pre-wrap; /* Opera 4-6 */
2537 white-space: -o-pre-wrap; /* Opera 7 */
2538 word-wrap: break-word; /* Internet Explorer 5.5+ */
2545 /* patron message center */
2546 #myopac_message_tbody {
2547 vertical-align: top;
2549 .myopac_message_message {
2550 white-space: pre-wrap;
2553 @media only screen and (max-width: 800px) {
2554 .facet_sidebar_hidden, .result_block_hidden {
2557 .facet_sidebar_visible, .result_block_visible {
2558 display: inline ! important;
2560 #acct_select, #acct_prefs_select {
2561 display: inline-block;
2563 #acct_tabs, #acct_prefs_tabs {
2566 .radio-parts-selection { width: 90%; }
2567 #list_description, #list_create_name {
2572 @media only screen and (max-width: 600px) {
2574 font-size: [% css_fonts.size_big %];
2576 span .nav_arrow_fix {
2583 #homesearch_main_logo img {
2593 #your-acct-login a {
2603 #locale_picker_form {
2606 #gold-links-holder {
2609 #simple-detail-view-links {
2612 #acct_tabs a, #acct_fines_tabs a {
2613 [% IF rtl == 't' -%]
2614 -moz-border-radius: 6px 0px 0px 6px;
2615 border-radius: 6px 0px 0px 6px;
2616 margin: 0px 0px 0px 5px;
2618 -moz-border-radius: 6px 6px 0px 0px;
2619 border-radius: 6px 6px 0px 0px;
2620 margin: 0px 5px 0px 0px;
2622 padding: 2px 4px 3px 4px;
2623 font-size: [% css_fonts.size_base %];
2625 .bookbag-controls-title-block {
2626 [% IF rtl == 't' -%]
2633 .bookbag-controls-button-block {
2634 [% IF rtl == 't' -%]
2642 [% IF rtl == 't' -%]
2648 .bookbag-specific div.sort {
2649 [% IF rtl == 't' -%]
2657 margin: 5px 0px 5px 0px;
2658 border: 1px solid [% css_colors.accent_light %];
2661 .bookbag-specific div.meta {
2662 [% IF rtl == 't' -%]
2676 [% IF rtl == 't' -%]
2683 #bbag-edit-description {
2689 border:1px solid [% css_colors.accent_light %];
2692 [% IF rtl == 't' -%]
2699 .bbag-action-field {
2702 .bookbag-specific div.sort select {
2705 .bookbag-specific tr {
2707 border-bottom: 1px solid [% css_colors.border_standard %];
2709 .bookbag-specific td.list_checkbox {
2710 [% IF rtl == 't' -%]
2711 padding-right: 0px !important;
2713 padding-left: 0px !important;
2716 .bookbag-specific td.list_entry {
2717 display: inline-block;
2719 [% IF rtl == 't' -%]
2720 padding-right: 40% !important;
2722 padding-left: 40% !important;
2725 .bookbag-specific td.list_entry:before {
2726 content: attr(data-label);
2728 [% IF rtl == 't' -%]
2734 .bbag-navigate-list {
2737 .bbag-navigate-list-pages {
2738 [% IF rtl == 't' -%]
2747 background: transparent;
2754 #dash_wrapper .opac-button {
2757 .small_view_only, #filter_hits {
2758 display: inline !important;
2761 [% IF rtl == 't' -%]
2767 #dashboard, #dashboard_e {
2770 #holds_box form blockquote {
2771 [% IF rtl == 't' -%]
2779 #holds_box form blockquote select {
2782 #myopac_sum_fines_placehold {
2788 #list_description, #list_create_name {
2791 .results_header_lbl {
2794 .results_header_nav1 span.h1 {
2800 .start_end_links_span {
2806 .result_table_pic_header {
2807 [% IF rtl == 't' -%]
2808 padding-right: 0px !important;
2811 padding-left: 0px !important;
2814 width: 0px !important;
2822 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2825 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2826 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2829 .results_info_table td {
2832 #results_header_bar {
2833 background-color: inherit;
2835 .results_header_btns a {
2838 .adv_filter_results_hide {
2841 .adv_filter_results_show {
2844 .adv_filter_results_block_label {
2847 .adv_filter_results_group_wrapper {
2853 #rdetails_status thead {
2856 #rdetails_status tr {
2860 #rdetails_status td {
2865 background-color: [% css_colors.accent_lightest %];
2867 .copy_details_offers_row {
2868 background-color: [% css_colors.accent_lightest %];
2870 select#pickup_lib.search-wrapper-locg {
2873 #search-wrapper #search-box {
2877 #main-content-home {
2881 /* Make use of full width in mobile mode */
2882 .facet_box_wrapper .box_wrapper .box,
2883 .facet_template .facet,
2887 .facet_template .count {
2888 [% IF rtl == 't' -%]
2897 #adv_search_parent {
2898 font-size: [% css_fonts.size_smaller %];
2900 #adv_search_filters {
2905 [% IF rtl == 't' -%]
2911 .rdetail_aux_utils {
2918 div#rdetail_actions_div {
2924 #metarecord_population {
2928 .metarecord_population_span_link {
2930 .metarecord_population_item_lang {
2933 .search_catalog_lbl {
2934 [% IF rtl == 't' -%]
2939 white-space: nowrap;
2941 .adv_search_catalog_lbl {
2943 white-space: nowrap;
2945 .browse_the_catalog_lbl {
2946 white-space: nowrap;
2958 .dash_account_buttons {
2961 .searchbar { line-height: 1.5em; }
2962 #browse-controls { line-height: 1.5em; }
2963 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2970 .bookshelf table thead tr {
2973 #lowhits_help { width: inherit; }
2975 font-size: [% css_fonts.size_small %];
2976 margin: 2px 2px 0px 2px;
2977 padding: 2px 2px 5px 2px;
2978 -moz-border-radius: 10px 0px 0px 0px;
2979 [% IF rtl == 't' -%]
2980 border-radius: 7px 0px 0px 7px;
2982 border-radius: 7px 7px 0px 0px;
2985 #adv_global_tbody td {
2986 border-bottom: thin solid [% css_colors.accent_light %];
2988 #adv_global_addrow td {
2989 border-bottom: none;
2991 /* Force table to not be like tables anymore */
2992 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 {
2995 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 {
2999 /* Hide table headers (but not display: none;, for accessibility) */
3003 [% IF rtl == 't' -%]
3010 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 {
3014 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3016 /* Holds history gets large white border to mimic header cell on other
3017 account screens that provide visual cue for next title. We should do
3018 the same for ebook tables too since we have no actions on those
3019 tables. If actions get added, we should move those tables out of
3022 table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3025 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 {
3026 /* Behave like a "row" */
3028 border-bottom: 1px solid #eee;
3030 [% IF rtl == 't' -%]
3037 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 {
3038 /* Now like a table header */
3040 /* Top/left values mimic padding */
3043 [% IF rtl == 't' -%]
3048 padding-right: 10px;
3050 white-space: nowrap;
3053 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3054 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3055 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3056 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3057 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3058 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3059 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3061 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3062 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3063 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3064 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3065 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3066 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3067 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3068 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3070 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3071 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3072 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3073 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3074 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3075 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3076 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3077 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3079 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3080 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3081 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3082 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3083 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3085 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3086 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3087 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3088 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3090 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3091 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3092 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3093 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3097 /*Want to see these in mobile ONLY */
3102 .mobile_search_lbl_clr{
3103 color:[% css_colors.mobile_header_text %];
3109 For text which is visible only to screen readers.
3110 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3111 See also http://webaim.org/techniques/css/invisiblecontent/
3120 clip: rect(0, 0, 0, 0);
3124 /* Make added rows in Expert Search have bold labels like the initial row */
3131 font-weight: lighter;
3135 #results-page-depth-hint {
3140 #clear-history-confirm {
3142 color: [% css_colors.text_badnews %];
3146 /*Inline rules from other templates files*/
3149 [% IF rtl == 't' -%]
3157 [% IF rtl == 't' -%]
3163 #myopac_summary_div{padding:0px;}
3165 [% IF rtl == 't' -%]
3172 [% IF rtl == 't' -%]
3179 [% IF rtl == 't' -%]
3186 padding-bottom: 10px;
3189 [% IF rtl == 't' -%]
3190 padding-right: 10px;
3194 padding-bottom: 15px;
3196 .hold-span{font-weight: bold;}
3198 [% IF rtl == 't' -%]
3205 [% IF rtl == 't' -%]
3212 [% IF rtl == 't' -%]
3219 /* Rules from metarecord_hold_filters.tt2 */
3221 .metarecord_filters{
3224 border-bottom: 1px solid #333;
3225 border-top: 1px solid #333; }
3226 .metarecord_filter_container{
3227 [% IF rtl == 't' -%]
3235 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3236 .metarecord_filter_header{padding-bottom: 5px;}