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-color: [% css_colors.primary_fade %];
476 padding: 5px 0px 6px 7px;
479 padding: 5px 7px 6px 0px;
482 border-bottom: 1px dotted [% css_colors.accent_light %];
486 color:[% css_colors.primary_fade %];
488 font-size: [% css_fonts.size_bigger %];
491 .rdetail_result_count {
492 color: [% css_colors.text %];
494 display: inline-block;
502 .rdetail_result_nav {
504 display: inline-block;
512 #rdetail_details_table {
516 #rdetail_image { border: none; }
517 #rdetail_image_cell {
530 padding: 0.5em 1em 0.5em 1em;
531 background-color: [% css_colors.accent_lighter2 %];
533 div.rdetail_uris ul li {
542 div.rdetail_show_copies {
546 div#rdetail_actions_div {
547 background-color: [% css_colors.background %];
555 span#rdetail_copy_counts {
556 display: inline-block;
569 span#rdetail_hold_counts {
570 display: inline-block;
573 span#rdetail_hold_counts p {
594 border-right: 1px dotted [% css_colors.accent_light %];
598 border-left:1px dotted [% css_colors.accent_light %];
605 border-bottom: 1px dotted [% css_colors.accent_light %];
609 div.toggle_list { padding-top: 6px; }
613 border-top: 1px dotted [% css_colors.accent_light %];
626 #metarecord_population {
629 padding-bottom: 10px;
632 .metarecord_population_span_link {
636 .metarecord_population_format {
638 display: inline-block;
644 .metarecord_population_item_lang {
645 display: inline-block;
649 .metarecord_population_all {
658 border-bottom: 1px dotted [% css_colors.accent_light %];
675 #rdetails_status td {
677 padding: 7px 13px 3px 0px;
679 padding: 7px 0px 3px 13px;
683 #rdetails_status td[headers=copy_header_library],
684 #rdetails_status td[headers=copy_header_shelfloc] {
688 #rdetails_status thead th {
690 padding: 13px 13px 13px 0px;
693 padding: 13px 0px 13px 13px;
696 background-color: [% css_colors.accent_lighter2 %];
697 font-size: [% css_fonts.size_smaller %];
701 #rdetails_status tbody td {
710 #rdetails_status tbody td.copy_note {
711 color: [% css_colors.primary %];
713 white-space:pre-wrap !important;
717 #rdetails_status tbody td.copy_tag {
718 border-color: [% css_colors.primary %];
719 border-style: dashed;
722 #rdetails_status tbody .copy_tag_value {
727 background-color: [% css_colors.primary_fade %];
728 border: 1px solid [% css_colors.primary %];
733 #rdetail_extras_div {
746 background-color: [% css_colors.accent_light %];
749 .rdetail_extras_link {
751 font-size: [% css_fonts.size_smaller %];
755 .rdetail_extras_lbl {
756 color: [% css_colors.text_invert %];
757 text-decoration: none;
760 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
768 #rdetail_locs_expand, #rdetail_locs_collapse {
778 #rdetail_anotes_div .biography {
782 #gbp_extra, #gbp_arrow_down_link {
786 .almost-content-wrapper {
787 background-color: [% css_colors.background %];
791 background-color: [% css_colors.background %];
793 border-bottom: 1px solid [% css_colors.border_dark %];
796 .content-wrapper-record-page { top: -15px; position: relative; }
817 #main-content-after-bar {
836 background-color: [% css_colors.background %];
839 #main-content .login_boxes {
840 border: 1px solid [% css_colors.accent_lighter %];
841 background-color: [% css_colors.accent_lightest %];
842 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
843 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
844 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
845 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
846 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
847 color: [% css_colors.accent_darker %];
850 #main-content .login_boxes h1 {
852 font-size: [% css_fonts.size_biggest %];
856 #main-content .left_brain {
865 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
869 background-color: [% css_colors.background %];
870 font-size: [% css_fonts.size_bigger %];
871 color: [% css_colors.text %];
874 #main-content .left_brain .input_bg {
876 padding: 10px 13px 0px 10px;
878 padding:10px 10px 0px 13px;
897 font-size: [% css_fonts.size_biggest %];
901 #login-failed-message {
902 font-size: [% css_fonts.size_bigger %];
904 color: [% css_colors.text_alert %];
908 #holds_temp_parent td {
909 border-bottom:1px solid [% css_colors.border_standard %];
912 #holds_temp_parent input, #holds_temp_parent select {
916 #holds_temp_parent tr td div {
921 #holds_temp_parent tr td div.format_icon {
927 #results_header_bar {
928 background-color: [% css_colors.accent_medium %];
929 border-top:1px solid [% css_colors.accent_mediumdark %];
930 border-bottom:1px solid [% css_colors.accent_mediumdark %];
933 .results_header_lbl {
940 color: [% css_colors.text %];
941 /* this border is not visible, but it keeps these labels the same size
943 border: 1px solid [% css_colors.accent_medium %];
944 background-color: [% css_colors.accent_medium %];
948 /* we need a negative margin on the select to allow the containing <label>
949 to determine the actual size of the element. By doing this, we can increase
950 the odds that the buttons and the select will be the same size, and therefore
951 collapse correctly when the window width decreases */
952 .results_header_lbl select {
956 #limit_to_available {
957 vertical-align: middle;
960 .results_header_sel {
969 .results_header_nav1 {
971 padding: 5px 0px 6px 7px;
973 padding: 5px 7px 6px 0px;
975 border-bottom: 1px dotted [% css_colors.accent_light %];
978 .results_header_nav1 .h1 {
979 font-size: [% css_fonts.size_bigger %];
981 color:[% css_colors.primary_fade %];
984 .table_no_border_space {
987 .table_no_cell_pad td {
991 border-collapse: collapse;
994 #result_table_table {
1002 tr.result_table_row > td.results_row_count,
1003 tr.result_table_row > td.result_table_pic_header,
1004 tr.result_table_row > td.result_table_title_cell {
1005 vertical-align: top;
1009 [% IF rtl == 't' -%]
1019 tr.result_table_row:nth-child(n+2) > td {
1020 border-top: 1px solid [% css_colors.accent_lighter2 %];
1023 tr.result_table_row > td.result_table_pic_header {
1024 [% IF rtl == 't' -%]
1029 white-space: nowrap;
1034 [% IF rtl == 't' -%]
1039 white-space: nowrap;
1042 .result_count_number {
1046 .result_table_subtable {
1051 div.result_table_utils_cont {
1052 [% IF rtl == 't' -%]
1061 #myopac_summary_div p {
1063 margin-bottom: 10px;
1066 #acct_sum_checked_table td {
1070 .zero_search_hits_main {
1071 [% IF rtl == 't' -%]
1079 .zero_search_hits_saved {
1080 [% IF rtl == 't' -%]
1091 #zero_search_hits p {
1099 #zero_search_hits #spell_check_link {
1102 #zero_search_hits #zero_hits_suggestions {
1106 [% IF rtl == 't' -%]
1112 background-color: [% css_colors.accent_light %];
1117 .results_info_table td {
1118 [% IF rtl == 't' -%]
1121 padding-right: 10px;
1125 #myopac_holds_main_table {
1126 border-collapse: collapse;
1129 #myopac_holds_main_table td {
1130 border: 1px solid [% css_colors.border_dark %];
1134 .myopac-hold-available {
1135 color: [% css_colors.text_greatnews %];
1139 .myopac-hold-suspended {
1140 color: [% css_colors.text_badnews %];
1144 #myopac_prefs_div .data_grid {
1145 border-collapse:collapse;
1148 #myopac_prefs_div .data_grid td {
1149 [% IF rtl == 't' -%]
1150 padding: 6px 17px 7px 0px;
1152 padding:6px 0px 7px 17px;
1154 background-color:[% css_colors.accent_ultralight %];
1155 border-bottom:3px solid [% css_colors.background %];
1159 [% IF rtl == 't' -%]
1160 padding: 0px 0px 0px 7px;
1162 padding: 0px 7px 0px 0px;
1165 font-size: [% css_fonts.size_bigger %];
1167 color:[% css_colors.primary_fade %];
1168 border-bottom: 1px dotted [% css_colors.accent_light %];
1173 font-weight: normal;
1177 [% IF rtl == 't' -%]
1187 border-collapse: collapse;
1188 background-color: [% css_colors.accent_ultralight %];
1191 .acct_sum_table tr {
1192 border-bottom: 2px solid white;
1195 .acct_sum_table td {
1200 text-transform: none;
1205 .acct_sum_table .view_link {
1206 font-weight: normal;
1210 [% IF rtl == 't' -%]
1212 padding: 15px 23px 0px 0px;
1215 padding: 15px 0px 0px 23px;
1217 background-color: [% css_colors.accent_ultralight %];
1222 #myopac_sum_fines_placehold {
1223 [% IF rtl == 't' -%]
1232 .acct_holds_temp td {
1233 [% IF rtl == 't' -%]
1240 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1241 [% IF rtl == 't' -%]
1248 #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 {
1249 border-collapse: collapse;
1253 text-transform: none;
1254 font-weight: normal;
1257 .hold_note_title { font-weight: bold; }
1259 #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 {
1260 background-color: [% css_colors.accent_lighter2 %];
1264 #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 {
1265 [% IF rtl == 't' -%]
1270 padding: 0px 10px 0px 10px;
1273 #acct_list_header select, #acct_list_header_anon select {
1275 text-transform:none;
1278 .search_catalog_lbl {
1279 font-size: [% css_fonts.size_bigger %];
1281 .adv_search_catalog_lbl {
1282 font-size: [% css_fonts.size_bigger %];
1285 .browse_the_catalog_lbl {
1286 font-size: [% css_fonts.size_bigger %];
1290 font-size: [% css_fonts.size_bigger %];
1295 font-size: [% css_fonts.size_smaller %];
1302 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1303 background-color: [% css_colors.primary_fade %];
1308 #fines_payments_wrapper {
1313 .myopac_payments_table th {
1314 [% IF rtl == 't' -%]
1315 text-align: right; }
1321 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1322 .myopac_payments_table thead th:first-child { width: 8em; }
1323 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1324 .myopac_payments_table form { display: inline; }
1325 .myopac_payments_table input[type="submit"] { padding: 1px; }
1328 font-weight: bold; color: [% css_colors.text_alert %];
1329 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1332 .payment-processing {
1334 color: [% css_colors.text_greatnews %];
1335 font-size: [% css_fonts.size_bigger %];
1336 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1339 #adv_search_input { width: 100%; }
1340 #adv_search_parent {
1343 #search-submit-spinner {
1347 div.adv_search_available {
1355 font-size: [% css_fonts.size_bigger %];
1360 width:100px !important;
1361 text-align: center !important;
1364 .chili_review div.chili_link div {
1368 /* styling for advanced search filters that display with searchbar */
1370 #adv_filter_results_block h4 { display: inline; }
1372 #adv_filter_results_block {
1376 .adv_filter_results_block_label {
1378 [% IF rtl == 't' -%]
1379 padding: 4px 12px 4px 0px;
1381 padding: 4px 0px 4px 12px;
1385 .adv_filter_results_group {
1387 display: inline-block;
1388 background-color: [% css_colors.accent_lighter2 %];
1389 border-style: solid;
1390 border-color: [% css_colors.accent_medium %];
1393 padding: 2px 4px 2px 4px;
1396 .adv_filter_results_group_wrapper {
1397 display: inline-block;
1398 [% IF rtl == 't' -%]
1406 .adv_filter_results_group_header {
1407 display: inline-block;
1410 .adv_filter_results_group_values {
1414 .adv_search_result_filter {
1415 display: inline-block;
1420 [% IF rtl == 't' -%]
1428 text-decoration: none;
1429 color: [% css_colors.accent_dark %];
1433 display: inline-block;
1436 #refine_search_link {
1437 display: inline-block;
1440 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1441 /* some facet styling */
1442 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1443 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1444 .facetClassLabel { font-weight: bold; text-align: center; }
1445 .facetFieldContainer { }
1446 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1447 .extraFacetFieldsWrapper { }
1448 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1449 .facetFieldLineCount {
1450 display: inline-block;
1451 border-right: 1px solid [% css_colors.accent_light %];
1452 color: [% css_colors.accent_mediumdark %];
1456 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1457 .facetFields { padding-left: 5px; }
1458 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1462 [% IF rtl == 't' -%]
1475 .facet_box_temp .header {
1477 background-color:[% css_colors.primary %];
1478 border-top-left-radius: 5px;
1479 border-top-right-radius: 5px;
1481 color:[% css_colors.text_invert %];
1485 .facet_box_temp.filter_box_temp .header {
1486 background-color: [% css_colors.background_invert %] !important;
1490 color: [% css_colors.background_invert %];
1497 .facet_box_temp .header .title {
1498 [% IF rtl == 't' -%]
1500 padding-right: 12px;
1508 /* in this context, where h4 is primarily for structure,
1509 avoid the normal large font and margin for h4's */
1510 .facet_box_temp h4 {
1515 .facet_box_temp .header a.button {
1516 [% IF rtl == 't' -%]
1524 color:[% css_colors.text_invert %];
1527 .facet_box_wrapper .box_wrapper .box {
1528 border-top:1px solid [% css_colors.border_standard %];
1529 border-left:1px solid [% css_colors.border_standard %];
1530 border-right:1px solid [% css_colors.border_standard %];
1536 .filter_box_wrapper {
1539 border: 1px solid [% css_colors.background_invert %];
1546 box-sizing: border-box;
1547 -moz-box-sizing: border-box;
1553 .facet_template div {
1554 display: table-cell;
1558 .facet_template.filter_template div {
1559 padding: 0px !important;
1562 .facet_template .count {
1564 color: [% css_colors.accent_mediumdark %];
1567 .facet_template_selected {
1568 background-color: [% css_colors.accent_lighter2 %];
1569 border: 1px solid [% css_colors.accent_medium %];
1573 background-color: [% css_colors.primary %];
1574 background-image: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1575 background-image: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1576 background-image: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1577 background-image: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1581 [% IF rtl == 't' -%]
1587 padding-bottom: 10px;
1588 font-size: [% css_fonts.size_small %];
1592 color: [% css_colors.text_invert %];
1593 text-decoration: none;
1594 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1597 #copyright_text, #footer_logo {
1598 color: [% css_colors.text_invert %];
1605 .advanced_div { padding-top: 15px; }
1606 #adv_global_search { width: 100%; }
1607 #adv_global_search select { width: 13em; }
1608 #adv_global_addrow td { padding-top: 7px; }
1609 [% IF rtl == 't' -%]
1610 #adv_global_addrow.td-search-left{text-align:right;}
1612 #adv_global_input_table { width: 100%; }
1613 #adv_global_input_table select { width: 7em; }
1615 font-size: [% css_fonts.size_smaller %];
1616 color: [% css_colors.text_alert %];
1618 #acct_prefs_header {
1619 [% IF rtl == 't' -%]
1625 .search_page_nav_link {
1627 [% IF rtl == 't' -%]
1633 #opac.result.sort { width: 160px; }
1634 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1636 [% IF rtl == 't' -%]
1642 color: [% css_colors.text_alert %];
1644 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1645 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1646 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1647 #adv_search_refine {
1648 [% IF rtl == 't' -%]
1653 background-color: [% css_colors.accent_lighter2 %];
1656 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1658 background-color: [% css_colors.background %];
1659 color: [% css_colors.primary %]; text-decoration: none;
1660 padding: 0; border: 0; margin: 0;
1661 vertical-align: middle;
1663 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1664 .no-dec:hover { text-decoration: none; }
1665 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1667 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1668 #account-update-email table td {
1669 [% IF rtl == 't' -%]
1674 padding: 5px 15px 5px 15px;
1675 border-bottom: 1px solid [% css_colors.accent_lighter %];
1677 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1678 a.dash-link:hover { text-decoration: underline !important; }
1679 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1680 #list_create_table {
1681 background-color: [% css_colors.accent_light %];
1682 padding-bottom: 4px;
1683 margin-bottom: 10px;
1684 border-bottom: 1px dotted [% css_colors.accent_medium %];
1687 .list_create_table_label {
1690 #list_description, #list_create_name {
1693 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1694 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1695 .results_row_count { font-weight: bold; }
1696 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1697 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1698 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1699 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1700 #hold_editor_table th {
1701 [% IF rtl == 't' -%]
1709 #hold_editor_table td { padding: 0.25em 0; }
1711 [% IF rtl == 't' -%]
1712 padding-right: 1em !important;
1714 padding-left: 1em !important;
1716 vertical-align: middle;
1718 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1719 .hold-editor-controls a { padding-left: 2em; }
1722 [% IF rtl == 't' -%]
1729 [% IF rtl == 't' -%]
1732 vertical-align: top;
1735 .rdetail-author-div {
1736 padding-bottom: 10px;
1737 display: inline-block;
1740 .invisible { visibility: hidden; }
1741 .rdetail-extras-summary { margin: 10px; }
1742 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1743 .expert-search tbody tr th {
1744 [% IF rtl == 't' -%]
1752 .expert-search-row { padding-top: 10px; }
1753 #adv_expert_row label { font-weight: bold; }
1755 .bookshelf tr.browse_border td {
1756 border-bottom: 1px dashed [% css_colors.accent_dark %];
1759 padding-bottom: 1ex;
1761 .cn_browse_item { padding: 2ex; }
1762 .results-paginator-list {
1763 [% IF rtl == 't' -%]
1769 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1770 .inactive-hold { background-color: [% css_colors.accent_lightest %]; }
1771 .unread-patron-message { font-weight: bold; }
1773 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1774 .hold-items-list-title {
1775 font-size: [% css_fonts.size_bigger %];
1776 margin-bottom: 20px;
1778 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1780 .hold_success_links > span { margin: 0 2em; }
1782 .radio-parts-selection {
1784 margin-bottom: 20px;
1787 .parts-radio-option {
1788 display: inline-block;
1792 .mr_holds_no_formats {
1793 [% IF rtl == 't' -%]
1801 color: [% css_colors.text_invert %];
1802 background-color: [% css_colors.primary %];
1805 .holds_item_row_separator td {
1806 border-top: 2px dashed [% css_colors.accent_medium %];
1809 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1811 .results_header_btns, .results_header_sel {
1812 [% IF rtl == 't' -%]
1820 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1821 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1824 .opac-multiline-button > a,
1825 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1826 color: [% css_colors.button_text %];
1828 text-decoration: none;
1829 cursor: pointer !important;
1831 border: 1px solid [% css_colors.primary %];
1832 background-color: [% css_colors.primary_fade %];
1835 display: inline-block;
1838 .opac-multiline-button > a:hover,
1839 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1840 background-color: [% css_colors.primary %];
1843 .opac-button:disabled {
1844 color: [% css_colors.accent_medium %];
1845 cursor: pointer !important;
1846 border: 1px solid [% css_colors.accent_light %];
1847 background-color: [% css_colors.accent_lighter %];
1850 /* Firefox adds its own special space to inputs; this gets us closer */
1851 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1856 .opac-button-header, #dash_wrapper .opac-button {
1857 background-color: [% css_colors.control %];
1858 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1859 font-size: [% css_fonts.size_base %];
1861 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1862 border-color: [% css_colors.control %];
1865 .opac-multiline-button > a {
1866 display: inline-block;
1869 #myopac_checked_div {
1873 .rdetail-mfhd-head {
1876 background-color: [% css_colors.table_heading %];
1879 .rdetail-mfhd-type {
1880 [% IF rtl == 't' -%]
1887 .rdetail-mfhd-bottom {
1888 border-bottom: thin solid [% css_colors.border_dark %];
1892 #rdetail_record_details {
1898 [% IF rtl == 't' -%]
1899 margin-right: 1.5em;
1900 padding-right: 1.5em;
1903 padding-left: 1.5em;
1907 .rdetail_content_type, .rdetail_subject_type {
1908 vertical-align: top;
1912 .bookbag-item-row td { vertical-align: top; }
1914 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1916 color: [% css_colors.text_greatnews %];
1920 .rdetail_related_subjects {
1924 .rdetail_related_series {
1932 .rdetail_openurl_entry {
1933 [% IF rtl == 't' -%]
1941 .bookbag-controls-holder { width: 100%; }
1942 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1943 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1944 .bookbag-controls-holder .most {
1945 [% IF rtl == 't' -%]
1953 .bookbag-controls-title-block {
1954 [% IF rtl == 't' -%]
1961 .bookbag-controls-button-block {
1962 [% IF rtl == 't' -%]
1969 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1970 .bookbag-share .fixed { min-width: 4em; }
1972 [% IF rtl == 't' -%]
1978 .bookbag-specific div.sort {
1979 [% IF rtl == 't' -%]
1990 .bookbag-specific div.meta {
1991 background-color: [% css_colors.accent_light %];
1992 [% IF rtl == 't' -%]
2000 border: 1px solid [% css_colors.accent_light %];
2004 #bbag-name-desc-form tr th { vertical-align: middle; }
2005 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2006 .bookbag-description {
2011 .bbag-edit-desc-label {
2012 [% IF rtl == 't' -%]
2019 .bbag-edit-desc-save {
2023 #bbag-edit-description {
2025 [% IF rtl == 't' -%]
2033 [% IF rtl == 't' -%]
2040 [% IF rtl == 't' -%]
2046 .bbag-navigate-list {
2047 [% IF rtl == 't' -%]
2048 padding-right: 32px;
2055 .bbag-navigate-list-pages {
2056 [% IF rtl == 't' -%]
2057 padding-right: 10px;
2064 textarea { font-family: sans-serif; }
2065 table.bookbag-specific {
2066 border-right: 1px solid [% css_colors.accent_dark %];
2067 border-bottom: 1px solid [% css_colors.accent_medium %];
2072 [% IF rtl == 't' -%]
2074 padding: 0px 10px 0px 0px;
2077 padding: 0px 0px 0px 10px;
2080 .bookbag-share .fixed { min-width: 6em; }
2082 [% IF rtl == 't' -%]
2084 padding: 0px 10px 0px 0px;
2087 padding: 0px 0px 0px 10px;
2090 .bookbag-specific td.list_checkbox {
2091 [% IF rtl == 't' -%]
2092 padding-right: 10px !important;
2094 padding-left: 10px !important;
2097 .bookbag-specific td.list_entry {
2099 [% IF rtl == 't' -%]
2100 padding-right: 5px !important;
2102 padding-left: 5px !important;
2105 .bookbag-specific td.list_actions {
2106 white-space: nowrap !important;
2108 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2111 padding: 8px 0px 6px 0px;
2114 font-size: [% css_fonts.size_bigger %];
2118 .save-notes { padding-bottom: 1.5ex; }
2120 .nonbreaking-wrapper {
2121 display: inline-block;
2124 /* Moved from semiauto.css */
2125 .adv_global_input_container {
2126 border-bottom: none;
2130 border-bottom: none;
2133 .adv_global_filter_sort {
2137 .clear-both { clear: both; }
2148 .alert { color: [% css_colors.text_alert %]; }
2150 [% IF rtl == 't' -%]
2157 [% IF rtl == 't' -%]
2164 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2165 .saved-searches-header .button {
2166 [% IF rtl == 't' -%]
2173 .saved-searches-header .text {
2174 [% IF rtl == 't' -%]
2183 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2184 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2185 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2186 [% IF rtl == 't' -%]
2187 border-left: 1px solid [% css_colors.accent_darker %];
2189 border-right: 1px solid [% css_colors.accent_darker %];
2192 .result_item_circulated {
2196 .result_item_circulated span {
2199 [% IF rtl == 't' -%]
2206 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2207 #result-bookbag-heading { text-align: center; margin: 2ex; }
2209 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2210 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2211 .result-bookbag-item-note { font-style: italic; }
2212 .lowhits-bookbag-name { font-weight: bold; }
2213 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2214 .oils_AS_match_term {
2215 [% IF rtl == 't' -%]
2220 color: [% css_colors.text %];
2222 .oils_AS_match_field {
2223 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2224 [% IF rtl == 't' -%]
2229 color: [% css_colors.accent_medium %];
2231 table.result_holdings_table {
2235 table.result_holdings_table thead tr {
2236 background-color: [% css_colors.table_heading %];
2238 table.result_holdings_table thead tr th {
2242 margin: 0 2em 0 2em;
2245 vertical-align: super;
2246 font-size: [% css_fonts.size_smaller %];
2247 line-height: normal;
2248 text-decoration: none;
2250 .rdetail-holding-group {
2251 [% IF rtl == 't' -%]
2252 margin-right: 1.5em;
2257 .rdetail-holding-group span {
2258 [% IF rtl == 't' -%]
2259 margin-right: 1.5em;
2264 .rdetail-holding-group .paging {
2265 [% IF rtl == 't' -%]
2266 margin-right: 1.5em;
2271 #rdetail_deleted_exp {
2275 border: thick solid [% css_colors.border_alert %];
2278 #ac_tab_wrapper { width : 100%; }
2280 [% IF rtl == 't' -%]
2285 padding-right: 10px;
2287 font-size: [% css_fonts.size_big %];
2289 border: 1px solid [% css_colors.primary_offset %];
2291 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2292 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2293 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2295 /* Popmenu styles used for making css menus. */
2309 width: 10em; /* Width to help Opera out */
2310 background-color: [% css_colors.primary %];
2312 .popmenu li:hover ul {
2317 border-color: [% css_colors.border_dark %];
2319 border-style: solid;
2321 .popmenu li:hover li {
2324 .popmenu li:hover li a {
2325 background-color: [% css_colors.primary %];
2326 color: [% css_colors.accent_ultralight %];
2328 .popmenu li li a:hover {
2329 background-color: [% css_colors.accent_ultralight %];
2330 color: [% css_colors.primary %];
2332 /* Styles for the temporary list entry. */
2333 .popmenu li:hover li[class~="temporary"] a {
2334 background-color: [% css_colors.primary %];
2335 color: [% css_colors.accent_ultralight %];
2337 .popmenu li li[class~="temporary"] a:hover {
2338 background-color: [% css_colors.accent_ultralight %];
2339 color: [% css_colors.primary %];
2341 /* Styles for the default list entry. */
2342 .popmenu li:hover li[class~="default"] a {
2343 background-color: [% css_colors.primary %];
2344 color: [% css_colors.accent_ultralight %];
2346 .popmenu li li[class~="default"] a:hover {
2347 background-color: [% css_colors.accent_ultralight %];
2348 color: [% css_colors.primary %];
2350 /* Styles for the new list entry. */
2351 .popmenu li:hover li[class~="new"] a {
2352 background-color: [% css_colors.primary %];
2353 color: [% css_colors.accent_ultralight %];
2355 .popmenu li li[class~="new"] a:hover {
2356 background-color: [% css_colors.accent_ultralight %];
2357 color: [% css_colors.primary %];
2359 /* Style to add a divider on the menu. */
2360 .popmenu li li[class~="divider"] {
2361 border-bottom-width: 1px;
2362 border-bottom-color: [% css_colors.border_dark %];
2363 border-bottom-style: solid;
2366 #locale_picker_form {
2367 [% IF rtl == 't' -%]
2369 border-left: thin [% css_colors.control %] solid;
2372 border-right: thin [% css_colors.control %] solid;
2378 #locale_picker_form * {
2381 vertical-align: middle;
2384 #patron_usr_barcode_not_found {
2385 font-weight: bold; color: [% css_colors.text_alert %];
2398 padding-bottom: 0.5em;
2402 #maintenance_message {
2405 background-color: [% css_colors.text_alert %];
2406 color: [% css_colors.text_invert %];
2410 #search-box > span {
2417 .browse-result-sources, .browse-result-authority-bib-links {
2418 [% IF rtl == 't' -%]
2424 .browse-result-best-match {
2430 .browse-result-list {
2431 padding-bottom: 0.5ex;
2434 font-size: [% css_fonts.size_bigger %];
2436 .browse-result-authority-field-name {
2438 [% IF rtl == 't' -%]
2444 .browse-leading-article-warning {
2446 font-size: [% css_fonts.size_big %];
2448 .browse-public-general-note {
2449 font-size: [% css_fonts.size_big %];
2451 .browse-public-general-note-label { }
2452 .browse-public-general-note-institution {
2456 .browse-public-general-note-body {
2464 #main-content-register {
2465 [% IF rtl == 't' -%]
2470 font-size: [% css_fonts.size_bigger %];
2473 #main-content-register table {
2476 border-collapse: collapse;
2479 #main-content-register td {
2480 [% IF rtl == 't' -%]
2487 #main-content-register td:not(:first-child) {
2488 [% IF rtl == 't' -%]
2489 padding-right: 20px;
2495 .patron-reg-invalid {
2498 [% IF rtl == 't' -%]
2501 padding-right: 10px;
2505 .result_footer_nav1 {
2509 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2513 .rdetail_authors_div {
2517 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2518 white-space: nowrap;
2519 display: inline-block;
2522 .result_table_title_cell {
2524 padding-bottom: 4px;
2528 font-size: [% css_fonts.size_bigger %];
2531 /* styling for sms text call number */
2533 font-family: Arial, Helvetica, sans-serif;
2534 font-size: [% css_fonts.size_medium %];
2535 background-color: [% css_colors.accent_lightest %];
2537 /* Allow text to wrap */
2538 white-space: pre-wrap; /* css-3 */
2539 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
2540 white-space: -pre-wrap; /* Opera 4-6 */
2541 white-space: -o-pre-wrap; /* Opera 7 */
2542 word-wrap: break-word; /* Internet Explorer 5.5+ */
2549 /* patron message center */
2550 #myopac_message_tbody {
2551 vertical-align: top;
2553 .myopac_message_message {
2554 white-space: pre-wrap;
2557 @media only screen and (max-width: 800px) {
2558 .facet_sidebar_hidden, .result_block_hidden {
2561 .facet_sidebar_visible, .result_block_visible {
2562 display: inline ! important;
2564 #acct_select, #acct_prefs_select {
2565 display: inline-block;
2567 #acct_tabs, #acct_prefs_tabs {
2570 .radio-parts-selection { width: 90%; }
2571 #list_description, #list_create_name {
2576 @media only screen and (max-width: 600px) {
2578 font-size: [% css_fonts.size_big %];
2580 span .nav_arrow_fix {
2587 #homesearch_main_logo img {
2597 #your-acct-login a {
2607 #locale_picker_form {
2610 #gold-links-holder {
2613 #simple-detail-view-links {
2616 #acct_tabs a, #acct_fines_tabs a {
2617 [% IF rtl == 't' -%]
2618 border-radius: 6px 0px 0px 6px;
2619 margin: 0px 0px 0px 5px;
2621 border-radius: 6px 6px 0px 0px;
2622 margin: 0px 5px 0px 0px;
2624 padding: 2px 4px 3px 4px;
2625 font-size: [% css_fonts.size_base %];
2627 .bookbag-controls-title-block {
2628 [% IF rtl == 't' -%]
2635 .bookbag-controls-button-block {
2636 [% IF rtl == 't' -%]
2644 [% IF rtl == 't' -%]
2650 .bookbag-specific div.sort {
2651 [% IF rtl == 't' -%]
2659 margin: 5px 0px 5px 0px;
2660 border: 1px solid [% css_colors.accent_light %];
2663 .bookbag-specific div.meta {
2664 [% IF rtl == 't' -%]
2678 [% IF rtl == 't' -%]
2685 #bbag-edit-description {
2691 border:1px solid [% css_colors.accent_light %];
2694 [% IF rtl == 't' -%]
2701 .bbag-action-field {
2704 .bookbag-specific div.sort select {
2707 .bookbag-specific tr {
2709 border-bottom: 1px solid [% css_colors.border_standard %];
2711 .bookbag-specific td.list_checkbox {
2712 [% IF rtl == 't' -%]
2713 padding-right: 0px !important;
2715 padding-left: 0px !important;
2718 .bookbag-specific td.list_entry {
2719 display: inline-block;
2721 [% IF rtl == 't' -%]
2722 padding-right: 40% !important;
2724 padding-left: 40% !important;
2727 .bookbag-specific td.list_entry:before {
2728 content: attr(data-label);
2730 [% IF rtl == 't' -%]
2736 .bbag-navigate-list {
2739 .bbag-navigate-list-pages {
2740 [% IF rtl == 't' -%]
2749 background-color: transparent;
2756 #dash_wrapper .opac-button {
2759 .small_view_only, #filter_hits {
2760 display: inline !important;
2763 [% IF rtl == 't' -%]
2769 #dashboard, #dashboard_e {
2772 #holds_box form blockquote {
2773 [% IF rtl == 't' -%]
2781 #holds_box form blockquote select {
2784 #myopac_sum_fines_placehold {
2790 #list_description, #list_create_name {
2793 .results_header_lbl {
2796 .results_header_nav1 span.h1 {
2802 .start_end_links_span {
2808 .result_table_pic_header {
2809 [% IF rtl == 't' -%]
2810 padding-right: 0px !important;
2813 padding-left: 0px !important;
2816 width: 0px !important;
2824 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2827 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2828 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2831 .results_info_table td {
2834 #results_header_bar {
2835 background-color: inherit;
2837 .results_header_btns a {
2840 .adv_filter_results_hide {
2843 .adv_filter_results_show {
2846 .adv_filter_results_block_label {
2849 .adv_filter_results_group_wrapper {
2855 #rdetails_status thead {
2858 #rdetails_status tr {
2862 #rdetails_status td {
2867 background-color: [% css_colors.accent_lightest %];
2869 .copy_details_offers_row {
2870 background-color: [% css_colors.accent_lightest %];
2872 select#pickup_lib.search-wrapper-locg {
2875 #search-wrapper #search-box {
2879 #main-content-home {
2883 /* Make use of full width in mobile mode */
2884 .facet_box_wrapper .box_wrapper .box,
2885 .facet_template .facet,
2889 .facet_template .count {
2890 [% IF rtl == 't' -%]
2899 #adv_search_parent {
2900 font-size: [% css_fonts.size_smaller %];
2902 #adv_search_filters {
2907 [% IF rtl == 't' -%]
2913 .rdetail_aux_utils {
2920 div#rdetail_actions_div {
2926 #metarecord_population {
2930 .metarecord_population_span_link {
2932 .metarecord_population_item_lang {
2935 .search_catalog_lbl {
2936 [% IF rtl == 't' -%]
2941 white-space: nowrap;
2943 .adv_search_catalog_lbl {
2945 white-space: nowrap;
2947 .browse_the_catalog_lbl {
2948 white-space: nowrap;
2960 .dash_account_buttons {
2963 .searchbar { line-height: 1.5em; }
2964 #browse-controls { line-height: 1.5em; }
2965 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2972 .bookshelf table thead tr {
2975 #lowhits_help { width: inherit; }
2977 font-size: [% css_fonts.size_small %];
2978 margin: 2px 2px 0px 2px;
2979 padding: 2px 2px 5px 2px;
2980 [% IF rtl == 't' -%]
2981 border-radius: 7px 0px 0px 7px;
2983 border-radius: 7px 7px 0px 0px;
2986 #adv_global_tbody td {
2987 border-bottom: thin solid [% css_colors.accent_light %];
2989 #adv_global_addrow td {
2990 border-bottom: none;
2992 /* Force table to not be like tables anymore */
2993 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 {
2996 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 {
3000 /* Hide table headers (but not display: none;, for accessibility) */
3004 [% IF rtl == 't' -%]
3011 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 {
3015 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3017 /* Holds history gets large white border to mimic header cell on other
3018 account screens that provide visual cue for next title. We should do
3019 the same for ebook tables too since we have no actions on those
3020 tables. If actions get added, we should move those tables out of
3023 table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3026 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 {
3027 /* Behave like a "row" */
3029 border-bottom: 1px solid #eee;
3031 [% IF rtl == 't' -%]
3038 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 {
3039 /* Now like a table header */
3041 /* Top/left values mimic padding */
3044 [% IF rtl == 't' -%]
3049 padding-right: 10px;
3051 white-space: nowrap;
3054 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3055 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3056 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3057 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3058 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3059 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3060 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3062 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3063 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3064 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3065 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3066 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3067 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3068 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3069 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3071 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3072 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3073 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3074 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3075 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3076 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3077 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3078 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3080 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3081 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3082 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3083 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3084 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3086 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3087 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3088 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3089 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3091 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3092 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3093 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3094 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3098 /*Want to see these in mobile ONLY */
3103 .mobile_search_lbl_clr{
3104 color:[% css_colors.mobile_header_text %];
3110 For text which is visible only to screen readers.
3111 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3112 See also http://webaim.org/techniques/css/invisiblecontent/
3121 clip: rect(0, 0, 0, 0);
3125 /* Make added rows in Expert Search have bold labels like the initial row */
3132 font-weight: lighter;
3136 #results-page-depth-hint {
3141 #clear-history-confirm {
3143 color: [% css_colors.text_badnews %];
3147 /*Inline rules from other templates files*/
3150 [% IF rtl == 't' -%]
3158 [% IF rtl == 't' -%]
3164 #myopac_summary_div{padding:0px;}
3166 [% IF rtl == 't' -%]
3173 [% IF rtl == 't' -%]
3180 [% IF rtl == 't' -%]
3187 padding-bottom: 10px;
3190 [% IF rtl == 't' -%]
3191 padding-right: 10px;
3195 padding-bottom: 15px;
3197 .hold-span{font-weight: bold;}
3199 [% IF rtl == 't' -%]
3206 [% IF rtl == 't' -%]
3213 [% IF rtl == 't' -%]
3220 /* Rules from metarecord_hold_filters.tt2 */
3222 .metarecord_filters{
3225 border-bottom: 1px solid #333;
3226 border-top: 1px solid #333; }
3227 .metarecord_filter_container{
3228 [% IF rtl == 't' -%]
3236 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3237 .metarecord_filter_header{padding-bottom: 5px;}