2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
8 font-family: Arial, Helvetica, sans-serif;
9 font-size: [% css_fonts.size_base %];
10 background: [% css_colors.primary %];
14 font-family: Arial, Helvetica, sans-serif;
15 font-size: [% css_fonts.size_base %];
26 #homesearch_main_logo {
33 color: [% css_colors.primary %];
36 #search-wrapper input[type=text] {
41 #search-wrapper select, .results_header_lbl select {
42 border:1px solid [% css_colors.border_standard %];
55 #search-wrapper select {
56 border:0px solid [% css_colors.border_dark %];
57 filter:alpha(opacity=0);
69 font-size: [% css_fonts.size_biggest %];
74 font-size: [% css_fonts.size_bigger %];
79 font-size: [% css_fonts.size_bigger %];
88 div.select-box-wrapper {
101 background: [% css_colors.primary %];
108 color: [% css_colors.primary_fade %];
109 display:inline-block;
117 #dashboard span.dash-align a {
119 text-decoration: none;
126 #logout_link { left: 1px; }
128 #dash_checked { color: [% css_colors.text_attention %]; }
129 #dash_holds { color: [% css_colors.text_attention %]; }
130 #dash_pickup { color: [% css_colors.text_goodnews %]; }
133 #dash_fines { color: [% css_colors.text_badnews %]; }
134 the color contrast between "text_badnews" and "primary"
135 is too low for WCAG compliance. Use "text_attention"
136 for now until a better color is picked - if needed.
138 #dash_fines { color: [% css_colors.text_attention %]; }
140 #dash_wrapper #dash_user_message_button_container {
144 #dash_wrapper #unread_message_count_floater {
146 background-color: [% css_colors.text_alert %];
148 padding-right: 0.2em;
149 display: inline-block;
158 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
159 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
160 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
161 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
162 background-color: [% css_colors.primary_fade %];
165 color: [% css_colors.background %];
168 font-size: [% css_fonts.size_small %];
172 color: [% css_colors.background %];
176 color: [% css_colors.text_invert %];
177 text-decoration: none;
181 color: [% css_colors.text_invert %];
182 font-size: [% css_fonts.size_small %];
190 color: [% css_colors.text_invert %];
194 text-decoration: none;
197 #header-links a:hover {
198 color: [% css_colors.text_invert %];
199 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
200 text-decoration: none;
203 #header #header-links2 {
206 color: [% css_colors.text_invert %];
207 padding-bottom: 15px;
210 #header #header-links2 a {
211 color: [% css_colors.text_invert %];
214 #header #header-links2 a:hover {
215 text-decoration: underline;
234 background: [% css_colors.background_invert %];
244 border-bottom: 1px solid [% css_colors.border_standard %];
246 background: [% css_colors.background %];
249 #search-wrapper #breadcrumb {
251 font-size: [% css_fonts.size_smaller %];
255 #search-wrapper #search-within {
262 #search-wrapper #breadcrumb a {
263 color: [% css_colors.text %];
266 #search-wrapper #search_frm label {
267 font-size: [% css_fonts.size_smaller %];
270 #search-wrapper #search-box {
274 padding-bottom: 10px;
277 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
282 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
285 vertical-align: middle;
287 margin: 10px 7px 0px 0px;
288 padding: 10px 0px 10px 0px;
289 -moz-border-radius: 10px 10px 0px 0px;
290 border-radius: 10px 10px 0px 0px;
292 color: [% css_colors.text_invert %];
293 background: [% css_colors.control %];
295 text-decoration: none;
298 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
299 padding: 1em 1em 0.5em;
302 #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 {
303 background: [% css_colors.primary %];
304 color: [% css_colors.text_invert %];
305 text-decoration: none;
308 #adv_search_filters {
319 .adv_filter_block_item {
338 padding-left: 10px !important;
341 #adv_search.on, #num_search.on, #expert_search.on {
342 color: [% css_colors.accent_darker %];
343 background: [% css_colors.background %];
344 text-decoration: none;
347 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
348 color: [% css_colors.accent_darker %];
349 background: [% css_colors.background %];
350 text-decoration: none;
354 background: [% css_colors.control %];
357 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
359 font-size: [% css_fonts.size_smaller %];
360 color: [% css_colors.accent_darker %];
361 padding: 10px 10px 10px 10px;
364 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
365 background: [% css_colors.accent_lightest %];
366 color: [% css_colors.accent_darker %];
369 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
370 padding-bottom: 12px;
371 color: [% css_colors.accent_medium %];
374 #acct_select, #acct_prefs_select {
378 #mobile_acct_search_links {
379 background: [% css_colors.primary_fade %];
383 padding: 5px 7px 6px 0px;
385 border-bottom: 1px dotted [% css_colors.accent_light %];
389 color:[% css_colors.primary_fade %];
391 font-size: [% css_fonts.size_bigger %];
394 .rdetail_result_count {
395 color: [% css_colors.text %];
398 display: inline-block;
401 .rdetail_result_nav {
404 display: inline-block;
407 #rdetail_details_table {
411 #rdetail_image { border: none; }
412 #rdetail_image_cell {
421 padding: 0.5em 1em 0.5em 1em;
422 background-color: [% css_colors.accent_lighter2 %];
424 div.rdetail_uris ul li {
429 div.rdetail_show_copies {
433 div#rdetail_actions_div {
435 background: [% css_colors.background %];
438 span#rdetail_copy_counts {
439 display: inline-block;
446 span#rdetail_hold_counts {
447 display: inline-block;
450 span#rdetail_hold_counts p {
460 border-left:1px dotted [% css_colors.accent_light %];
467 border-bottom: 1px dotted [% css_colors.accent_light %];
471 div.toggle_list { padding-top: 6px; }
475 border-top: 1px dotted [% css_colors.accent_light %];
484 border-bottom: 1px dotted [% css_colors.accent_light %];
504 #rdetails_status td {
505 padding: 7px 0px 3px 13px;
509 #rdetails_status td[headers=copy_header_library],
510 #rdetails_status td[headers=copy_header_shelfloc] {
514 #rdetails_status thead th {
515 background-color: [% css_colors.accent_lighter2 %];
516 padding: 13px 0px 13px 13px;
517 font-size: [% css_fonts.size_smaller %];
522 #rdetails_status tbody td {
526 #rdetails_status tbody td.copy_note {
527 color: [% css_colors.primary %];
529 white-space:pre-wrap !important;
534 background: [% css_colors.primary_fade %];
535 border: 1px solid [% css_colors.primary %];
540 #rdetail_extras_div {
546 background: [% css_colors.accent_light %];
551 .rdetail_extras_link {
553 font-size: [% css_fonts.size_smaller %];
557 .rdetail_extras_lbl {
558 color: [% css_colors.text_invert %];
559 text-decoration: none;
562 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
566 #rdetail_locs_expand, #rdetail_locs_collapse {
572 #rdetail_anotes_div .biography {
576 .almost-content-wrapper {
577 background: [% css_colors.background %];
581 background: [% css_colors.background %];
583 border-bottom: 1px solid [% css_colors.border_dark %];
586 .content-wrapper-record-page { top: -15px; position: relative; }
598 #main-content-after-bar {
603 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
605 #main-content .login_boxes {
606 border: 1px solid [% css_colors.accent_lighter %];
607 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
608 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
609 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
610 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
611 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
613 color: [% css_colors.accent_darker %];
616 #main-content .login_boxes h1 {
618 font-size: [% css_fonts.size_biggest %];
622 #main-content .left_brain {
627 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
631 background: [% css_colors.background %];
632 font-size: [% css_fonts.size_bigger %];
633 color: [% css_colors.text %];
636 #main-content .left_brain .input_bg {
637 padding:10px 10px 0px 13px;
650 font-size: [% css_fonts.size_biggest %];
654 #login-failed-message {
655 font-size: [% css_fonts.size_bigger %];
657 color: [% css_colors.text_alert %];
661 #holds_temp_parent td {
662 border-bottom:1px solid [% css_colors.border_standard %];
665 #holds_temp_parent input, #holds_temp_parent select {
669 #holds_temp_parent tr td div {
674 #holds_temp_parent tr td div.format_icon {
680 #results_header_bar {
681 background: [% css_colors.accent_medium %];
682 border-top:1px solid [% css_colors.accent_mediumdark %];
683 border-bottom:1px solid [% css_colors.accent_mediumdark %];
686 .results_header_lbl {
689 color: [% css_colors.text %];
690 /* this border is not visible, but it keeps these labels the same size
692 border: 1px solid [% css_colors.accent_medium %];
693 background: [% css_colors.accent_medium %];
697 /* we need a negative margin on the select to allow the containing <label>
698 to determine the actual size of the element. By doing this, we can increase
699 the odds that the buttons and the select will be the same size, and therefore
700 collapse correctly when the window width decreases */
701 .results_header_lbl select {
705 #limit_to_available {
706 vertical-align: middle;
709 .results_header_sel {
715 .results_header_nav1 {
716 padding: 5px 7px 6px 0px;
717 border-bottom: 1px dotted [% css_colors.accent_light %];
720 .results_header_nav1 .h1 {
721 font-size: [% css_fonts.size_bigger %];
723 color:[% css_colors.primary_fade %];
726 .table_no_border_space {
729 .table_no_cell_pad td {
733 border-collapse: collapse;
736 #result_table_table {
744 tr.result_table_row > td.results_row_count,
745 tr.result_table_row > td.result_table_pic_header,
746 tr.result_table_row > td.result_table_title_cell {
756 tr.result_table_row:nth-child(n+2) > td {
757 border-top: 1px solid [% css_colors.accent_lighter2 %];
760 tr.result_table_row > td.result_table_pic_header {
771 .result_count_number {
775 .result_table_subtable {
780 div.result_table_utils_cont {
788 #myopac_summary_div p {
793 #acct_sum_checked_table td {
797 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
798 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
800 #zero_search_hits p {
808 #zero_search_hits #spell_check_link {
811 #zero_search_hits #zero_hits_suggestions {
817 background: [% css_colors.accent_light %];
822 .results_info_table td {
826 #myopac_holds_main_table {
827 border-collapse: collapse;
830 #myopac_holds_main_table td {
831 border: 1px solid [% css_colors.border_dark %];
835 #myopac_prefs_div .data_grid {
836 border-collapse:collapse;
839 #myopac_prefs_div .data_grid td {
840 background:[% css_colors.accent_ultralight %];
841 border-bottom:3px solid [% css_colors.background %];
842 padding:6px 0px 7px 17px;
847 font-size: [% css_fonts.size_bigger %];
849 color:[% css_colors.primary_fade %];
850 padding: 0px 7px 0px 0px;
851 border-bottom: 1px dotted [% css_colors.accent_light %];
865 border-collapse: collapse;
866 background: [% css_colors.accent_ultralight %];
870 border-bottom: 2px solid white;
878 text-transform: none;
883 .acct_sum_table .view_link {
889 padding: 15px 0px 0px 23px;
890 background: [% css_colors.accent_ultralight %];
895 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
897 .acct_holds_temp td {
901 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
903 /*padding-left:10px;*/
906 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header {
907 border-collapse: collapse;
911 text-transform: none;
915 .hold_note_title { font-weight: bold; }
917 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td {
918 background: [% css_colors.accent_lighter2 %];
922 #acct_checked_main_header th, #acct_holds_main_header th, #acct_checked_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th {
924 padding: 0px 10px 0px 10px;
927 #acct_list_header select, #acct_list_header_anon select {
932 .search_catalog_lbl {
933 font-size: [% css_fonts.size_bigger %];
935 .adv_search_catalog_lbl {
936 font-size: [% css_fonts.size_bigger %];
939 .browse_the_catalog_lbl {
940 font-size: [% css_fonts.size_bigger %];
944 font-size: [% css_fonts.size_bigger %];
949 font-size: [% css_fonts.size_smaller %];
956 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
957 background: [% css_colors.primary_fade %];
962 #fines_payments_wrapper {
967 .myopac_payments_table th { text-align: left; }
968 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
969 .myopac_payments_table thead th:first-child { width: 8em; }
970 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
971 .myopac_payments_table form { display: inline; }
972 .myopac_payments_table input[type="submit"] { padding: 1px; }
975 font-weight: bold; color: [% css_colors.text_alert %];
976 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
979 .payment-processing {
981 color: [% css_colors.text_greatnews %];
982 font-size: [% css_fonts.size_bigger %];
983 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
986 #adv_search_input { width: 100%; }
990 #search-submit-spinner {
994 div.adv_search_available {
1002 font-size: [% css_fonts.size_bigger %];
1007 width:100px !important;
1008 text-align: center !important;
1011 .chili_review div.chili_link div {
1015 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1016 /* some facet styling */
1017 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1018 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1019 .facetClassLabel { font-weight: bold; text-align: center; }
1020 .facetFieldContainer { }
1021 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1022 .extraFacetFieldsWrapper { }
1023 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1024 .facetFieldLineCount {
1025 display: inline-block;
1026 border-right: 1px solid [% css_colors.accent_light %];
1027 color: [% css_colors.accent_mediumdark %];
1031 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1032 .facetFields { padding-left: 5px; }
1033 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1045 .facet_box_temp .header {
1047 background:[% css_colors.primary %];
1048 -moz-border-top-left-radius: 5px;
1049 border-top-left-radius: 5px;
1050 -moz-border-top-right-radius: 5px;
1051 border-top-right-radius: 5px;
1053 color:[% css_colors.text_invert %];
1057 .facet_box_temp .header .title {
1063 /* in this context, where h4 is primarily for structure,
1064 avoid the normal large font and margin for h4's */
1065 .facet_box_temp h4 {
1070 .facet_box_temp .header a.button {
1074 color:[% css_colors.text_invert %];
1077 .facet_box_wrapper .box_wrapper .box {
1078 border-top:1px solid [% css_colors.border_standard %];
1079 border-left:1px solid [% css_colors.border_standard %];
1080 border-right:1px solid [% css_colors.border_standard %];
1087 box-sizing: border-box;
1088 -moz-box-sizing: border-box;
1094 .facet_template div {
1095 display: table-cell;
1099 .facet_template .count {
1101 color: [% css_colors.accent_mediumdark %];
1104 .facet_template_selected {
1105 background-color: [% css_colors.accent_lighter2 %];
1106 border: 1px solid [% css_colors.accent_medium %];
1110 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1111 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1112 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1113 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1114 background-color: [% css_colors.primary %];
1119 padding-bottom: 10px;
1121 font-size: [% css_fonts.size_small %];
1125 color: [% css_colors.text_invert %];
1126 text-decoration: none;
1127 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1130 #copyright_text, #footer_logo {
1131 color: [% css_colors.text_invert %];
1138 .advanced_div { padding-top: 15px; }
1139 #adv_global_search { width: 100%; }
1140 #adv_global_search select { width: 13em; }
1141 #adv_global_addrow td { padding-top: 7px; }
1142 #adv_global_input_table { width: 100%; }
1143 #adv_global_input_table select { width: 7em; }
1145 font-size: [% css_fonts.size_smaller %];
1146 color: [% css_colors.text_alert %];
1148 #acct_prefs_header { float: left; }
1149 .search_page_nav_link {
1153 #opac.result.sort { width: 160px; }
1154 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1155 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1156 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1157 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1158 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1159 #adv_search_refine {
1160 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1162 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1164 background-color: [% css_colors.background %];
1165 color: [% css_colors.primary %]; text-decoration: none;
1166 padding: 0; border: 0; margin: 0;
1167 vertical-align: middle;
1169 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1170 .no-dec:hover { text-decoration: none; }
1171 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1173 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1174 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1175 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1176 a.dash-link:hover { text-decoration: underline !important; }
1177 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1178 #list_create_table {
1179 background-color: [% css_colors.accent_light %];
1180 padding-bottom: 4px;
1181 margin-bottom: 10px;
1182 border-bottom: 1px dotted [% css_colors.accent_medium %];
1184 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1185 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1186 .results_row_count { font-weight: bold; }
1187 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1188 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1189 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1190 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1191 #hold_editor_table th { text-align: right; padding-right: 1em; }
1192 #hold_editor_table td { padding: 0.25em 0; }
1193 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1194 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1195 .hold-editor-controls a { padding-left: 2em; }
1197 .text-right { text-align: right; }
1198 .text-right-top { text-align: right; vertical-align: top; }
1199 .rdetail-author-div {
1200 padding-bottom: 10px;
1201 display: inline-block;
1204 .invisible { visibility: hidden; }
1205 .rdetail-extras-summary { margin: 10px; }
1206 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1207 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1208 .expert-search-row { padding-top: 10px; }
1209 #adv_expert_row label { font-weight: bold; }
1211 .bookshelf tr.browse_border td {
1212 border-bottom: 1px dashed [% css_colors.accent_dark %];
1215 padding-bottom: 1ex;
1217 .cn_browse_item { padding: 2ex; }
1218 .results-paginator-list { padding-left: 1em; }
1219 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1220 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1221 .unread-patron-message { font-weight: bold; }
1223 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1224 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1225 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1227 .hold_success_links > span { margin: 0 2em; }
1229 .mr_holds_no_formats {
1234 color: [% css_colors.text_invert %];
1235 background: [% css_colors.primary %];
1238 .holds_item_row_separator td {
1239 border-top: 2px dashed [% css_colors.accent_medium %];
1242 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1244 .results_header_btns, .results_header_sel {
1249 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1250 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1253 .opac-multiline-button > a,
1254 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1255 color: [% css_colors.button_text %];
1257 text-decoration: none;
1258 cursor: pointer !important;
1259 -moz-border-radius: 5px;
1261 border: 1px solid [% css_colors.primary %];
1262 background: [% css_colors.primary_fade %];
1265 display: inline-block;
1268 .opac-multiline-button > a:hover,
1269 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1270 background: [% css_colors.primary %];
1273 .opac-button:disabled {
1274 color: [% css_colors.accent_medium %];
1275 cursor: pointer !important;
1276 border: 1px solid [% css_colors.accent_light %];
1277 background-color: [% css_colors.accent_lighter %];
1280 /* Firefox adds its own special space to inputs; this gets us closer */
1281 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1286 .opac-button-header, #dash_wrapper .opac-button {
1287 background: [% css_colors.control %];
1288 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1289 font-size: [% css_fonts.size_base %];
1291 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1292 border-color: [% css_colors.control %];
1295 .opac-multiline-button > a {
1296 display: inline-block;
1299 #myopac_checked_div {
1303 .rdetail-mfhd-head {
1306 background-color: [% css_colors.table_heading %];
1309 .rdetail-mfhd-type {
1313 .rdetail-mfhd-bottom {
1314 border-bottom: thin solid [% css_colors.border_dark %];
1318 #rdetail_record_details {
1325 padding-left: 1.5em;
1328 .rdetail_content_type, .rdetail_subject_type {
1329 vertical-align: top;
1333 .bookbag-item-row td { vertical-align: top; }
1335 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1337 color: [% css_colors.text_greatnews %];
1341 .rdetail_related_subjects {
1345 .rdetail_related_series {
1353 .rdetail_openurl_entry {
1357 .bookbag-controls-holder { width: 100%; }
1358 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1359 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1360 .bookbag-controls-holder .most {
1364 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1365 .bookbag-share .fixed { min-width: 4em; }
1366 .bookbag-specific { margin-left: 1em; }
1367 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1368 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1369 #bbag-name-desc-form tr th { vertical-align: middle; }
1370 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1371 .bookbag-description {
1376 #bbag-edit-description { width: 20em; }
1377 #bbag-edit-name { width: 20em; }
1378 textarea { font-family: sans-serif; }
1379 table.bookbag-specific {
1380 border-right: 1px solid [% css_colors.accent_dark %];
1381 border-bottom: 1px solid [% css_colors.accent_medium %];
1390 padding: 5px 0px 0px 10px;
1393 .bookbag-specific td.list_checkbox {
1394 padding-left: 10px !important;
1396 .bookbag-specific td.list_entry {
1398 padding-left: 5px !important;
1400 .bookbag-specific td.list_actions {
1401 white-space: nowrap !important;
1403 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1406 padding: 8px 0px 6px 0px;
1409 font-size: [% css_fonts.size_bigger %];
1413 .save-notes { padding-bottom: 1.5ex; }
1415 .nonbreaking-wrapper {
1416 display: inline-block;
1419 /* Moved from semiauto.css */
1420 .adv_global_input_container {
1421 border-bottom: none;
1425 border-bottom: none;
1428 .adv_global_filter_sort {
1432 .clear-both { clear: both; }
1443 .alert { color: [% css_colors.text_alert %]; }
1444 .float-left { float: left; }
1445 .float-right { float: right; }
1447 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1448 .saved-searches-header .button { float: right; width: 28px; }
1449 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1450 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1451 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1452 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1453 border-right: 1px solid [% css_colors.accent_darker %];
1455 .result_item_circulated {
1459 .result_item_circulated span {
1465 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1466 #result-bookbag-heading { text-align: center; margin: 2ex; }
1468 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1469 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1470 .result-bookbag-item-note { font-style: italic; }
1471 .lowhits-bookbag-name { font-weight: bold; }
1472 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1473 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1474 .oils_AS_match_field {
1475 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1476 text-align: right; color: [% css_colors.accent_medium %];
1478 table.result_holdings_table {
1482 table.result_holdings_table thead tr {
1483 background: [% css_colors.table_heading %];
1485 table.result_holdings_table thead tr th {
1489 margin: 0 2em 0 2em;
1492 vertical-align: super;
1493 font-size: [% css_fonts.size_smaller %];
1494 line-height: normal;
1495 text-decoration: none;
1497 .rdetail-holding-group { margin-left: 1.5em; }
1498 .rdetail-holding-group span { margin-left: 1.5em; }
1499 .rdetail-holding-group .paging { margin-left: 1.5em; }
1500 #rdetail_deleted_exp {
1504 border: thick solid [% css_colors.border_alert %];
1507 #ac_tab_wrapper { width : 100%; }
1508 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1509 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1510 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1511 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1513 /* Popmenu styles used for making css menus. */
1527 width: 10em; /* Width to help Opera out */
1528 background-color: [% css_colors.primary %];
1530 .popmenu li:hover ul {
1535 border-color: [% css_colors.border_dark %];
1537 border-style: solid;
1539 .popmenu li:hover li {
1542 .popmenu li:hover li a {
1543 background-color: [% css_colors.primary %];
1544 color: [% css_colors.accent_ultralight %];
1546 .popmenu li li a:hover {
1547 background-color: [% css_colors.accent_ultralight %];
1548 color: [% css_colors.primary %];
1550 /* Styles for the temporary list entry. */
1551 .popmenu li:hover li[class~="temporary"] a {
1552 background-color: [% css_colors.primary %];
1553 color: [% css_colors.accent_ultralight %];
1555 .popmenu li li[class~="temporary"] a:hover {
1556 background-color: [% css_colors.accent_ultralight %];
1557 color: [% css_colors.primary %];
1559 /* Styles for the default list entry. */
1560 .popmenu li:hover li[class~="default"] a {
1561 background-color: [% css_colors.primary %];
1562 color: [% css_colors.accent_ultralight %];
1564 .popmenu li li[class~="default"] a:hover {
1565 background-color: [% css_colors.accent_ultralight %];
1566 color: [% css_colors.primary %];
1568 /* Styles for the new list entry. */
1569 .popmenu li:hover li[class~="new"] a {
1570 background-color: [% css_colors.primary %];
1571 color: [% css_colors.accent_ultralight %];
1573 .popmenu li li[class~="new"] a:hover {
1574 background-color: [% css_colors.accent_ultralight %];
1575 color: [% css_colors.primary %];
1577 /* Style to add a divider on the menu. */
1578 .popmenu li li[class~="divider"] {
1579 border-bottom-width: 1px;
1580 border-bottom-color: [% css_colors.border_dark %];
1581 border-bottom-style: solid;
1584 #locale_picker_form {
1588 border-right: thin [% css_colors.control %] solid;
1591 #locale_picker_form * {
1594 vertical-align: middle;
1597 #patron_usr_barcode_not_found {
1598 font-weight: bold; color: [% css_colors.text_alert %];
1611 padding-bottom: 0.5em;
1615 #maintenance_message {
1618 background-color: [% css_colors.text_alert %];
1619 color: [% css_colors.text_invert %];
1623 #search-box > span {
1630 .browse-result-sources, .browse-result-authority-bib-links {
1633 .browse-result-best-match {
1639 .browse-result-list {
1640 padding-bottom: 0.5ex;
1643 font-size: [% css_fonts.size_bigger %];
1645 .browse-result-authority-field-name {
1649 .browse-leading-article-warning {
1651 font-size: [% css_fonts.size_big %];
1653 .browse-public-general-note {
1654 font-size: [% css_fonts.size_big %];
1656 .browse-public-general-note-label { }
1657 .browse-public-general-note-institution {
1661 .browse-public-general-note-body {
1669 #main-content-register {
1671 font-size: [% css_fonts.size_bigger %];
1674 #main-content-register table {
1677 border-collapse: collapse;
1680 #main-content-register td {
1684 #main-content-register td:not(:first-child) {
1688 .patron-reg-invalid {
1691 padding-right: 10px;
1694 .result_footer_nav1 {
1698 .small_view_only, #refine_hits, #return_to_hits {
1702 .rdetail_authors_div {
1706 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1707 white-space: nowrap;
1708 display: inline-block;
1711 .result_table_title_cell {
1713 padding-bottom: 4px;
1717 font-size: [% css_fonts.size_bigger %];
1720 /* styling for sms text call number */
1722 font-family: Arial, Helvetica, sans-serif;
1723 font-size: [% css_fonts.size_medium %];
1724 background: [% css_colors.accent_lightest %];
1726 /* Allow text to wrap */
1727 white-space: pre-wrap; /* css-3 */
1728 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1729 white-space: -pre-wrap; /* Opera 4-6 */
1730 white-space: -o-pre-wrap; /* Opera 7 */
1731 word-wrap: break-word; /* Internet Explorer 5.5+ */
1738 /* patron message center */
1739 #myopac_message_tbody {
1740 vertical-align: top;
1742 .myopac_message_message {
1746 @media only screen and (max-width: 800px) {
1747 .facet_sidebar_hidden, .result_block_hidden {
1750 .facet_sidebar_visible, .result_block_visible {
1751 display: inline ! important;
1753 #acct_select, #acct_prefs_select {
1754 display: inline-block;
1756 #acct_tabs, #acct_prefs_tabs {
1761 @media only screen and (max-width: 600px) {
1763 font-size: [% css_fonts.size_big %];
1765 span .nav_arrow_fix {
1772 #homesearch_main_logo img {
1782 #your-acct-login a {
1792 #locale_picker_form {
1795 #gold-links-holder {
1798 #simple-detail-view-links {
1801 #acct_tabs a, #acct_fines_tabs a {
1802 padding: 2px 4px 3px 4px;
1803 -moz-border-radius: 6px 6px 0px 0px;
1804 border-radius: 6px 6px 0px 0px;
1805 font-size: [% css_fonts.size_base %];
1806 margin: 0px 5px 0px 0px;
1810 background: transparent;
1817 #dash_wrapper .opac-button {
1821 display: inline !important;
1829 #holds_box form blockquote {
1833 #holds_box form blockquote select {
1836 #myopac_sum_fines_placehold {
1842 .results_header_lbl {
1845 .results_header_nav1 span.h1 {
1851 .start_end_links_span {
1857 .result_table_pic_header {
1858 padding-left: 0px !important;
1860 width: 0px !important;
1868 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1871 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1872 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1875 .results_info_table td {
1878 #results_header_bar {
1879 background-color: inherit;
1881 .results_header_btns a {
1887 #rdetails_status thead {
1890 #rdetails_status tr {
1894 #rdetails_status td {
1899 background-color: [% css_colors.accent_lightest %];
1901 .copy_details_offers_row {
1902 background-color: [% css_colors.accent_lightest %];
1904 select#pickup_lib.search-wrapper-locg {
1907 #search-wrapper #search-box {
1911 #main-content-home {
1915 /* Make use of full width in mobile mode */
1916 .facet_box_wrapper .box_wrapper .box,
1917 .facet_template .facet,
1921 .facet_template .count {
1927 #adv_search_parent {
1928 font-size: [% css_fonts.size_smaller %];
1930 #adv_search_filters {
1937 .rdetail_aux_utils {
1944 div#rdetail_actions_div {
1950 .search_catalog_lbl {
1952 white-space: nowrap;
1954 .adv_search_catalog_lbl {
1956 white-space: nowrap;
1958 .browse_the_catalog_lbl {
1959 white-space: nowrap;
1971 .dash_account_buttons {
1974 .searchbar { line-height: 1.5em; }
1975 #browse-controls { line-height: 1.5em; }
1976 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1983 .bookshelf table thead tr {
1986 #lowhits_help { width: inherit; }
1988 font-size: [% css_fonts.size_small %];
1989 margin: 2px 2px 0px 2px;
1990 padding: 2px 2px 5px 2px;
1991 -moz-border-radius: 10px 0px 0px 0px;
1992 border-radius: 7px 7px 0px 0px;
1994 #adv_global_tbody td {
1995 border-bottom: thin solid [% css_colors.accent_light %];
1997 #adv_global_addrow td {
1998 border-bottom: none;
2000 /* Force table to not be like tables anymore */
2001 table#acct_checked_main_header thead tr th {
2004 table#acct_checked_main_header tbody tr td {
2008 /* Hide table headers (but not display: none;, for accessibility) */
2015 table#acct_checked_main_header tr { border: 1px solid #ddd; }
2017 table#acct_checked_main_header td {
2018 /* Behave like a "row" */
2020 border-bottom: 1px solid #eee;
2025 table#acct_checked_main_header td:before {
2026 /* Now like a table header */
2028 /* Top/left values mimic padding */
2031 padding-right: 10px;
2032 white-space: nowrap;
2035 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2036 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
2037 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
2038 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
2039 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
2040 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
2042 table#acct_holds_main_header thead tr th {
2045 table#acct_holds_main_header tbody tr td {
2049 table#acct_holds_main_header td {
2050 /* Behave like a "row" */
2052 border-bottom: 1px solid #eee;
2058 table#acct_holds_main_header td:before {
2059 /* Now like a table header */
2061 /* Top/left values mimic padding */
2064 padding-right: 10px;
2065 white-space: nowrap;
2068 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2069 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2070 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2071 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2072 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2073 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2074 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2075 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2076 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2077 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2079 /*Want to see these in mobile ONLY */
2084 .mobile_search_lbl_clr{
2085 color:[% css_colors.mobile_header_text %];
2091 For text which is visible only to screen readers.
2092 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2093 See also http://webaim.org/techniques/css/invisiblecontent/
2102 clip: rect(0, 0, 0, 0);