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.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);
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: [% 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 %];
675 #rdetails_status td {
677 padding: 7px 13px 3px 0px;
679 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 {
691 padding: 13px 13px 13px 0px;
694 padding: 13px 0px 13px 13px;
697 background-color: [% css_colors.accent_lighter2 %];
698 font-size: [% css_fonts.size_smaller %];
702 #rdetails_status tbody td {
711 #rdetails_status tbody td.copy_note {
712 color: [% css_colors.primary %];
714 white-space:pre-wrap !important;
719 background-color: [% css_colors.primary_fade %];
720 border: 1px solid [% css_colors.primary %];
725 #rdetail_extras_div {
738 background-color: [% css_colors.accent_light %];
741 .rdetail_extras_link {
743 font-size: [% css_fonts.size_smaller %];
747 .rdetail_extras_lbl {
748 color: [% css_colors.text_invert %];
749 text-decoration: none;
752 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
760 #rdetail_locs_expand, #rdetail_locs_collapse {
770 #rdetail_anotes_div .biography {
774 #gbp_extra, #gbp_arrow_down_link {
778 .almost-content-wrapper {
779 background-color: [% css_colors.background %];
783 background-color: [% css_colors.background %];
785 border-bottom: 1px solid [% css_colors.border_dark %];
788 .content-wrapper-record-page { top: -15px; position: relative; }
809 #main-content-after-bar {
828 background-color: [% css_colors.background %];
831 #main-content .login_boxes {
832 border: 1px solid [% css_colors.accent_lighter %];
833 background-color: [% css_colors.accent_lightest %];
834 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
835 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
836 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
837 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
838 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
839 color: [% css_colors.accent_darker %];
842 #main-content .login_boxes h1 {
844 font-size: [% css_fonts.size_biggest %];
848 #main-content .left_brain {
857 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
861 background-color: [% css_colors.background %];
862 font-size: [% css_fonts.size_bigger %];
863 color: [% css_colors.text %];
866 #main-content .left_brain .input_bg {
868 padding: 10px 13px 0px 10px;
870 padding:10px 10px 0px 13px;
889 font-size: [% css_fonts.size_biggest %];
893 #login-failed-message {
894 font-size: [% css_fonts.size_bigger %];
896 color: [% css_colors.text_alert %];
900 #holds_temp_parent td {
901 border-bottom:1px solid [% css_colors.border_standard %];
904 #holds_temp_parent input, #holds_temp_parent select {
908 #holds_temp_parent tr td div {
913 #holds_temp_parent tr td div.format_icon {
919 #results_header_bar {
920 background-color: [% css_colors.accent_medium %];
921 border-top:1px solid [% css_colors.accent_mediumdark %];
922 border-bottom:1px solid [% css_colors.accent_mediumdark %];
925 .results_header_lbl {
932 color: [% css_colors.text %];
933 /* this border is not visible, but it keeps these labels the same size
935 border: 1px solid [% css_colors.accent_medium %];
936 background-color: [% css_colors.accent_medium %];
940 /* we need a negative margin on the select to allow the containing <label>
941 to determine the actual size of the element. By doing this, we can increase
942 the odds that the buttons and the select will be the same size, and therefore
943 collapse correctly when the window width decreases */
944 .results_header_lbl select {
948 #limit_to_available {
949 vertical-align: middle;
952 .results_header_sel {
961 .results_header_nav1 {
963 padding: 5px 0px 6px 7px;
965 padding: 5px 7px 6px 0px;
967 border-bottom: 1px dotted [% css_colors.accent_light %];
970 .results_header_nav1 .h1 {
971 font-size: [% css_fonts.size_bigger %];
973 color:[% css_colors.primary_fade %];
976 .table_no_border_space {
979 .table_no_cell_pad td {
983 border-collapse: collapse;
986 #result_table_table {
994 tr.result_table_row > td.results_row_count,
995 tr.result_table_row > td.result_table_pic_header,
996 tr.result_table_row > td.result_table_title_cell {
1001 [% IF rtl == 't' -%]
1011 tr.result_table_row:nth-child(n+2) > td {
1012 border-top: 1px solid [% css_colors.accent_lighter2 %];
1015 tr.result_table_row > td.result_table_pic_header {
1016 [% IF rtl == 't' -%]
1021 white-space: nowrap;
1026 [% IF rtl == 't' -%]
1031 white-space: nowrap;
1034 .result_count_number {
1038 .result_table_subtable {
1043 div.result_table_utils_cont {
1044 [% IF rtl == 't' -%]
1053 #myopac_summary_div p {
1055 margin-bottom: 10px;
1058 #acct_sum_checked_table td {
1062 .zero_search_hits_main {
1063 [% IF rtl == 't' -%]
1071 .zero_search_hits_saved {
1072 [% IF rtl == 't' -%]
1083 #zero_search_hits p {
1091 #zero_search_hits #spell_check_link {
1094 #zero_search_hits #zero_hits_suggestions {
1098 [% IF rtl == 't' -%]
1104 background: [% css_colors.accent_light %];
1109 .results_info_table td {
1110 [% IF rtl == 't' -%]
1113 padding-right: 10px;
1117 #myopac_holds_main_table {
1118 border-collapse: collapse;
1121 #myopac_holds_main_table td {
1122 border: 1px solid [% css_colors.border_dark %];
1126 .myopac-hold-available {
1127 color: [% css_colors.text_greatnews %];
1131 .myopac-hold-suspended {
1132 color: [% css_colors.text_badnews %];
1136 #myopac_prefs_div .data_grid {
1137 border-collapse:collapse;
1140 #myopac_prefs_div .data_grid td {
1141 [% IF rtl == 't' -%]
1142 padding: 6px 17px 7px 0px;
1144 padding:6px 0px 7px 17px;
1146 background-color:[% css_colors.accent_ultralight %];
1147 border-bottom:3px solid [% css_colors.background %];
1151 [% IF rtl == 't' -%]
1152 padding: 0px 0px 0px 7px;
1154 padding: 0px 7px 0px 0px;
1157 font-size: [% css_fonts.size_bigger %];
1159 color:[% css_colors.primary_fade %];
1160 border-bottom: 1px dotted [% css_colors.accent_light %];
1165 font-weight: normal;
1169 [% IF rtl == 't' -%]
1179 border-collapse: collapse;
1180 background-color: [% css_colors.accent_ultralight %];
1183 .acct_sum_table tr {
1184 border-bottom: 2px solid white;
1187 .acct_sum_table td {
1192 text-transform: none;
1197 .acct_sum_table .view_link {
1198 font-weight: normal;
1202 [% IF rtl == 't' -%]
1204 padding: 15px 23px 0px 0px;
1207 padding: 15px 0px 0px 23px;
1209 background-color: [% css_colors.accent_ultralight %];
1214 #myopac_sum_fines_placehold {
1215 [% IF rtl == 't' -%]
1224 .acct_holds_temp td {
1225 [% IF rtl == 't' -%]
1232 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1233 [% IF rtl == 't' -%]
1240 #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 {
1241 border-collapse: collapse;
1245 text-transform: none;
1246 font-weight: normal;
1249 .hold_note_title { font-weight: bold; }
1251 #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 {
1252 background-color: [% css_colors.accent_lighter2 %];
1256 #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 {
1257 [% IF rtl == 't' -%]
1262 padding: 0px 10px 0px 10px;
1265 #acct_list_header select, #acct_list_header_anon select {
1267 text-transform:none;
1270 .search_catalog_lbl {
1271 font-size: [% css_fonts.size_bigger %];
1273 .adv_search_catalog_lbl {
1274 font-size: [% css_fonts.size_bigger %];
1277 .browse_the_catalog_lbl {
1278 font-size: [% css_fonts.size_bigger %];
1282 font-size: [% css_fonts.size_bigger %];
1287 font-size: [% css_fonts.size_smaller %];
1294 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1295 background-color: [% css_colors.primary_fade %];
1300 #fines_payments_wrapper {
1305 .myopac_payments_table th {
1306 [% IF rtl == 't' -%]
1307 text-align: right; }
1313 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1314 .myopac_payments_table thead th:first-child { width: 8em; }
1315 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1316 .myopac_payments_table form { display: inline; }
1317 .myopac_payments_table input[type="submit"] { padding: 1px; }
1320 font-weight: bold; color: [% css_colors.text_alert %];
1321 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1324 .payment-processing {
1326 color: [% css_colors.text_greatnews %];
1327 font-size: [% css_fonts.size_bigger %];
1328 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1331 #adv_search_input { width: 100%; }
1332 #adv_search_parent {
1335 #search-submit-spinner {
1339 div.adv_search_available {
1347 font-size: [% css_fonts.size_bigger %];
1352 width:100px !important;
1353 text-align: center !important;
1356 .chili_review div.chili_link div {
1360 /* styling for advanced search filters that display with searchbar */
1362 #adv_filter_results_block h4 { display: inline; }
1364 #adv_filter_results_block {
1368 .adv_filter_results_block_label {
1370 [% IF rtl == 't' -%]
1371 padding: 4px 12px 4px 0px;
1373 padding: 4px 0px 4px 12px;
1377 .adv_filter_results_group {
1379 display: inline-block;
1380 background: [% css_colors.accent_lighter2 %];
1381 border-style: solid;
1382 border-color: [% css_colors.accent_medium %];
1385 padding: 2px 4px 2px 4px;
1388 .adv_filter_results_group_wrapper {
1389 display: inline-block;
1390 [% IF rtl == 't' -%]
1398 .adv_filter_results_group_header {
1399 display: inline-block;
1402 .adv_filter_results_group_values {
1406 .adv_search_result_filter {
1407 display: inline-block;
1412 [% IF rtl == 't' -%]
1420 text-decoration: none;
1421 color: [% css_colors.accent_dark %];
1425 display: inline-block;
1428 #refine_search_link {
1429 display: inline-block;
1432 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1433 /* some facet styling */
1434 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1435 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1436 .facetClassLabel { font-weight: bold; text-align: center; }
1437 .facetFieldContainer { }
1438 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1439 .extraFacetFieldsWrapper { }
1440 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1441 .facetFieldLineCount {
1442 display: inline-block;
1443 border-right: 1px solid [% css_colors.accent_light %];
1444 color: [% css_colors.accent_mediumdark %];
1448 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1449 .facetFields { padding-left: 5px; }
1450 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1454 [% IF rtl == 't' -%]
1467 .facet_box_temp .header {
1469 background-color:[% css_colors.primary %];
1470 border-top-left-radius: 5px;
1471 border-top-right-radius: 5px;
1473 color:[% css_colors.text_invert %];
1477 .facet_box_temp.filter_box_temp .header {
1478 background: [% css_colors.background_invert %] !important;
1482 color: [% css_colors.background_invert %];
1489 .facet_box_temp .header .title {
1490 [% IF rtl == 't' -%]
1492 padding-right: 12px;
1500 /* in this context, where h4 is primarily for structure,
1501 avoid the normal large font and margin for h4's */
1502 .facet_box_temp h4 {
1507 .facet_box_temp .header a.button {
1508 [% IF rtl == 't' -%]
1516 color:[% css_colors.text_invert %];
1519 .facet_box_wrapper .box_wrapper .box {
1520 border-top:1px solid [% css_colors.border_standard %];
1521 border-left:1px solid [% css_colors.border_standard %];
1522 border-right:1px solid [% css_colors.border_standard %];
1528 .filter_box_wrapper {
1531 border: 1px solid [% css_colors.background_invert %];
1538 box-sizing: border-box;
1539 -moz-box-sizing: border-box;
1545 .facet_template div {
1546 display: table-cell;
1550 .facet_template.filter_template div {
1551 padding: 0px !important;
1554 .facet_template .count {
1556 color: [% css_colors.accent_mediumdark %];
1559 .facet_template_selected {
1560 background-color: [% css_colors.accent_lighter2 %];
1561 border: 1px solid [% css_colors.accent_medium %];
1565 background-color: [% css_colors.primary %];
1566 background-image: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1567 background-image: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1568 background-image: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1569 background-image: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1573 [% IF rtl == 't' -%]
1579 padding-bottom: 10px;
1580 font-size: [% css_fonts.size_small %];
1584 color: [% css_colors.text_invert %];
1585 text-decoration: none;
1586 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1589 #copyright_text, #footer_logo {
1590 color: [% css_colors.text_invert %];
1597 .advanced_div { padding-top: 15px; }
1598 #adv_global_search { width: 100%; }
1599 #adv_global_search select { width: 13em; }
1600 #adv_global_addrow td { padding-top: 7px; }
1601 [% IF rtl == 't' -%]
1602 #adv_global_addrow.td-search-left{text-align:right;}
1604 #adv_global_input_table { width: 100%; }
1605 #adv_global_input_table select { width: 7em; }
1607 font-size: [% css_fonts.size_smaller %];
1608 color: [% css_colors.text_alert %];
1610 #acct_prefs_header {
1611 [% IF rtl == 't' -%]
1617 .search_page_nav_link {
1619 [% IF rtl == 't' -%]
1625 #opac.result.sort { width: 160px; }
1626 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1628 [% IF rtl == 't' -%]
1634 color: [% css_colors.text_alert %];
1636 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1637 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1638 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1639 #adv_search_refine {
1640 [% IF rtl == 't' -%]
1645 background-color: [% css_colors.accent_lighter2 %];
1648 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1650 background-color: [% css_colors.background %];
1651 color: [% css_colors.primary %]; text-decoration: none;
1652 padding: 0; border: 0; margin: 0;
1653 vertical-align: middle;
1655 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1656 .no-dec:hover { text-decoration: none; }
1657 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1659 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1660 #account-update-email table td {
1661 [% IF rtl == 't' -%]
1666 padding: 5px 15px 5px 15px;
1667 border-bottom: 1px solid [% css_colors.accent_lighter %];
1669 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1670 a.dash-link:hover { text-decoration: underline !important; }
1671 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1672 #list_create_table {
1673 background-color: [% css_colors.accent_light %];
1674 padding-bottom: 4px;
1675 margin-bottom: 10px;
1676 border-bottom: 1px dotted [% css_colors.accent_medium %];
1679 .list_create_table_label {
1682 #list_description, #list_create_name {
1685 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1686 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1687 .results_row_count { font-weight: bold; }
1688 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1689 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1690 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1691 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1692 #hold_editor_table th {
1693 [% IF rtl == 't' -%]
1701 #hold_editor_table td { padding: 0.25em 0; }
1703 [% IF rtl == 't' -%]
1704 padding-right: 1em !important;
1706 padding-left: 1em !important;
1708 vertical-align: middle;
1710 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1711 .hold-editor-controls a { padding-left: 2em; }
1714 [% IF rtl == 't' -%]
1721 [% IF rtl == 't' -%]
1724 vertical-align: top;
1727 .rdetail-author-div {
1728 padding-bottom: 10px;
1729 display: inline-block;
1732 .invisible { visibility: hidden; }
1733 .rdetail-extras-summary { margin: 10px; }
1734 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1735 .expert-search tbody tr th {
1736 [% IF rtl == 't' -%]
1744 .expert-search-row { padding-top: 10px; }
1745 #adv_expert_row label { font-weight: bold; }
1747 .bookshelf tr.browse_border td {
1748 border-bottom: 1px dashed [% css_colors.accent_dark %];
1751 padding-bottom: 1ex;
1753 .cn_browse_item { padding: 2ex; }
1754 .results-paginator-list {
1755 [% IF rtl == 't' -%]
1761 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1762 .inactive-hold { background-color: [% css_colors.accent_lightest %]; }
1763 .unread-patron-message { font-weight: bold; }
1765 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1766 .hold-items-list-title {
1767 font-size: [% css_fonts.size_bigger %];
1768 margin-bottom: 20px;
1770 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1772 .hold_success_links > span { margin: 0 2em; }
1774 .radio-parts-selection {
1776 margin-bottom: 20px;
1779 .parts-radio-option {
1780 display: inline-block;
1784 .mr_holds_no_formats {
1785 [% IF rtl == 't' -%]
1793 color: [% css_colors.text_invert %];
1794 background: [% css_colors.primary %];
1797 .holds_item_row_separator td {
1798 border-top: 2px dashed [% css_colors.accent_medium %];
1801 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1803 .results_header_btns, .results_header_sel {
1804 [% IF rtl == 't' -%]
1812 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1813 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1816 .opac-multiline-button > a,
1817 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1818 color: [% css_colors.button_text %];
1820 text-decoration: none;
1821 cursor: pointer !important;
1823 border: 1px solid [% css_colors.primary %];
1824 background-color: [% css_colors.primary_fade %];
1827 display: inline-block;
1830 .opac-multiline-button > a:hover,
1831 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1832 background-color: [% css_colors.primary %];
1835 .opac-button:disabled {
1836 color: [% css_colors.accent_medium %];
1837 cursor: pointer !important;
1838 border: 1px solid [% css_colors.accent_light %];
1839 background-color: [% css_colors.accent_lighter %];
1842 /* Firefox adds its own special space to inputs; this gets us closer */
1843 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1848 .opac-button-header, #dash_wrapper .opac-button {
1849 background-color: [% css_colors.control %];
1850 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1851 font-size: [% css_fonts.size_base %];
1853 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1854 border-color: [% css_colors.control %];
1857 .opac-multiline-button > a {
1858 display: inline-block;
1861 #myopac_checked_div {
1865 .rdetail-mfhd-head {
1868 background-color: [% css_colors.table_heading %];
1871 .rdetail-mfhd-type {
1872 [% IF rtl == 't' -%]
1879 .rdetail-mfhd-bottom {
1880 border-bottom: thin solid [% css_colors.border_dark %];
1884 #rdetail_record_details {
1890 [% IF rtl == 't' -%]
1891 margin-right: 1.5em;
1892 padding-right: 1.5em;
1895 padding-left: 1.5em;
1899 .rdetail_content_type, .rdetail_subject_type {
1900 vertical-align: top;
1904 .bookbag-item-row td { vertical-align: top; }
1906 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1908 color: [% css_colors.text_greatnews %];
1912 .rdetail_related_subjects {
1916 .rdetail_related_series {
1924 .rdetail_openurl_entry {
1925 [% IF rtl == 't' -%]
1933 .bookbag-controls-holder { width: 100%; }
1934 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1935 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1936 .bookbag-controls-holder .most {
1937 [% IF rtl == 't' -%]
1945 .bookbag-controls-title-block {
1946 [% IF rtl == 't' -%]
1953 .bookbag-controls-button-block {
1954 [% IF rtl == 't' -%]
1961 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1962 .bookbag-share .fixed { min-width: 4em; }
1964 [% IF rtl == 't' -%]
1970 .bookbag-specific div.sort {
1971 [% IF rtl == 't' -%]
1982 .bookbag-specific div.meta {
1983 background-color: [% css_colors.accent_light %];
1984 [% IF rtl == 't' -%]
1992 border: 1px solid [% css_colors.accent_light %];
1996 #bbag-name-desc-form tr th { vertical-align: middle; }
1997 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1998 .bookbag-description {
2003 .bbag-edit-desc-label {
2004 [% IF rtl == 't' -%]
2011 .bbag-edit-desc-save {
2015 #bbag-edit-description {
2017 [% IF rtl == 't' -%]
2025 [% IF rtl == 't' -%]
2032 [% IF rtl == 't' -%]
2038 .bbag-navigate-list {
2039 [% IF rtl == 't' -%]
2040 padding-right: 32px;
2047 .bbag-navigate-list-pages {
2048 [% IF rtl == 't' -%]
2049 padding-right: 10px;
2056 textarea { font-family: sans-serif; }
2057 table.bookbag-specific {
2058 border-right: 1px solid [% css_colors.accent_dark %];
2059 border-bottom: 1px solid [% css_colors.accent_medium %];
2064 [% IF rtl == 't' -%]
2066 padding: 0px 10px 0px 0px;
2069 padding: 0px 0px 0px 10px;
2072 .bookbag-share .fixed { min-width: 6em; }
2074 [% IF rtl == 't' -%]
2076 padding: 0px 10px 0px 0px;
2079 padding: 0px 0px 0px 10px;
2082 .bookbag-specific td.list_checkbox {
2083 [% IF rtl == 't' -%]
2084 padding-right: 10px !important;
2086 padding-left: 10px !important;
2089 .bookbag-specific td.list_entry {
2091 [% IF rtl == 't' -%]
2092 padding-right: 5px !important;
2094 padding-left: 5px !important;
2097 .bookbag-specific td.list_actions {
2098 white-space: nowrap !important;
2100 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2103 padding: 8px 0px 6px 0px;
2106 font-size: [% css_fonts.size_bigger %];
2110 .save-notes { padding-bottom: 1.5ex; }
2112 .nonbreaking-wrapper {
2113 display: inline-block;
2116 /* Moved from semiauto.css */
2117 .adv_global_input_container {
2118 border-bottom: none;
2122 border-bottom: none;
2125 .adv_global_filter_sort {
2129 .clear-both { clear: both; }
2140 .alert { color: [% css_colors.text_alert %]; }
2142 [% IF rtl == 't' -%]
2149 [% IF rtl == 't' -%]
2156 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2157 .saved-searches-header .button {
2158 [% IF rtl == 't' -%]
2165 .saved-searches-header .text {
2166 [% IF rtl == 't' -%]
2175 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2176 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2177 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2178 [% IF rtl == 't' -%]
2179 border-left: 1px solid [% css_colors.accent_darker %];
2181 border-right: 1px solid [% css_colors.accent_darker %];
2184 .result_item_circulated {
2188 .result_item_circulated span {
2191 [% IF rtl == 't' -%]
2198 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2199 #result-bookbag-heading { text-align: center; margin: 2ex; }
2201 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2202 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2203 .result-bookbag-item-note { font-style: italic; }
2204 .lowhits-bookbag-name { font-weight: bold; }
2205 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2206 .oils_AS_match_term {
2207 [% IF rtl == 't' -%]
2212 color: [% css_colors.text %];
2214 .oils_AS_match_field {
2215 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2216 [% IF rtl == 't' -%]
2221 color: [% css_colors.accent_medium %];
2223 table.result_holdings_table {
2227 table.result_holdings_table thead tr {
2228 background-color: [% css_colors.table_heading %];
2230 table.result_holdings_table thead tr th {
2234 margin: 0 2em 0 2em;
2237 vertical-align: super;
2238 font-size: [% css_fonts.size_smaller %];
2239 line-height: normal;
2240 text-decoration: none;
2242 .rdetail-holding-group {
2243 [% IF rtl == 't' -%]
2244 margin-right: 1.5em;
2249 .rdetail-holding-group span {
2250 [% IF rtl == 't' -%]
2251 margin-right: 1.5em;
2256 .rdetail-holding-group .paging {
2257 [% IF rtl == 't' -%]
2258 margin-right: 1.5em;
2263 #rdetail_deleted_exp {
2267 border: thick solid [% css_colors.border_alert %];
2270 #ac_tab_wrapper { width : 100%; }
2272 [% IF rtl == 't' -%]
2277 padding-right: 10px;
2279 font-size: [% css_fonts.size_big %];
2281 border: 1px solid [% css_colors.primary_offset %];
2283 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2284 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2285 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2287 /* Popmenu styles used for making css menus. */
2301 width: 10em; /* Width to help Opera out */
2302 background-color: [% css_colors.primary %];
2304 .popmenu li:hover ul {
2309 border-color: [% css_colors.border_dark %];
2311 border-style: solid;
2313 .popmenu li:hover li {
2316 .popmenu li:hover li a {
2317 background-color: [% css_colors.primary %];
2318 color: [% css_colors.accent_ultralight %];
2320 .popmenu li li a:hover {
2321 background-color: [% css_colors.accent_ultralight %];
2322 color: [% css_colors.primary %];
2324 /* Styles for the temporary list entry. */
2325 .popmenu li:hover li[class~="temporary"] a {
2326 background-color: [% css_colors.primary %];
2327 color: [% css_colors.accent_ultralight %];
2329 .popmenu li li[class~="temporary"] a:hover {
2330 background-color: [% css_colors.accent_ultralight %];
2331 color: [% css_colors.primary %];
2333 /* Styles for the default list entry. */
2334 .popmenu li:hover li[class~="default"] a {
2335 background-color: [% css_colors.primary %];
2336 color: [% css_colors.accent_ultralight %];
2338 .popmenu li li[class~="default"] a:hover {
2339 background-color: [% css_colors.accent_ultralight %];
2340 color: [% css_colors.primary %];
2342 /* Styles for the new list entry. */
2343 .popmenu li:hover li[class~="new"] a {
2344 background-color: [% css_colors.primary %];
2345 color: [% css_colors.accent_ultralight %];
2347 .popmenu li li[class~="new"] a:hover {
2348 background-color: [% css_colors.accent_ultralight %];
2349 color: [% css_colors.primary %];
2351 /* Style to add a divider on the menu. */
2352 .popmenu li li[class~="divider"] {
2353 border-bottom-width: 1px;
2354 border-bottom-color: [% css_colors.border_dark %];
2355 border-bottom-style: solid;
2358 #locale_picker_form {
2359 [% IF rtl == 't' -%]
2361 border-left: thin [% css_colors.control %] solid;
2364 border-right: thin [% css_colors.control %] solid;
2370 #locale_picker_form * {
2373 vertical-align: middle;
2376 #patron_usr_barcode_not_found {
2377 font-weight: bold; color: [% css_colors.text_alert %];
2390 padding-bottom: 0.5em;
2394 #maintenance_message {
2397 background-color: [% css_colors.text_alert %];
2398 color: [% css_colors.text_invert %];
2402 #search-box > span {
2409 .browse-result-sources, .browse-result-authority-bib-links {
2410 [% IF rtl == 't' -%]
2416 .browse-result-best-match {
2422 .browse-result-list {
2423 padding-bottom: 0.5ex;
2426 font-size: [% css_fonts.size_bigger %];
2428 .browse-result-authority-field-name {
2430 [% IF rtl == 't' -%]
2436 .browse-leading-article-warning {
2438 font-size: [% css_fonts.size_big %];
2440 .browse-public-general-note {
2441 font-size: [% css_fonts.size_big %];
2443 .browse-public-general-note-label { }
2444 .browse-public-general-note-institution {
2448 .browse-public-general-note-body {
2456 #main-content-register {
2457 [% IF rtl == 't' -%]
2462 font-size: [% css_fonts.size_bigger %];
2465 #main-content-register table {
2468 border-collapse: collapse;
2471 #main-content-register td {
2472 [% IF rtl == 't' -%]
2479 #main-content-register td:not(:first-child) {
2480 [% IF rtl == 't' -%]
2481 padding-right: 20px;
2487 .patron-reg-invalid {
2490 [% IF rtl == 't' -%]
2493 padding-right: 10px;
2497 .result_footer_nav1 {
2501 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2505 .rdetail_authors_div {
2509 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2510 white-space: nowrap;
2511 display: inline-block;
2514 .result_table_title_cell {
2516 padding-bottom: 4px;
2520 font-size: [% css_fonts.size_bigger %];
2523 /* styling for sms text call number */
2525 font-family: Arial, Helvetica, sans-serif;
2526 font-size: [% css_fonts.size_medium %];
2527 background: [% css_colors.accent_lightest %];
2529 /* Allow text to wrap */
2530 white-space: pre-wrap; /* css-3 */
2531 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
2532 white-space: -pre-wrap; /* Opera 4-6 */
2533 white-space: -o-pre-wrap; /* Opera 7 */
2534 word-wrap: break-word; /* Internet Explorer 5.5+ */
2541 /* patron message center */
2542 #myopac_message_tbody {
2543 vertical-align: top;
2545 .myopac_message_message {
2546 white-space: pre-wrap;
2549 @media only screen and (max-width: 800px) {
2550 .facet_sidebar_hidden, .result_block_hidden {
2553 .facet_sidebar_visible, .result_block_visible {
2554 display: inline ! important;
2556 #acct_select, #acct_prefs_select {
2557 display: inline-block;
2559 #acct_tabs, #acct_prefs_tabs {
2562 .radio-parts-selection { width: 90%; }
2563 #list_description, #list_create_name {
2568 @media only screen and (max-width: 600px) {
2570 font-size: [% css_fonts.size_big %];
2572 span .nav_arrow_fix {
2579 #homesearch_main_logo img {
2589 #your-acct-login a {
2599 #locale_picker_form {
2602 #gold-links-holder {
2605 #simple-detail-view-links {
2608 #acct_tabs a, #acct_fines_tabs a {
2609 [% IF rtl == 't' -%]
2610 border-radius: 6px 0px 0px 6px;
2611 margin: 0px 0px 0px 5px;
2613 border-radius: 6px 6px 0px 0px;
2614 margin: 0px 5px 0px 0px;
2616 padding: 2px 4px 3px 4px;
2617 font-size: [% css_fonts.size_base %];
2619 .bookbag-controls-title-block {
2620 [% IF rtl == 't' -%]
2627 .bookbag-controls-button-block {
2628 [% IF rtl == 't' -%]
2636 [% IF rtl == 't' -%]
2642 .bookbag-specific div.sort {
2643 [% IF rtl == 't' -%]
2651 margin: 5px 0px 5px 0px;
2652 border: 1px solid [% css_colors.accent_light %];
2655 .bookbag-specific div.meta {
2656 [% IF rtl == 't' -%]
2670 [% IF rtl == 't' -%]
2677 #bbag-edit-description {
2683 border:1px solid [% css_colors.accent_light %];
2686 [% IF rtl == 't' -%]
2693 .bbag-action-field {
2696 .bookbag-specific div.sort select {
2699 .bookbag-specific tr {
2701 border-bottom: 1px solid [% css_colors.border_standard %];
2703 .bookbag-specific td.list_checkbox {
2704 [% IF rtl == 't' -%]
2705 padding-right: 0px !important;
2707 padding-left: 0px !important;
2710 .bookbag-specific td.list_entry {
2711 display: inline-block;
2713 [% IF rtl == 't' -%]
2714 padding-right: 40% !important;
2716 padding-left: 40% !important;
2719 .bookbag-specific td.list_entry:before {
2720 content: attr(data-label);
2722 [% IF rtl == 't' -%]
2728 .bbag-navigate-list {
2731 .bbag-navigate-list-pages {
2732 [% IF rtl == 't' -%]
2741 background: transparent;
2748 #dash_wrapper .opac-button {
2751 .small_view_only, #filter_hits {
2752 display: inline !important;
2755 [% IF rtl == 't' -%]
2761 #dashboard, #dashboard_e {
2764 #holds_box form blockquote {
2765 [% IF rtl == 't' -%]
2773 #holds_box form blockquote select {
2776 #myopac_sum_fines_placehold {
2782 #list_description, #list_create_name {
2785 .results_header_lbl {
2788 .results_header_nav1 span.h1 {
2794 .start_end_links_span {
2800 .result_table_pic_header {
2801 [% IF rtl == 't' -%]
2802 padding-right: 0px !important;
2805 padding-left: 0px !important;
2808 width: 0px !important;
2816 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2819 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2820 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2823 .results_info_table td {
2826 #results_header_bar {
2827 background-color: inherit;
2829 .results_header_btns a {
2832 .adv_filter_results_hide {
2835 .adv_filter_results_show {
2838 .adv_filter_results_block_label {
2841 .adv_filter_results_group_wrapper {
2847 #rdetails_status thead {
2850 #rdetails_status tr {
2854 #rdetails_status td {
2859 background-color: [% css_colors.accent_lightest %];
2861 .copy_details_offers_row {
2862 background-color: [% css_colors.accent_lightest %];
2864 select#pickup_lib.search-wrapper-locg {
2867 #search-wrapper #search-box {
2871 #main-content-home {
2875 /* Make use of full width in mobile mode */
2876 .facet_box_wrapper .box_wrapper .box,
2877 .facet_template .facet,
2881 .facet_template .count {
2882 [% IF rtl == 't' -%]
2891 #adv_search_parent {
2892 font-size: [% css_fonts.size_smaller %];
2894 #adv_search_filters {
2899 [% IF rtl == 't' -%]
2905 .rdetail_aux_utils {
2912 div#rdetail_actions_div {
2918 #metarecord_population {
2922 .metarecord_population_span_link {
2924 .metarecord_population_item_lang {
2927 .search_catalog_lbl {
2928 [% IF rtl == 't' -%]
2933 white-space: nowrap;
2935 .adv_search_catalog_lbl {
2937 white-space: nowrap;
2939 .browse_the_catalog_lbl {
2940 white-space: nowrap;
2952 .dash_account_buttons {
2955 .searchbar { line-height: 1.5em; }
2956 #browse-controls { line-height: 1.5em; }
2957 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2964 .bookshelf table thead tr {
2967 #lowhits_help { width: inherit; }
2969 font-size: [% css_fonts.size_small %];
2970 margin: 2px 2px 0px 2px;
2971 padding: 2px 2px 5px 2px;
2972 [% IF rtl == 't' -%]
2973 border-radius: 7px 0px 0px 7px;
2975 border-radius: 7px 7px 0px 0px;
2978 #adv_global_tbody td {
2979 border-bottom: thin solid [% css_colors.accent_light %];
2981 #adv_global_addrow td {
2982 border-bottom: none;
2984 /* Force table to not be like tables anymore */
2985 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 {
2988 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 {
2992 /* Hide table headers (but not display: none;, for accessibility) */
2996 [% IF rtl == 't' -%]
3003 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 {
3007 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3009 /* Holds history gets large white border to mimic header cell on other
3010 account screens that provide visual cue for next title. We should do
3011 the same for ebook tables too since we have no actions on those
3012 tables. If actions get added, we should move those tables out of
3015 table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3018 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 {
3019 /* Behave like a "row" */
3021 border-bottom: 1px solid #eee;
3023 [% IF rtl == 't' -%]
3030 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 {
3031 /* Now like a table header */
3033 /* Top/left values mimic padding */
3036 [% IF rtl == 't' -%]
3041 padding-right: 10px;
3043 white-space: nowrap;
3046 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3047 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3048 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3049 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3050 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3051 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3052 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3054 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3055 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3056 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3057 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3058 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3059 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3060 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3061 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3063 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3064 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3065 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3066 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3067 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3068 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3069 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3070 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3072 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3073 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3074 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3075 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3076 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3078 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3079 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3080 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3081 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3083 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3084 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3085 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3086 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3090 /*Want to see these in mobile ONLY */
3095 .mobile_search_lbl_clr{
3096 color:[% css_colors.mobile_header_text %];
3102 For text which is visible only to screen readers.
3103 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3104 See also http://webaim.org/techniques/css/invisiblecontent/
3113 clip: rect(0, 0, 0, 0);
3117 /* Make added rows in Expert Search have bold labels like the initial row */
3124 font-weight: lighter;
3128 #results-page-depth-hint {
3133 #clear-history-confirm {
3135 color: [% css_colors.text_badnews %];
3139 /*Inline rules from other templates files*/
3142 [% IF rtl == 't' -%]
3150 [% IF rtl == 't' -%]
3156 #myopac_summary_div{padding:0px;}
3158 [% IF rtl == 't' -%]
3165 [% IF rtl == 't' -%]
3172 [% IF rtl == 't' -%]
3179 padding-bottom: 10px;
3182 [% IF rtl == 't' -%]
3183 padding-right: 10px;
3187 padding-bottom: 15px;
3189 .hold-span{font-weight: bold;}
3191 [% IF rtl == 't' -%]
3198 [% IF rtl == 't' -%]
3205 [% IF rtl == 't' -%]
3212 /* Rules from metarecord_hold_filters.tt2 */
3214 .metarecord_filters{
3217 border-bottom: 1px solid #333;
3218 border-top: 1px solid #333; }
3219 .metarecord_filter_container{
3220 [% IF rtl == 't' -%]
3228 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3229 .metarecord_filter_header{padding-bottom: 5px;}