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 %];
60 #search-wrapper select {
61 border:0px solid [% css_colors.border_dark %];
62 filter:alpha(opacity=0);
74 font-size: [% css_fonts.size_biggest %];
79 font-size: [% css_fonts.size_bigger %];
84 font-size: [% css_fonts.size_bigger %];
93 div.select-box-wrapper {
106 background: [% css_colors.primary %];
113 color: [% css_colors.primary_fade %];
114 display:inline-block;
122 #dashboard span.dash-align a {
124 text-decoration: none;
131 #logout_link { left: 1px; }
133 #dash_checked { color: [% css_colors.text_attention %]; }
134 #dash_holds { color: [% css_colors.text_attention %]; }
135 #dash_pickup { color: [% css_colors.text_goodnews %]; }
138 #dash_fines { color: [% css_colors.text_badnews %]; }
139 the color contrast between "text_badnews" and "primary"
140 is too low for WCAG compliance. Use "text_attention"
141 for now until a better color is picked - if needed.
143 #dash_fines { color: [% css_colors.text_attention %]; }
145 #dash_wrapper #dash_user_message_button_container {
149 #dash_wrapper #unread_message_count_floater {
151 background-color: [% css_colors.text_alert %];
153 padding-right: 0.2em;
154 display: inline-block;
163 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
164 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
165 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
166 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
167 background-color: [% css_colors.primary_fade %];
170 color: [% css_colors.background %];
173 font-size: [% css_fonts.size_small %];
177 color: [% css_colors.background %];
181 color: [% css_colors.text_invert %];
182 text-decoration: none;
186 color: [% css_colors.text_invert %];
187 font-size: [% css_fonts.size_small %];
195 color: [% css_colors.text_invert %];
199 text-decoration: none;
202 #header-links a:hover {
203 color: [% css_colors.text_invert %];
204 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
205 text-decoration: none;
208 #header #header-links2 {
211 color: [% css_colors.text_invert %];
212 padding-bottom: 15px;
215 #header #header-links2 a {
216 color: [% css_colors.text_invert %];
219 #header #header-links2 a:hover {
220 text-decoration: underline;
239 background: [% css_colors.background_invert %];
249 border-bottom: 1px solid [% css_colors.border_standard %];
251 background: [% css_colors.background %];
254 #search-wrapper #breadcrumb {
256 font-size: [% css_fonts.size_smaller %];
260 #search-wrapper #search-within {
267 #search-wrapper #breadcrumb a {
268 color: [% css_colors.text %];
271 #search-wrapper #search_frm label {
272 font-size: [% css_fonts.size_smaller %];
275 #search-wrapper #search-box {
279 padding-bottom: 10px;
282 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
287 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
290 vertical-align: middle;
292 margin: 10px 7px 0px 0px;
293 padding: 10px 0px 10px 0px;
294 -moz-border-radius: 10px 10px 0px 0px;
295 border-radius: 10px 10px 0px 0px;
297 color: [% css_colors.text_invert %];
298 background: [% css_colors.control %];
300 text-decoration: none;
303 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
304 padding: 1em 1em 0.5em;
307 #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 {
308 background: [% css_colors.primary %];
309 color: [% css_colors.text_invert %];
310 text-decoration: none;
313 #adv_search_filters {
324 .adv_filter_block_item {
343 padding-left: 10px !important;
346 #adv_search.on, #num_search.on, #expert_search.on {
347 color: [% css_colors.accent_darker %];
348 background: [% css_colors.background %];
349 text-decoration: none;
352 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
353 color: [% css_colors.accent_darker %];
354 background: [% css_colors.background %];
355 text-decoration: none;
359 background: [% css_colors.control %];
362 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
364 font-size: [% css_fonts.size_smaller %];
365 color: [% css_colors.accent_darker %];
366 padding: 10px 10px 10px 10px;
369 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
370 background: [% css_colors.accent_lightest %];
371 color: [% css_colors.accent_darker %];
374 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
375 padding-bottom: 12px;
376 color: [% css_colors.accent_medium %];
379 #acct_select, #acct_prefs_select {
383 #mobile_acct_search_links {
384 background: [% css_colors.primary_fade %];
388 padding: 5px 7px 6px 0px;
390 border-bottom: 1px dotted [% css_colors.accent_light %];
394 color:[% css_colors.primary_fade %];
396 font-size: [% css_fonts.size_bigger %];
399 .rdetail_result_count {
400 color: [% css_colors.text %];
403 display: inline-block;
406 .rdetail_result_nav {
409 display: inline-block;
412 #rdetail_details_table {
416 #rdetail_image { border: none; }
417 #rdetail_image_cell {
426 padding: 0.5em 1em 0.5em 1em;
427 background-color: [% css_colors.accent_lighter2 %];
429 div.rdetail_uris ul li {
434 div.rdetail_show_copies {
438 div#rdetail_actions_div {
440 background: [% css_colors.background %];
443 span#rdetail_copy_counts {
444 display: inline-block;
451 span#rdetail_hold_counts {
452 display: inline-block;
455 span#rdetail_hold_counts p {
465 border-left:1px dotted [% css_colors.accent_light %];
472 border-bottom: 1px dotted [% css_colors.accent_light %];
476 div.toggle_list { padding-top: 6px; }
480 border-top: 1px dotted [% css_colors.accent_light %];
489 border-bottom: 1px dotted [% css_colors.accent_light %];
509 #rdetails_status td {
510 padding: 7px 0px 3px 13px;
514 #rdetails_status td[headers=copy_header_library],
515 #rdetails_status td[headers=copy_header_shelfloc] {
519 #rdetails_status thead th {
520 background-color: [% css_colors.accent_lighter2 %];
521 padding: 13px 0px 13px 13px;
522 font-size: [% css_fonts.size_smaller %];
527 #rdetails_status tbody td {
531 #rdetails_status tbody td.copy_note {
532 color: [% css_colors.primary %];
534 white-space:pre-wrap !important;
539 background: [% css_colors.primary_fade %];
540 border: 1px solid [% css_colors.primary %];
545 #rdetail_extras_div {
551 background: [% css_colors.accent_light %];
556 .rdetail_extras_link {
558 font-size: [% css_fonts.size_smaller %];
562 .rdetail_extras_lbl {
563 color: [% css_colors.text_invert %];
564 text-decoration: none;
567 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
571 #rdetail_locs_expand, #rdetail_locs_collapse {
577 #rdetail_anotes_div .biography {
581 .almost-content-wrapper {
582 background: [% css_colors.background %];
586 background: [% css_colors.background %];
588 border-bottom: 1px solid [% css_colors.border_dark %];
591 .content-wrapper-record-page { top: -15px; position: relative; }
603 #main-content-after-bar {
608 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
610 #main-content .login_boxes {
611 border: 1px solid [% css_colors.accent_lighter %];
612 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
613 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
614 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
615 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
616 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
618 color: [% css_colors.accent_darker %];
621 #main-content .login_boxes h1 {
623 font-size: [% css_fonts.size_biggest %];
627 #main-content .left_brain {
632 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
636 background: [% css_colors.background %];
637 font-size: [% css_fonts.size_bigger %];
638 color: [% css_colors.text %];
641 #main-content .left_brain .input_bg {
642 padding:10px 10px 0px 13px;
655 font-size: [% css_fonts.size_biggest %];
659 #login-failed-message {
660 font-size: [% css_fonts.size_bigger %];
662 color: [% css_colors.text_alert %];
666 #holds_temp_parent td {
667 border-bottom:1px solid [% css_colors.border_standard %];
670 #holds_temp_parent input, #holds_temp_parent select {
674 #holds_temp_parent tr td div {
679 #holds_temp_parent tr td div.format_icon {
685 #results_header_bar {
686 background: [% css_colors.accent_medium %];
687 border-top:1px solid [% css_colors.accent_mediumdark %];
688 border-bottom:1px solid [% css_colors.accent_mediumdark %];
691 .results_header_lbl {
694 color: [% css_colors.text %];
695 /* this border is not visible, but it keeps these labels the same size
697 border: 1px solid [% css_colors.accent_medium %];
698 background: [% css_colors.accent_medium %];
702 /* we need a negative margin on the select to allow the containing <label>
703 to determine the actual size of the element. By doing this, we can increase
704 the odds that the buttons and the select will be the same size, and therefore
705 collapse correctly when the window width decreases */
706 .results_header_lbl select {
710 #limit_to_available {
711 vertical-align: middle;
714 .results_header_sel {
720 .results_header_nav1 {
721 padding: 5px 7px 6px 0px;
722 border-bottom: 1px dotted [% css_colors.accent_light %];
725 .results_header_nav1 .h1 {
726 font-size: [% css_fonts.size_bigger %];
728 color:[% css_colors.primary_fade %];
731 .table_no_border_space {
734 .table_no_cell_pad td {
738 border-collapse: collapse;
741 #result_table_table {
749 tr.result_table_row > td.results_row_count,
750 tr.result_table_row > td.result_table_pic_header,
751 tr.result_table_row > td.result_table_title_cell {
761 tr.result_table_row:nth-child(n+2) > td {
762 border-top: 1px solid [% css_colors.accent_lighter2 %];
765 tr.result_table_row > td.result_table_pic_header {
776 .result_count_number {
780 .result_table_subtable {
785 div.result_table_utils_cont {
793 #myopac_summary_div p {
798 #acct_sum_checked_table td {
802 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
803 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
805 #zero_search_hits p {
813 #zero_search_hits #spell_check_link {
816 #zero_search_hits #zero_hits_suggestions {
822 background: [% css_colors.accent_light %];
827 .results_info_table td {
831 #myopac_holds_main_table {
832 border-collapse: collapse;
835 #myopac_holds_main_table td {
836 border: 1px solid [% css_colors.border_dark %];
840 .myopac-hold-available {
841 color: [% css_colors.text_greatnews %];
845 .myopac-hold-suspended {
846 color: [% css_colors.text_badnews %];
850 #myopac_prefs_div .data_grid {
851 border-collapse:collapse;
854 #myopac_prefs_div .data_grid td {
855 background:[% css_colors.accent_ultralight %];
856 border-bottom:3px solid [% css_colors.background %];
857 padding:6px 0px 7px 17px;
862 font-size: [% css_fonts.size_bigger %];
864 color:[% css_colors.primary_fade %];
865 padding: 0px 7px 0px 0px;
866 border-bottom: 1px dotted [% css_colors.accent_light %];
880 border-collapse: collapse;
881 background: [% css_colors.accent_ultralight %];
885 border-bottom: 2px solid white;
893 text-transform: none;
898 .acct_sum_table .view_link {
904 padding: 15px 0px 0px 23px;
905 background: [% css_colors.accent_ultralight %];
910 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
912 .acct_holds_temp td {
916 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
918 /*padding-left:10px;*/
921 #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 {
922 border-collapse: collapse;
926 text-transform: none;
930 .hold_note_title { font-weight: bold; }
932 #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 td {
933 background: [% css_colors.accent_lighter2 %];
937 #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 th {
939 padding: 0px 10px 0px 10px;
942 #acct_list_header select, #acct_list_header_anon select {
947 .search_catalog_lbl {
948 font-size: [% css_fonts.size_bigger %];
950 .adv_search_catalog_lbl {
951 font-size: [% css_fonts.size_bigger %];
954 .browse_the_catalog_lbl {
955 font-size: [% css_fonts.size_bigger %];
959 font-size: [% css_fonts.size_bigger %];
964 font-size: [% css_fonts.size_smaller %];
971 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
972 background: [% css_colors.primary_fade %];
977 #fines_payments_wrapper {
982 .myopac_payments_table th { text-align: left; }
983 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
984 .myopac_payments_table thead th:first-child { width: 8em; }
985 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
986 .myopac_payments_table form { display: inline; }
987 .myopac_payments_table input[type="submit"] { padding: 1px; }
990 font-weight: bold; color: [% css_colors.text_alert %];
991 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
994 .payment-processing {
996 color: [% css_colors.text_greatnews %];
997 font-size: [% css_fonts.size_bigger %];
998 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1001 #adv_search_input { width: 100%; }
1002 #adv_search_parent {
1005 #search-submit-spinner {
1009 div.adv_search_available {
1017 font-size: [% css_fonts.size_bigger %];
1022 width:100px !important;
1023 text-align: center !important;
1026 .chili_review div.chili_link div {
1030 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1031 /* some facet styling */
1032 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1033 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1034 .facetClassLabel { font-weight: bold; text-align: center; }
1035 .facetFieldContainer { }
1036 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1037 .extraFacetFieldsWrapper { }
1038 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1039 .facetFieldLineCount {
1040 display: inline-block;
1041 border-right: 1px solid [% css_colors.accent_light %];
1042 color: [% css_colors.accent_mediumdark %];
1046 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1047 .facetFields { padding-left: 5px; }
1048 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1060 .facet_box_temp .header {
1062 background:[% css_colors.primary %];
1063 -moz-border-top-left-radius: 5px;
1064 border-top-left-radius: 5px;
1065 -moz-border-top-right-radius: 5px;
1066 border-top-right-radius: 5px;
1068 color:[% css_colors.text_invert %];
1072 .facet_box_temp.filter_box_temp .header {
1073 background: [% css_colors.background_invert %] !important;
1077 color: [% css_colors.background_invert %];
1084 .facet_box_temp .header .title {
1090 /* in this context, where h4 is primarily for structure,
1091 avoid the normal large font and margin for h4's */
1092 .facet_box_temp h4 {
1097 .facet_box_temp .header a.button {
1101 color:[% css_colors.text_invert %];
1104 .facet_box_wrapper .box_wrapper .box {
1105 border-top:1px solid [% css_colors.border_standard %];
1106 border-left:1px solid [% css_colors.border_standard %];
1107 border-right:1px solid [% css_colors.border_standard %];
1113 .filter_box_wrapper {
1116 border: 1px solid [% css_colors.background_invert %];
1117 -moz-border-radius: 3px;
1124 box-sizing: border-box;
1125 -moz-box-sizing: border-box;
1131 .facet_template div {
1132 display: table-cell;
1136 .facet_template.filter_template div {
1137 padding: 0px !important;
1140 .facet_template .count {
1142 color: [% css_colors.accent_mediumdark %];
1145 .facet_template_selected {
1146 background-color: [% css_colors.accent_lighter2 %];
1147 border: 1px solid [% css_colors.accent_medium %];
1151 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1152 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1153 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1154 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1155 background-color: [% css_colors.primary %];
1160 padding-bottom: 10px;
1162 font-size: [% css_fonts.size_small %];
1166 color: [% css_colors.text_invert %];
1167 text-decoration: none;
1168 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1171 #copyright_text, #footer_logo {
1172 color: [% css_colors.text_invert %];
1179 .advanced_div { padding-top: 15px; }
1180 #adv_global_search { width: 100%; }
1181 #adv_global_search select { width: 13em; }
1182 #adv_global_addrow td { padding-top: 7px; }
1183 #adv_global_input_table { width: 100%; }
1184 #adv_global_input_table select { width: 7em; }
1186 font-size: [% css_fonts.size_smaller %];
1187 color: [% css_colors.text_alert %];
1189 #acct_prefs_header { float: left; }
1190 .search_page_nav_link {
1194 #opac.result.sort { width: 160px; }
1195 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1196 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1197 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1198 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1199 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1200 #adv_search_refine {
1201 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1203 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1205 background-color: [% css_colors.background %];
1206 color: [% css_colors.primary %]; text-decoration: none;
1207 padding: 0; border: 0; margin: 0;
1208 vertical-align: middle;
1210 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1211 .no-dec:hover { text-decoration: none; }
1212 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1214 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1215 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1216 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1217 a.dash-link:hover { text-decoration: underline !important; }
1218 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1219 #list_create_table {
1220 background-color: [% css_colors.accent_light %];
1221 padding-bottom: 4px;
1222 margin-bottom: 10px;
1223 border-bottom: 1px dotted [% css_colors.accent_medium %];
1225 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1226 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1227 .results_row_count { font-weight: bold; }
1228 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1229 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1230 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1231 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1232 #hold_editor_table th { text-align: right; padding-right: 1em; }
1233 #hold_editor_table td { padding: 0.25em 0; }
1234 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1235 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1236 .hold-editor-controls a { padding-left: 2em; }
1238 .text-right { text-align: right; }
1239 .text-right-top { text-align: right; vertical-align: top; }
1240 .rdetail-author-div {
1241 padding-bottom: 10px;
1242 display: inline-block;
1245 .invisible { visibility: hidden; }
1246 .rdetail-extras-summary { margin: 10px; }
1247 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1248 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1249 .expert-search-row { padding-top: 10px; }
1250 #adv_expert_row label { font-weight: bold; }
1252 .bookshelf tr.browse_border td {
1253 border-bottom: 1px dashed [% css_colors.accent_dark %];
1256 padding-bottom: 1ex;
1258 .cn_browse_item { padding: 2ex; }
1259 .results-paginator-list { padding-left: 1em; }
1260 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1261 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1262 .unread-patron-message { font-weight: bold; }
1264 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1265 .hold-items-list-title {
1266 font-size: [% css_fonts.size_bigger %];
1267 margin-bottom: 20px;
1269 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1271 .hold_success_links > span { margin: 0 2em; }
1273 .radio-parts-selection {
1275 margin-bottom: 20px;
1278 .parts-radio-option {
1279 display: inline-block;
1283 .mr_holds_no_formats {
1288 color: [% css_colors.text_invert %];
1289 background: [% css_colors.primary %];
1292 .holds_item_row_separator td {
1293 border-top: 2px dashed [% css_colors.accent_medium %];
1296 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1298 .results_header_btns, .results_header_sel {
1303 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1304 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1307 .opac-multiline-button > a,
1308 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1309 color: [% css_colors.button_text %];
1311 text-decoration: none;
1312 cursor: pointer !important;
1313 -moz-border-radius: 5px;
1315 border: 1px solid [% css_colors.primary %];
1316 background: [% css_colors.primary_fade %];
1319 display: inline-block;
1322 .opac-multiline-button > a:hover,
1323 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1324 background: [% css_colors.primary %];
1327 .opac-button:disabled {
1328 color: [% css_colors.accent_medium %];
1329 cursor: pointer !important;
1330 border: 1px solid [% css_colors.accent_light %];
1331 background-color: [% css_colors.accent_lighter %];
1334 /* Firefox adds its own special space to inputs; this gets us closer */
1335 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1340 .opac-button-header, #dash_wrapper .opac-button {
1341 background: [% css_colors.control %];
1342 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1343 font-size: [% css_fonts.size_base %];
1345 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1346 border-color: [% css_colors.control %];
1349 .opac-multiline-button > a {
1350 display: inline-block;
1353 #myopac_checked_div {
1357 .rdetail-mfhd-head {
1360 background-color: [% css_colors.table_heading %];
1363 .rdetail-mfhd-type {
1367 .rdetail-mfhd-bottom {
1368 border-bottom: thin solid [% css_colors.border_dark %];
1372 #rdetail_record_details {
1379 padding-left: 1.5em;
1382 .rdetail_content_type, .rdetail_subject_type {
1383 vertical-align: top;
1387 .bookbag-item-row td { vertical-align: top; }
1389 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1391 color: [% css_colors.text_greatnews %];
1395 .rdetail_related_subjects {
1399 .rdetail_related_series {
1407 .rdetail_openurl_entry {
1411 .bookbag-controls-holder { width: 100%; }
1412 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1413 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1414 .bookbag-controls-holder .most {
1418 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1419 .bookbag-share .fixed { min-width: 4em; }
1420 .bookbag-specific { margin-left: 1em; }
1421 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1422 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1423 #bbag-name-desc-form tr th { vertical-align: middle; }
1424 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1425 .bookbag-description {
1430 #bbag-edit-description { width: 20em; }
1431 #bbag-edit-name { width: 20em; }
1432 textarea { font-family: sans-serif; }
1433 table.bookbag-specific {
1434 border-right: 1px solid [% css_colors.accent_dark %];
1435 border-bottom: 1px solid [% css_colors.accent_medium %];
1444 padding: 5px 0px 0px 10px;
1447 .bookbag-specific td.list_checkbox {
1448 padding-left: 10px !important;
1450 .bookbag-specific td.list_entry {
1452 padding-left: 5px !important;
1454 .bookbag-specific td.list_actions {
1455 white-space: nowrap !important;
1457 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1460 padding: 8px 0px 6px 0px;
1463 font-size: [% css_fonts.size_bigger %];
1467 .save-notes { padding-bottom: 1.5ex; }
1469 .nonbreaking-wrapper {
1470 display: inline-block;
1473 /* Moved from semiauto.css */
1474 .adv_global_input_container {
1475 border-bottom: none;
1479 border-bottom: none;
1482 .adv_global_filter_sort {
1486 .clear-both { clear: both; }
1497 .alert { color: [% css_colors.text_alert %]; }
1498 .float-left { float: left; }
1499 .float-right { float: right; }
1501 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1502 .saved-searches-header .button { float: right; width: 28px; }
1503 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1504 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1505 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1506 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1507 border-right: 1px solid [% css_colors.accent_darker %];
1509 .result_item_circulated {
1513 .result_item_circulated span {
1519 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1520 #result-bookbag-heading { text-align: center; margin: 2ex; }
1522 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1523 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1524 .result-bookbag-item-note { font-style: italic; }
1525 .lowhits-bookbag-name { font-weight: bold; }
1526 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1527 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1528 .oils_AS_match_field {
1529 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1530 text-align: right; color: [% css_colors.accent_medium %];
1532 table.result_holdings_table {
1536 table.result_holdings_table thead tr {
1537 background: [% css_colors.table_heading %];
1539 table.result_holdings_table thead tr th {
1543 margin: 0 2em 0 2em;
1546 vertical-align: super;
1547 font-size: [% css_fonts.size_smaller %];
1548 line-height: normal;
1549 text-decoration: none;
1551 .rdetail-holding-group { margin-left: 1.5em; }
1552 .rdetail-holding-group span { margin-left: 1.5em; }
1553 .rdetail-holding-group .paging { margin-left: 1.5em; }
1554 #rdetail_deleted_exp {
1558 border: thick solid [% css_colors.border_alert %];
1561 #ac_tab_wrapper { width : 100%; }
1562 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1563 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1564 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1565 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1567 /* Popmenu styles used for making css menus. */
1581 width: 10em; /* Width to help Opera out */
1582 background-color: [% css_colors.primary %];
1584 .popmenu li:hover ul {
1589 border-color: [% css_colors.border_dark %];
1591 border-style: solid;
1593 .popmenu li:hover li {
1596 .popmenu li:hover li a {
1597 background-color: [% css_colors.primary %];
1598 color: [% css_colors.accent_ultralight %];
1600 .popmenu li li a:hover {
1601 background-color: [% css_colors.accent_ultralight %];
1602 color: [% css_colors.primary %];
1604 /* Styles for the temporary list entry. */
1605 .popmenu li:hover li[class~="temporary"] a {
1606 background-color: [% css_colors.primary %];
1607 color: [% css_colors.accent_ultralight %];
1609 .popmenu li li[class~="temporary"] a:hover {
1610 background-color: [% css_colors.accent_ultralight %];
1611 color: [% css_colors.primary %];
1613 /* Styles for the default list entry. */
1614 .popmenu li:hover li[class~="default"] a {
1615 background-color: [% css_colors.primary %];
1616 color: [% css_colors.accent_ultralight %];
1618 .popmenu li li[class~="default"] a:hover {
1619 background-color: [% css_colors.accent_ultralight %];
1620 color: [% css_colors.primary %];
1622 /* Styles for the new list entry. */
1623 .popmenu li:hover li[class~="new"] a {
1624 background-color: [% css_colors.primary %];
1625 color: [% css_colors.accent_ultralight %];
1627 .popmenu li li[class~="new"] a:hover {
1628 background-color: [% css_colors.accent_ultralight %];
1629 color: [% css_colors.primary %];
1631 /* Style to add a divider on the menu. */
1632 .popmenu li li[class~="divider"] {
1633 border-bottom-width: 1px;
1634 border-bottom-color: [% css_colors.border_dark %];
1635 border-bottom-style: solid;
1638 #locale_picker_form {
1642 border-right: thin [% css_colors.control %] solid;
1645 #locale_picker_form * {
1648 vertical-align: middle;
1651 #patron_usr_barcode_not_found {
1652 font-weight: bold; color: [% css_colors.text_alert %];
1665 padding-bottom: 0.5em;
1669 #maintenance_message {
1672 background-color: [% css_colors.text_alert %];
1673 color: [% css_colors.text_invert %];
1677 #search-box > span {
1684 .browse-result-sources, .browse-result-authority-bib-links {
1687 .browse-result-best-match {
1693 .browse-result-list {
1694 padding-bottom: 0.5ex;
1697 font-size: [% css_fonts.size_bigger %];
1699 .browse-result-authority-field-name {
1703 .browse-leading-article-warning {
1705 font-size: [% css_fonts.size_big %];
1707 .browse-public-general-note {
1708 font-size: [% css_fonts.size_big %];
1710 .browse-public-general-note-label { }
1711 .browse-public-general-note-institution {
1715 .browse-public-general-note-body {
1723 #main-content-register {
1725 font-size: [% css_fonts.size_bigger %];
1728 #main-content-register table {
1731 border-collapse: collapse;
1734 #main-content-register td {
1738 #main-content-register td:not(:first-child) {
1742 .patron-reg-invalid {
1745 padding-right: 10px;
1748 .result_footer_nav1 {
1752 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
1756 .rdetail_authors_div {
1760 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1761 white-space: nowrap;
1762 display: inline-block;
1765 .result_table_title_cell {
1767 padding-bottom: 4px;
1771 font-size: [% css_fonts.size_bigger %];
1774 /* styling for sms text call number */
1776 font-family: Arial, Helvetica, sans-serif;
1777 font-size: [% css_fonts.size_medium %];
1778 background: [% css_colors.accent_lightest %];
1780 /* Allow text to wrap */
1781 white-space: pre-wrap; /* css-3 */
1782 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1783 white-space: -pre-wrap; /* Opera 4-6 */
1784 white-space: -o-pre-wrap; /* Opera 7 */
1785 word-wrap: break-word; /* Internet Explorer 5.5+ */
1792 /* patron message center */
1793 #myopac_message_tbody {
1794 vertical-align: top;
1796 .myopac_message_message {
1797 white-space: pre-wrap;
1800 @media only screen and (max-width: 800px) {
1801 .facet_sidebar_hidden, .result_block_hidden {
1804 .facet_sidebar_visible, .result_block_visible {
1805 display: inline ! important;
1807 #acct_select, #acct_prefs_select {
1808 display: inline-block;
1810 #acct_tabs, #acct_prefs_tabs {
1813 .radio-parts-selection { width: 90%; }
1816 @media only screen and (max-width: 600px) {
1818 font-size: [% css_fonts.size_big %];
1820 span .nav_arrow_fix {
1827 #homesearch_main_logo img {
1837 #your-acct-login a {
1847 #locale_picker_form {
1850 #gold-links-holder {
1853 #simple-detail-view-links {
1856 #acct_tabs a, #acct_fines_tabs a {
1857 padding: 2px 4px 3px 4px;
1858 -moz-border-radius: 6px 6px 0px 0px;
1859 border-radius: 6px 6px 0px 0px;
1860 font-size: [% css_fonts.size_base %];
1861 margin: 0px 5px 0px 0px;
1865 background: transparent;
1872 #dash_wrapper .opac-button {
1875 .small_view_only, #filter_hits {
1876 display: inline !important;
1884 #holds_box form blockquote {
1888 #holds_box form blockquote select {
1891 #myopac_sum_fines_placehold {
1897 .results_header_lbl {
1900 .results_header_nav1 span.h1 {
1906 .start_end_links_span {
1912 .result_table_pic_header {
1913 padding-left: 0px !important;
1915 width: 0px !important;
1923 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1926 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1927 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1930 .results_info_table td {
1933 #results_header_bar {
1934 background-color: inherit;
1936 .results_header_btns a {
1942 #rdetails_status thead {
1945 #rdetails_status tr {
1949 #rdetails_status td {
1954 background-color: [% css_colors.accent_lightest %];
1956 .copy_details_offers_row {
1957 background-color: [% css_colors.accent_lightest %];
1959 select#pickup_lib.search-wrapper-locg {
1962 #search-wrapper #search-box {
1966 #main-content-home {
1970 /* Make use of full width in mobile mode */
1971 .facet_box_wrapper .box_wrapper .box,
1972 .facet_template .facet,
1976 .facet_template .count {
1982 #adv_search_parent {
1983 font-size: [% css_fonts.size_smaller %];
1985 #adv_search_filters {
1992 .rdetail_aux_utils {
1999 div#rdetail_actions_div {
2005 .search_catalog_lbl {
2007 white-space: nowrap;
2009 .adv_search_catalog_lbl {
2011 white-space: nowrap;
2013 .browse_the_catalog_lbl {
2014 white-space: nowrap;
2026 .dash_account_buttons {
2029 .searchbar { line-height: 1.5em; }
2030 #browse-controls { line-height: 1.5em; }
2031 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2038 .bookshelf table thead tr {
2041 #lowhits_help { width: inherit; }
2043 font-size: [% css_fonts.size_small %];
2044 margin: 2px 2px 0px 2px;
2045 padding: 2px 2px 5px 2px;
2046 -moz-border-radius: 10px 0px 0px 0px;
2047 border-radius: 7px 7px 0px 0px;
2049 #adv_global_tbody td {
2050 border-bottom: thin solid [% css_colors.accent_light %];
2052 #adv_global_addrow td {
2053 border-bottom: none;
2055 /* Force table to not be like tables anymore */
2056 table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, #acct_holds_hist_header thead tr th {
2059 table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, #acct_holds_hist_header tbody tr td {
2063 /* Hide table headers (but not display: none;, for accessibility) */
2070 table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, #acct_holds_hist_header {
2074 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
2076 /* Holds history gets large white border to mimic header cell on other
2077 account screens that provide visual cue for next title */
2079 table#acct_holds_hist_header tr { border-top: 25px solid #fff; }
2082 table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, #acct_holds_hist_header td {
2083 /* Behave like a "row" */
2085 border-bottom: 1px solid #eee;
2090 table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, #acct_holds_hist_header td_before {
2091 /* Now like a table header */
2093 /* Top/left values mimic padding */
2097 padding-right: 10px;
2098 white-space: nowrap;
2101 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2102 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2103 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2104 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
2105 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
2106 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
2107 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
2109 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2110 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2111 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2112 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
2113 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
2114 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
2115 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
2116 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
2118 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2119 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2120 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2121 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2122 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2123 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
2124 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
2125 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2127 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
2128 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
2129 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
2130 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
2131 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
2134 /*Want to see these in mobile ONLY */
2139 .mobile_search_lbl_clr{
2140 color:[% css_colors.mobile_header_text %];
2146 For text which is visible only to screen readers.
2147 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2148 See also http://webaim.org/techniques/css/invisiblecontent/
2157 clip: rect(0, 0, 0, 0);
2161 /* Make added rows in Expert Search have bold labels like the initial row */
2168 font-weight: lighter;
2172 #results-page-depth-hint {
2177 #clear-history-confirm {
2179 color: [% css_colors.text_badnews %];