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 {
1225 font-size: [% css_fonts.size_bigger %];
1226 margin-bottom: 20px;
1228 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1230 .hold_success_links > span { margin: 0 2em; }
1232 .radio-parts-selection {
1234 margin-bottom: 20px;
1237 .parts-radio-option {
1238 display: inline-block;
1242 .mr_holds_no_formats {
1247 color: [% css_colors.text_invert %];
1248 background: [% css_colors.primary %];
1251 .holds_item_row_separator td {
1252 border-top: 2px dashed [% css_colors.accent_medium %];
1255 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1257 .results_header_btns, .results_header_sel {
1262 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1263 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1266 .opac-multiline-button > a,
1267 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1268 color: [% css_colors.button_text %];
1270 text-decoration: none;
1271 cursor: pointer !important;
1272 -moz-border-radius: 5px;
1274 border: 1px solid [% css_colors.primary %];
1275 background: [% css_colors.primary_fade %];
1278 display: inline-block;
1281 .opac-multiline-button > a:hover,
1282 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1283 background: [% css_colors.primary %];
1286 .opac-button:disabled {
1287 color: [% css_colors.accent_medium %];
1288 cursor: pointer !important;
1289 border: 1px solid [% css_colors.accent_light %];
1290 background-color: [% css_colors.accent_lighter %];
1293 /* Firefox adds its own special space to inputs; this gets us closer */
1294 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1299 .opac-button-header, #dash_wrapper .opac-button {
1300 background: [% css_colors.control %];
1301 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1302 font-size: [% css_fonts.size_base %];
1304 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1305 border-color: [% css_colors.control %];
1308 .opac-multiline-button > a {
1309 display: inline-block;
1312 #myopac_checked_div {
1316 .rdetail-mfhd-head {
1319 background-color: [% css_colors.table_heading %];
1322 .rdetail-mfhd-type {
1326 .rdetail-mfhd-bottom {
1327 border-bottom: thin solid [% css_colors.border_dark %];
1331 #rdetail_record_details {
1338 padding-left: 1.5em;
1341 .rdetail_content_type, .rdetail_subject_type {
1342 vertical-align: top;
1346 .bookbag-item-row td { vertical-align: top; }
1348 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1350 color: [% css_colors.text_greatnews %];
1354 .rdetail_related_subjects {
1358 .rdetail_related_series {
1366 .rdetail_openurl_entry {
1370 .bookbag-controls-holder { width: 100%; }
1371 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1372 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1373 .bookbag-controls-holder .most {
1377 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1378 .bookbag-share .fixed { min-width: 4em; }
1379 .bookbag-specific { margin-left: 1em; }
1380 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1381 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1382 #bbag-name-desc-form tr th { vertical-align: middle; }
1383 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1384 .bookbag-description {
1389 #bbag-edit-description { width: 20em; }
1390 #bbag-edit-name { width: 20em; }
1391 textarea { font-family: sans-serif; }
1392 table.bookbag-specific {
1393 border-right: 1px solid [% css_colors.accent_dark %];
1394 border-bottom: 1px solid [% css_colors.accent_medium %];
1403 padding: 5px 0px 0px 10px;
1406 .bookbag-specific td.list_checkbox {
1407 padding-left: 10px !important;
1409 .bookbag-specific td.list_entry {
1411 padding-left: 5px !important;
1413 .bookbag-specific td.list_actions {
1414 white-space: nowrap !important;
1416 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1419 padding: 8px 0px 6px 0px;
1422 font-size: [% css_fonts.size_bigger %];
1426 .save-notes { padding-bottom: 1.5ex; }
1428 .nonbreaking-wrapper {
1429 display: inline-block;
1432 /* Moved from semiauto.css */
1433 .adv_global_input_container {
1434 border-bottom: none;
1438 border-bottom: none;
1441 .adv_global_filter_sort {
1445 .clear-both { clear: both; }
1456 .alert { color: [% css_colors.text_alert %]; }
1457 .float-left { float: left; }
1458 .float-right { float: right; }
1460 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1461 .saved-searches-header .button { float: right; width: 28px; }
1462 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1463 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1464 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1465 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1466 border-right: 1px solid [% css_colors.accent_darker %];
1468 .result_item_circulated {
1472 .result_item_circulated span {
1478 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1479 #result-bookbag-heading { text-align: center; margin: 2ex; }
1481 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1482 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1483 .result-bookbag-item-note { font-style: italic; }
1484 .lowhits-bookbag-name { font-weight: bold; }
1485 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1486 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1487 .oils_AS_match_field {
1488 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1489 text-align: right; color: [% css_colors.accent_medium %];
1491 table.result_holdings_table {
1495 table.result_holdings_table thead tr {
1496 background: [% css_colors.table_heading %];
1498 table.result_holdings_table thead tr th {
1502 margin: 0 2em 0 2em;
1505 vertical-align: super;
1506 font-size: [% css_fonts.size_smaller %];
1507 line-height: normal;
1508 text-decoration: none;
1510 .rdetail-holding-group { margin-left: 1.5em; }
1511 .rdetail-holding-group span { margin-left: 1.5em; }
1512 .rdetail-holding-group .paging { margin-left: 1.5em; }
1513 #rdetail_deleted_exp {
1517 border: thick solid [% css_colors.border_alert %];
1520 #ac_tab_wrapper { width : 100%; }
1521 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1522 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1523 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1524 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1526 /* Popmenu styles used for making css menus. */
1540 width: 10em; /* Width to help Opera out */
1541 background-color: [% css_colors.primary %];
1543 .popmenu li:hover ul {
1548 border-color: [% css_colors.border_dark %];
1550 border-style: solid;
1552 .popmenu li:hover li {
1555 .popmenu li:hover li a {
1556 background-color: [% css_colors.primary %];
1557 color: [% css_colors.accent_ultralight %];
1559 .popmenu li li a:hover {
1560 background-color: [% css_colors.accent_ultralight %];
1561 color: [% css_colors.primary %];
1563 /* Styles for the temporary list entry. */
1564 .popmenu li:hover li[class~="temporary"] a {
1565 background-color: [% css_colors.primary %];
1566 color: [% css_colors.accent_ultralight %];
1568 .popmenu li li[class~="temporary"] a:hover {
1569 background-color: [% css_colors.accent_ultralight %];
1570 color: [% css_colors.primary %];
1572 /* Styles for the default list entry. */
1573 .popmenu li:hover li[class~="default"] a {
1574 background-color: [% css_colors.primary %];
1575 color: [% css_colors.accent_ultralight %];
1577 .popmenu li li[class~="default"] a:hover {
1578 background-color: [% css_colors.accent_ultralight %];
1579 color: [% css_colors.primary %];
1581 /* Styles for the new list entry. */
1582 .popmenu li:hover li[class~="new"] a {
1583 background-color: [% css_colors.primary %];
1584 color: [% css_colors.accent_ultralight %];
1586 .popmenu li li[class~="new"] a:hover {
1587 background-color: [% css_colors.accent_ultralight %];
1588 color: [% css_colors.primary %];
1590 /* Style to add a divider on the menu. */
1591 .popmenu li li[class~="divider"] {
1592 border-bottom-width: 1px;
1593 border-bottom-color: [% css_colors.border_dark %];
1594 border-bottom-style: solid;
1597 #locale_picker_form {
1601 border-right: thin [% css_colors.control %] solid;
1604 #locale_picker_form * {
1607 vertical-align: middle;
1610 #patron_usr_barcode_not_found {
1611 font-weight: bold; color: [% css_colors.text_alert %];
1624 padding-bottom: 0.5em;
1628 #maintenance_message {
1631 background-color: [% css_colors.text_alert %];
1632 color: [% css_colors.text_invert %];
1636 #search-box > span {
1643 .browse-result-sources, .browse-result-authority-bib-links {
1646 .browse-result-best-match {
1652 .browse-result-list {
1653 padding-bottom: 0.5ex;
1656 font-size: [% css_fonts.size_bigger %];
1658 .browse-result-authority-field-name {
1662 .browse-leading-article-warning {
1664 font-size: [% css_fonts.size_big %];
1666 .browse-public-general-note {
1667 font-size: [% css_fonts.size_big %];
1669 .browse-public-general-note-label { }
1670 .browse-public-general-note-institution {
1674 .browse-public-general-note-body {
1682 #main-content-register {
1684 font-size: [% css_fonts.size_bigger %];
1687 #main-content-register table {
1690 border-collapse: collapse;
1693 #main-content-register td {
1697 #main-content-register td:not(:first-child) {
1701 .patron-reg-invalid {
1704 padding-right: 10px;
1707 .result_footer_nav1 {
1711 .small_view_only, #refine_hits, #return_to_hits {
1715 .rdetail_authors_div {
1719 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1720 white-space: nowrap;
1721 display: inline-block;
1724 .result_table_title_cell {
1726 padding-bottom: 4px;
1730 font-size: [% css_fonts.size_bigger %];
1733 /* styling for sms text call number */
1735 font-family: Arial, Helvetica, sans-serif;
1736 font-size: [% css_fonts.size_medium %];
1737 background: [% css_colors.accent_lightest %];
1739 /* Allow text to wrap */
1740 white-space: pre-wrap; /* css-3 */
1741 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1742 white-space: -pre-wrap; /* Opera 4-6 */
1743 white-space: -o-pre-wrap; /* Opera 7 */
1744 word-wrap: break-word; /* Internet Explorer 5.5+ */
1751 /* patron message center */
1752 #myopac_message_tbody {
1753 vertical-align: top;
1755 .myopac_message_message {
1756 white-space: pre-wrap;
1759 @media only screen and (max-width: 800px) {
1760 .facet_sidebar_hidden, .result_block_hidden {
1763 .facet_sidebar_visible, .result_block_visible {
1764 display: inline ! important;
1766 #acct_select, #acct_prefs_select {
1767 display: inline-block;
1769 #acct_tabs, #acct_prefs_tabs {
1772 .radio-parts-selection { width: 90%; }
1775 @media only screen and (max-width: 600px) {
1777 font-size: [% css_fonts.size_big %];
1779 span .nav_arrow_fix {
1786 #homesearch_main_logo img {
1796 #your-acct-login a {
1806 #locale_picker_form {
1809 #gold-links-holder {
1812 #simple-detail-view-links {
1815 #acct_tabs a, #acct_fines_tabs a {
1816 padding: 2px 4px 3px 4px;
1817 -moz-border-radius: 6px 6px 0px 0px;
1818 border-radius: 6px 6px 0px 0px;
1819 font-size: [% css_fonts.size_base %];
1820 margin: 0px 5px 0px 0px;
1824 background: transparent;
1831 #dash_wrapper .opac-button {
1835 display: inline !important;
1843 #holds_box form blockquote {
1847 #holds_box form blockquote select {
1850 #myopac_sum_fines_placehold {
1856 .results_header_lbl {
1859 .results_header_nav1 span.h1 {
1865 .start_end_links_span {
1871 .result_table_pic_header {
1872 padding-left: 0px !important;
1874 width: 0px !important;
1882 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1885 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1886 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1889 .results_info_table td {
1892 #results_header_bar {
1893 background-color: inherit;
1895 .results_header_btns a {
1901 #rdetails_status thead {
1904 #rdetails_status tr {
1908 #rdetails_status td {
1913 background-color: [% css_colors.accent_lightest %];
1915 .copy_details_offers_row {
1916 background-color: [% css_colors.accent_lightest %];
1918 select#pickup_lib.search-wrapper-locg {
1921 #search-wrapper #search-box {
1925 #main-content-home {
1929 /* Make use of full width in mobile mode */
1930 .facet_box_wrapper .box_wrapper .box,
1931 .facet_template .facet,
1935 .facet_template .count {
1941 #adv_search_parent {
1942 font-size: [% css_fonts.size_smaller %];
1944 #adv_search_filters {
1951 .rdetail_aux_utils {
1958 div#rdetail_actions_div {
1964 .search_catalog_lbl {
1966 white-space: nowrap;
1968 .adv_search_catalog_lbl {
1970 white-space: nowrap;
1972 .browse_the_catalog_lbl {
1973 white-space: nowrap;
1985 .dash_account_buttons {
1988 .searchbar { line-height: 1.5em; }
1989 #browse-controls { line-height: 1.5em; }
1990 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1997 .bookshelf table thead tr {
2000 #lowhits_help { width: inherit; }
2002 font-size: [% css_fonts.size_small %];
2003 margin: 2px 2px 0px 2px;
2004 padding: 2px 2px 5px 2px;
2005 -moz-border-radius: 10px 0px 0px 0px;
2006 border-radius: 7px 7px 0px 0px;
2008 #adv_global_tbody td {
2009 border-bottom: thin solid [% css_colors.accent_light %];
2011 #adv_global_addrow td {
2012 border-bottom: none;
2014 /* Force table to not be like tables anymore */
2015 table#acct_checked_main_header thead tr th {
2018 table#acct_checked_main_header tbody tr td {
2022 /* Hide table headers (but not display: none;, for accessibility) */
2029 table#acct_checked_main_header tr { border: 1px solid #ddd; }
2031 table#acct_checked_main_header td {
2032 /* Behave like a "row" */
2034 border-bottom: 1px solid #eee;
2039 table#acct_checked_main_header td:before {
2040 /* Now like a table header */
2042 /* Top/left values mimic padding */
2045 padding-right: 10px;
2046 white-space: nowrap;
2049 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2050 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
2051 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
2052 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
2053 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
2054 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
2056 table#acct_holds_main_header thead tr th {
2059 table#acct_holds_main_header tbody tr td {
2063 table#acct_holds_main_header td {
2064 /* Behave like a "row" */
2066 border-bottom: 1px solid #eee;
2072 table#acct_holds_main_header td:before {
2073 /* Now like a table header */
2075 /* Top/left values mimic padding */
2078 padding-right: 10px;
2079 white-space: nowrap;
2082 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2083 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2084 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2085 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2086 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2087 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2088 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2089 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2090 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2091 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2093 /*Want to see these in mobile ONLY */
2098 .mobile_search_lbl_clr{
2099 color:[% css_colors.mobile_header_text %];
2105 For text which is visible only to screen readers.
2106 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2107 See also http://webaim.org/techniques/css/invisiblecontent/
2116 clip: rect(0, 0, 0, 0);
2120 /* Make added rows in Expert Search have bold labels like the initial row */
2128 font-weight: lighter;
2132 #results-page-depth-hint {
2137 #clear-history-confirm {
2139 color: [% css_colors.text_badnews %];