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 %]; }
131 #dash_fines { color: [% css_colors.text_badnews %]; }
133 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
134 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
135 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
136 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
137 background-color: [% css_colors.primary_fade %];
140 color: [% css_colors.background %];
143 font-size: [% css_fonts.size_small %];
147 color: [% css_colors.background %];
151 color: [% css_colors.text_invert %];
152 text-decoration: none;
156 color: [% css_colors.text_invert %];
157 font-size: [% css_fonts.size_small %];
165 color: [% css_colors.text_invert %];
169 text-decoration: none;
172 #header-links a:hover {
173 color: [% css_colors.text_invert %];
174 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
175 text-decoration: none;
178 #header #header-links2 {
181 color: [% css_colors.text_invert %];
182 padding-bottom: 15px;
185 #header #header-links2 a {
186 color: [% css_colors.text_invert %];
189 #header #header-links2 a:hover {
190 text-decoration: underline;
209 background: [% css_colors.background_invert %];
219 border-bottom: 1px solid [% css_colors.border_standard %];
221 background: [% css_colors.background %];
224 #search-wrapper #breadcrumb {
226 font-size: [% css_fonts.size_smaller %];
230 #search-wrapper #search-within {
237 #search-wrapper #breadcrumb a {
238 color: [% css_colors.text %];
241 #search-wrapper #search_frm label {
242 font-size: [% css_fonts.size_smaller %];
245 #search-wrapper #search-box {
249 padding-bottom: 10px;
252 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
257 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
260 vertical-align: middle;
262 margin: 10px 7px 0px 0px;
263 padding: 10px 0px 10px 0px;
264 -moz-border-radius: 10px 10px 0px 0px;
265 border-radius: 10px 10px 0px 0px;
267 color: [% css_colors.text_invert %];
268 background: [% css_colors.control %];
270 text-decoration: none;
273 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
274 padding: 1em 1em 0.5em;
277 #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 {
278 background: [% css_colors.primary %];
279 color: [% css_colors.text_invert %];
280 text-decoration: none;
283 #adv_search_filters {
294 #adv_filter_block_item {
313 padding-left: 10px !important;
316 #adv_search.on, #num_search.on, #expert_search.on {
317 color: [% css_colors.accent_darker %];
318 background: [% css_colors.background %];
319 text-decoration: none;
322 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
323 color: [% css_colors.accent_darker %];
324 background: [% css_colors.background %];
325 text-decoration: none;
329 background: [% css_colors.control %];
332 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
334 font-size: [% css_fonts.size_smaller %];
335 color: [% css_colors.accent_darker %];
336 padding: 10px 10px 10px 10px;
339 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
340 background: [% css_colors.accent_lightest %];
341 color: [% css_colors.accent_darker %];
344 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
345 padding-bottom: 12px;
346 color: [% css_colors.accent_medium %];
349 #acct_select, #acct_prefs_select {
354 padding: 5px 7px 6px 0px;
356 border-bottom: 1px dotted [% css_colors.accent_light %];
360 color:[% css_colors.primary_fade %];
362 font-size: [% css_fonts.size_bigger %];
365 .rdetail_result_count {
366 color: [% css_colors.text %];
369 display: inline-block;
372 .rdetail_result_nav {
375 display: inline-block;
378 #rdetail_details_table {
382 #rdetail_image { border: none; }
383 #rdetail_image_cell {
392 padding: 0.5em 1em 0.5em 1em;
393 background-color: [% css_colors.accent_lighter2 %];
395 div.rdetail_uris ul li {
400 div.rdetail_show_copies {
404 div#rdetail_actions_div {
406 background: [% css_colors.background %];
409 span#rdetail_copy_counts {
410 display: inline-block;
417 span#rdetail_hold_counts {
418 display: inline-block;
421 span#rdetail_hold_counts p {
431 border-left:1px dotted [% css_colors.accent_light %];
438 border-bottom: 1px dotted [% css_colors.accent_light %];
442 div.toggle_list { padding-top: 6px; }
450 border-bottom: 1px dotted [% css_colors.accent_light %];
470 #rdetails_status td {
471 padding: 7px 0px 3px 13px;
475 #rdetails_status td[headers=copy_header_library],
476 #rdetails_status td[headers=copy_header_shelfloc] {
480 #rdetails_status thead th {
481 background-color: [% css_colors.accent_lighter2 %];
482 padding: 13px 0px 13px 13px;
483 font-size: [% css_fonts.size_smaller %];
488 #rdetails_status tbody td {
492 #rdetails_status tbody td.copy_note {
493 color: [% css_colors.primary %];
495 white-space:pre-wrap !important;
500 background: [% css_colors.primary_fade %];
501 border: 1px solid [% css_colors.primary %];
506 #rdetail_extras_div {
512 background: [% css_colors.accent_light %];
517 .rdetail_extras_link {
519 font-size: [% css_fonts.size_smaller %];
523 .rdetail_extras_lbl {
524 color: [% css_colors.text_invert %];
525 text-decoration: none;
528 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
532 #rdetail_locs_expand, #rdetail_locs_collapse {
538 #rdetail_anotes_div .biography {
542 .almost-content-wrapper {
543 background: [% css_colors.background %];
547 background: [% css_colors.background %];
549 border-bottom: 1px solid [% css_colors.border_dark %];
552 .content-wrapper-record-page { top: -15px; position: relative; }
564 #main-content-after-bar {
569 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
571 #main-content .login_boxes {
572 border: 1px solid [% css_colors.accent_lighter %];
573 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
574 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
575 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
576 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
577 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
579 color: [% css_colors.accent_darker %];
582 #main-content .login_boxes h1 {
584 font-size: [% css_fonts.size_biggest %];
588 #main-content .left_brain {
593 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
597 background: [% css_colors.background %];
598 font-size: [% css_fonts.size_bigger %];
599 color: [% css_colors.text %];
602 #main-content .left_brain .input_bg {
603 padding:10px 10px 0px 13px;
616 font-size: [% css_fonts.size_biggest %];
620 #login-failed-message {
621 font-size: [% css_fonts.size_bigger %];
623 color: [% css_colors.text_alert %];
627 #holds_temp_parent td {
628 border-bottom:1px solid [% css_colors.border_standard %];
631 #holds_temp_parent input, #holds_temp_parent select {
635 #holds_temp_parent tr td div {
640 #holds_temp_parent tr td div.format_icon {
646 #results_header_bar {
647 background: [% css_colors.accent_medium %];
648 border-top:1px solid [% css_colors.accent_mediumdark %];
649 border-bottom:1px solid [% css_colors.accent_mediumdark %];
652 .results_header_lbl {
655 color: [% css_colors.text %];
656 /* this border is not visible, but it keeps these labels the same size
658 border: 1px solid [% css_colors.accent_medium %];
659 background: [% css_colors.accent_medium %];
663 /* we need a negative margin on the select to allow the containing <label>
664 to determine the actual size of the element. By doing this, we can increase
665 the odds that the buttons and the select will be the same size, and therefore
666 collapse correctly when the window width decreases */
667 .results_header_lbl select {
671 #limit_to_available {
672 vertical-align: middle;
675 .results_header_sel {
681 .results_header_nav1 {
682 padding: 5px 7px 6px 0px;
683 border-bottom: 1px dotted [% css_colors.accent_light %];
686 .results_header_nav1 .h1 {
687 font-size: [% css_fonts.size_bigger %];
689 color:[% css_colors.primary_fade %];
696 tr.result_table_row > td.results_row_count,
697 tr.result_table_row > td.result_table_pic_header,
698 tr.result_table_row > td.result_table_title_cell {
708 tr.result_table_row:nth-child(n+2) > td {
709 border-top: 1px solid [% css_colors.accent_lighter2 %];
712 tr.result_table_row > td.result_table_pic_header {
723 .result_count_number {
727 .result_table_subtable {
732 div.result_table_utils_cont {
740 #myopac_summary_div p {
745 #acct_sum_checked_table td {
749 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
750 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
752 #zero_search_hits p {
760 #zero_search_hits #spell_check_link {
763 #zero_search_hits #zero_hits_suggestions {
769 background: [% css_colors.accent_light %];
774 .results_info_table td {
778 #myopac_holds_main_table {
779 border-collapse: collapse;
782 #myopac_holds_main_table td {
783 border: 1px solid [% css_colors.border_dark %];
787 #myopac_prefs_div .data_grid {
788 border-collapse:collapse;
791 #myopac_prefs_div .data_grid td {
792 background:[% css_colors.accent_ultralight %];
793 border-bottom:3px solid [% css_colors.background %];
794 padding:6px 0px 7px 17px;
799 font-size: [% css_fonts.size_bigger %];
801 color:[% css_colors.primary_fade %];
802 padding: 0px 7px 0px 0px;
803 border-bottom: 1px dotted [% css_colors.accent_light %];
817 border-collapse: collapse;
818 background: [% css_colors.accent_ultralight %];
822 border-bottom: 2px solid white;
830 text-transform: none;
835 .acct_sum_table .view_link {
840 border-collapse: collapse;
841 margin: -1em 0 0.5em 0;
849 table.acct_notes th {
855 padding: 15px 0px 0px 23px;
856 background: [% css_colors.accent_ultralight %];
861 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
863 .acct_holds_temp td {
867 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
869 /*padding-left:10px;*/
872 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
873 border-collapse: collapse;
877 text-transform: none;
881 .hold_note_title { font-weight: bold; }
883 #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 {
884 background: [% css_colors.accent_lighter2 %];
888 #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 {
890 padding: 0px 10px 0px 10px;
893 #acct_list_header select, #acct_list_header_anon select {
898 .search_catalog_lbl {
899 font-size: [% css_fonts.size_bigger %];
901 .adv_search_catalog_lbl {
902 font-size: [% css_fonts.size_bigger %];
905 .browse_the_catalog_lbl {
906 font-size: [% css_fonts.size_bigger %];
910 font-size: [% css_fonts.size_bigger %];
915 font-size: [% css_fonts.size_smaller %];
922 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
923 background: [% css_colors.primary_fade %];
928 #fines_payments_wrapper {
933 .myopac_payments_table th { text-align: left; }
934 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
935 .myopac_payments_table thead th:first-child { width: 8em; }
936 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
937 .myopac_payments_table form { display: inline; }
938 .myopac_payments_table input[type="submit"] { padding: 1px; }
941 font-weight: bold; color: [% css_colors.text_alert %];
942 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
945 .payment-processing {
947 color: [% css_colors.text_greatnews %];
948 font-size: [% css_fonts.size_bigger %];
949 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
952 #adv_search_input { width: 100%; }
956 #search-submit-spinner {
960 div.adv_search_available {
967 font-size: [% css_fonts.size_bigger %];
972 width:100px !important;
973 text-align: center !important;
976 .chili_review div.chili_link div {
980 [%- IF we_want_to_turn_on_facet_styling.defined; %]
981 /* some facet styling */
982 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
983 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
984 .facetClassLabel { font-weight: bold; text-align: center; }
985 .facetFieldContainer { }
986 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
987 .extraFacetFieldsWrapper { }
988 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
989 .facetFieldLineCount {
990 display: inline-block;
991 border-right: 1px solid [% css_colors.accent_light %];
992 color: [% css_colors.accent_mediumdark %];
996 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
997 .facetFields { padding-left: 5px; }
998 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1010 .facet_box_temp .header {
1012 background:[% css_colors.primary %];
1013 -moz-border-top-left-radius: 5px;
1014 border-top-left-radius: 5px;
1015 -moz-border-top-right-radius: 5px;
1016 border-top-right-radius: 5px;
1018 color:[% css_colors.text_invert %];
1022 .facet_box_temp .header .title {
1028 .facet_box_temp .header a.button {
1032 color:[% css_colors.text_invert %];
1035 .facet_box_wrapper .box_wrapper .box {
1036 border-top:1px solid [% css_colors.border_standard %];
1037 border-left:1px solid [% css_colors.border_standard %];
1038 border-right:1px solid [% css_colors.border_standard %];
1045 box-sizing: border-box;
1046 -moz-box-sizing: border-box;
1052 .facet_template div {
1053 display: table-cell;
1057 .facet_template .count {
1059 color: [% css_colors.accent_mediumdark %];
1062 .facet_template_selected {
1063 background-color: [% css_colors.accent_lighter2 %];
1064 border: 1px solid [% css_colors.accent_medium %];
1068 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1069 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1070 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1071 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1072 background-color: [% css_colors.primary %];
1077 padding-bottom: 10px;
1079 font-size: [% css_fonts.size_small %];
1083 color: [% css_colors.text_invert %];
1084 text-decoration: none;
1085 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1088 #copyright_text, #footer_logo {
1089 color: [% css_colors.text_invert %];
1096 .advanced_div { padding-top: 15px; }
1097 #adv_global_search { width: 100%; }
1098 #adv_global_search select { width: 13em; }
1099 #adv_global_addrow td { padding-top: 7px; }
1100 #adv_global_input_table { width: 100%; }
1101 #adv_global_input_table select { width: 7em; }
1103 font-size: [% css_fonts.size_smaller %];
1104 color: [% css_colors.text_alert %];
1106 #acct_prefs_header { float: left; }
1107 .search_page_nav_link {
1111 #opac.result.sort { width: 160px; }
1112 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1113 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1114 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1115 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1116 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1117 #adv_search_refine {
1118 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1120 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1122 background-color: [% css_colors.background %];
1123 color: [% css_colors.primary %]; text-decoration: none;
1124 padding: 0; border: 0; margin: 0;
1125 vertical-align: middle;
1127 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1128 .no-dec:hover { text-decoration: none; }
1129 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1131 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1132 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1133 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1134 a.dash-link:hover { text-decoration: underline !important; }
1135 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1136 #list_create_table {
1137 background-color: [% css_colors.accent_light %];
1138 padding-bottom: 4px;
1139 margin-bottom: 10px;
1140 border-bottom: 1px dotted [% css_colors.accent_medium %];
1142 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1143 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1144 .results_row_count { font-weight: bold; }
1145 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1146 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1147 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1148 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1149 #hold_editor_table th { text-align: right; padding-right: 1em; }
1150 #hold_editor_table td { padding: 0.25em 0; }
1151 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1152 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1153 .hold-editor-controls a { padding-left: 2em; }
1155 .text-right { text-align: right; }
1156 .text-right-top { text-align: right; vertical-align: top; }
1157 .rdetail-author-div { padding-bottom: 10px; }
1159 .invisible { visibility: hidden; }
1160 .rdetail-extras-summary { margin: 10px; }
1161 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1162 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1163 .expert-search-row { padding-top: 10px; }
1164 #adv_expert_row label { font-weight: bold; }
1166 .bookshelf thead tr td {
1167 border-bottom: 1px dashed [% css_colors.accent_dark %];
1168 padding-bottom: 1ex;
1170 .cn_browse_item { padding: 2ex; }
1171 .results-paginator-list { padding-left: 1em; }
1172 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1173 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1175 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1176 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1177 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1179 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1181 .results_header_btns, .results_header_sel {
1186 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1187 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1190 .opac-multiline-button > a,
1191 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1192 color: [% css_colors.button_text %];
1194 text-decoration: none;
1195 cursor: pointer !important;
1196 -moz-border-radius: 5px;
1198 border: 1px solid [% css_colors.primary %];
1199 background: [% css_colors.primary_fade %];
1202 display: inline-block;
1205 .opac-multiline-button > a:hover,
1206 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1207 background: [% css_colors.primary %];
1210 .opac-button:disabled {
1211 color: [% css_colors.accent_medium %];
1212 cursor: pointer !important;
1213 border: 1px solid [% css_colors.accent_light %];
1214 background-color: [% css_colors.accent_lighter %];
1217 /* Firefox adds its own special space to inputs; this gets us closer */
1218 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1223 .opac-button-header, #dash_wrapper .opac-button {
1224 background: [% css_colors.control %];
1225 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1226 font-size: [% css_fonts.size_base %];
1228 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1229 border-color: [% css_colors.control %];
1232 .opac-multiline-button > a {
1233 display: inline-block;
1236 #myopac_checked_div {
1240 .rdetail-mfhd-head {
1243 background-color: [% css_colors.table_heading %];
1246 .rdetail-mfhd-type {
1250 .rdetail-mfhd-bottom {
1251 border-bottom: thin solid [% css_colors.border_dark %];
1255 #rdetail_record_details {
1262 padding-left: 1.5em;
1265 .rdetail_content_type, .rdetail_subject_type {
1266 vertical-align: top;
1270 .bookbag-item-row td { vertical-align: top; }
1272 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1274 color: [% css_colors.text_greatnews %];
1278 .rdetail_related_subjects {
1282 .rdetail_related_series {
1290 .rdetail_openurl_entry {
1294 .bookbag-controls-holder { width: 100%; }
1295 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1296 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1297 .bookbag-controls-holder .most {
1301 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1302 .bookbag-share .fixed { min-width: 4em; }
1303 .bookbag-specific { margin-left: 1em; }
1304 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1305 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1306 #bbag-name-desc-form tr th { vertical-align: middle; }
1307 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1308 .bookbag-description {
1313 #bbag-edit-description { width: 20em; }
1314 #bbag-edit-name { width: 20em; }
1315 textarea { font-family: sans-serif; }
1316 table.bookbag-specific {
1317 border-right: 1px solid [% css_colors.accent_dark %];
1318 border-bottom: 1px solid [% css_colors.accent_medium %];
1327 padding: 5px 0px 0px 10px;
1330 .bookbag-specific td.list_checkbox {
1331 padding-left: 10px !important;
1333 .bookbag-specific td.list_entry {
1335 padding-left: 5px !important;
1337 .bookbag-specific td.list_actions {
1338 white-space: nowrap !important;
1340 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1343 padding: 8px 0px 6px 0px;
1346 font-size: [% css_fonts.size_bigger %];
1350 .save-notes { padding-bottom: 1.5ex; }
1352 .nonbreaking-wrapper {
1353 display: inline-block;
1356 /* Moved from semiauto.css */
1357 .adv_global_input_container {
1358 border-bottom: none;
1362 border-bottom: none;
1365 .adv_global_filter_sort {
1369 .clear-both { clear: both; }
1380 .alert { color: [% css_colors.text_alert %]; }
1381 .float-left { float: left; }
1382 .float-right { float: right; }
1384 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1385 .saved-searches-header .button { float: right; width: 28px; }
1386 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1387 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1388 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1389 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1390 border-right: 1px solid [% css_colors.accent_darker %];
1392 .result_item_circulated {
1396 .result_item_circulated span {
1402 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1403 #result-bookbag-heading { text-align: center; margin: 2ex; }
1405 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1406 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1407 .result-bookbag-item-note { font-style: italic; }
1408 .lowhits-bookbag-name { font-weight: bold; }
1409 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1410 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1411 .oils_AS_match_field {
1412 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1413 text-align: right; color: [% css_colors.accent_medium %];
1415 table.result_holdings_table {
1419 table.result_holdings_table thead tr {
1420 background: [% css_colors.table_heading %];
1422 table.result_holdings_table thead tr th {
1426 margin: 0 2em 0 2em;
1429 vertical-align: super;
1430 font-size: [% css_fonts.size_smaller %];
1431 line-height: normal;
1432 text-decoration: none;
1434 .rdetail-holding-group { margin-left: 1.5em; }
1435 .rdetail-holding-group span { margin-left: 1.5em; }
1436 .rdetail-holding-group .paging { margin-left: 1.5em; }
1437 #rdetail_deleted_exp {
1441 border: thick solid [% css_colors.border_alert %];
1444 #ac_tab_wrapper { width : 100%; }
1445 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1446 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1447 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1448 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1450 /* Popmenu styles used for making css menus. */
1464 width: 10em; /* Width to help Opera out */
1465 background-color: [% css_colors.primary %];
1467 .popmenu li:hover ul {
1472 border-color: [% css_colors.border_dark %];
1474 border-style: solid;
1476 .popmenu li:hover li {
1479 .popmenu li:hover li a {
1480 background-color: [% css_colors.primary %];
1481 color: [% css_colors.accent_ultralight %];
1483 .popmenu li li a:hover {
1484 background-color: [% css_colors.accent_ultralight %];
1485 color: [% css_colors.primary %];
1487 /* Styles for the temporary list entry. */
1488 .popmenu li:hover li[class~="temporary"] a {
1489 background-color: [% css_colors.primary %];
1490 color: [% css_colors.accent_ultralight %];
1492 .popmenu li li[class~="temporary"] a:hover {
1493 background-color: [% css_colors.accent_ultralight %];
1494 color: [% css_colors.primary %];
1496 /* Styles for the default list entry. */
1497 .popmenu li:hover li[class~="default"] a {
1498 background-color: [% css_colors.primary %];
1499 color: [% css_colors.accent_ultralight %];
1501 .popmenu li li[class~="default"] a:hover {
1502 background-color: [% css_colors.accent_ultralight %];
1503 color: [% css_colors.primary %];
1505 /* Styles for the new list entry. */
1506 .popmenu li:hover li[class~="new"] a {
1507 background-color: [% css_colors.primary %];
1508 color: [% css_colors.accent_ultralight %];
1510 .popmenu li li[class~="new"] a:hover {
1511 background-color: [% css_colors.accent_ultralight %];
1512 color: [% css_colors.primary %];
1514 /* Style to add a divider on the menu. */
1515 .popmenu li li[class~="divider"] {
1516 border-bottom-width: 1px;
1517 border-bottom-color: [% css_colors.border_dark %];
1518 border-bottom-style: solid;
1521 #locale_picker_form {
1525 border-right: thin [% css_colors.control %] solid;
1528 #locale_picker_form * {
1531 vertical-align: middle;
1534 #patron_usr_barcode_not_found {
1535 font-weight: bold; color: [% css_colors.text_alert %];
1548 padding-bottom: 0.5em;
1552 #maintenance_message {
1555 background-color: [% css_colors.text_alert %];
1556 color: [% css_colors.text_invert %];
1560 #search-box > span {
1567 .browse-result-sources, .browse-result-authority-bib-links {
1570 .browse-result-best-match {
1576 .browse-result-list {
1577 padding-bottom: 0.5ex;
1580 font-size: [% css_fonts.size_bigger %];
1582 .browse-result-authority-field-name {
1586 .browse-leading-article-warning {
1588 font-size: [% css_fonts.size_big %];
1590 .browse-public-general-note {
1591 font-size: [% css_fonts.size_big %];
1593 .browse-public-general-note-label { }
1594 .browse-public-general-note-institution {
1598 .browse-public-general-note-body {
1606 #main-content-register {
1608 font-size: [% css_fonts.size_bigger %];
1611 #main-content-register table {
1614 border-collapse: collapse;
1617 #main-content-register td {
1621 #main-content-register td:not(:first-child) {
1625 .patron-reg-invalid {
1628 padding-right: 10px;
1631 .result_footer_nav1 {
1635 .small_view_only, #refine_hits, #return_to_hits {
1639 .rdetail_authors_div {
1643 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1644 white-space: nowrap;
1645 display: inline-block;
1648 .result_table_title_cell {
1650 padding-bottom: 4px;
1654 font-size: [% css_fonts.size_bigger %];
1657 @media only screen and (max-width: 800px) {
1658 .facet_sidebar_hidden, .result_block_hidden {
1661 .facet_sidebar_visible, .result_block_visible {
1662 display: inline ! important;
1664 #acct_select, #acct_prefs_select {
1665 display: inline-block;
1667 #acct_tabs, #acct_prefs_tabs {
1672 @media only screen and (max-width: 600px) {
1674 font-size: [% css_fonts.size_big %];
1676 span .nav_arrow_fix {
1683 #homesearch_main_logo img {
1693 #your-acct-login a {
1703 #locale_picker_form {
1706 #gold-links-holder {
1709 #simple-detail-view-links {
1712 #acct_tabs a, #acct_fines_tabs a {
1713 padding: 2px 4px 3px 4px;
1714 -moz-border-radius: 6px 6px 0px 0px;
1715 border-radius: 6px 6px 0px 0px;
1716 font-size: [% css_fonts.size_base %];
1717 margin: 0px 5px 0px 0px;
1721 background: transparent;
1728 #dash_wrapper .opac-button {
1732 display: inline !important;
1740 #holds_box form blockquote {
1744 #holds_box form blockquote select {
1747 #myopac_sum_fines_placehold {
1753 .results_header_lbl {
1756 .results_header_nav1 span.h1 {
1762 .start_end_links_span {
1768 .result_table_pic_header {
1769 padding-left: 0px !important;
1771 width: 0px !important;
1779 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1782 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1783 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1786 .results_info_table td {
1789 #results_header_bar {
1790 background-color: inherit;
1792 .results_header_btns a {
1798 #rdetails_status thead {
1801 #rdetails_status tr {
1805 #rdetails_status td {
1810 background-color: [% css_colors.accent_lightest %];
1812 .copy_details_offers_row {
1813 background-color: [% css_colors.accent_lightest %];
1815 select#pickup_lib.search-wrapper-locg {
1818 #search-wrapper #search-box {
1822 #main-content-home {
1826 /* Make use of full width in mobile mode */
1827 .facet_box_wrapper .box_wrapper .box,
1828 .facet_template .facet,
1832 .facet_template .count {
1838 #adv_search_parent {
1839 font-size: [% css_fonts.size_smaller %];
1841 #adv_search_filters {
1848 .rdetail_aux_utils {
1855 div#rdetail_actions_div {
1861 .search_catalog_lbl {
1863 white-space: nowrap;
1865 .adv_search_catalog_lbl {
1867 white-space: nowrap;
1869 .browse_the_catalog_lbl {
1870 white-space: nowrap;
1882 .dash_account_buttons {
1885 .searchbar { line-height: 1.5em; }
1886 #browse-controls { line-height: 1.5em; }
1887 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1894 .bookshelf table thead tr {
1897 #lowhits_help { width: inherit; }
1899 font-size: [% css_fonts.size_small %];
1900 margin: 2px 2px 0px 2px;
1901 padding: 2px 2px 5px 2px;
1902 -moz-border-radius: 10px 0px 0px 0px;
1903 border-radius: 7px 7px 0px 0px;
1905 #adv_global_tbody td {
1906 border-bottom: thin solid [% css_colors.accent_light %];
1908 #adv_global_addrow td {
1909 border-bottom: none;
1911 /* Force table to not be like tables anymore */
1912 table#acct_checked_main_header thead tr th {
1915 table#acct_checked_main_header tbody tr td {
1919 /* Hide table headers (but not display: none;, for accessibility) */
1926 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1928 table#acct_checked_main_header td {
1929 /* Behave like a "row" */
1931 border-bottom: 1px solid #eee;
1936 table#acct_checked_main_header td:before {
1937 /* Now like a table header */
1939 /* Top/left values mimic padding */
1942 padding-right: 10px;
1943 white-space: nowrap;
1946 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1947 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1948 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1949 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1950 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1951 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1953 table#acct_holds_main_header thead tr th {
1956 table#acct_holds_main_header tbody tr td {
1960 table#acct_holds_main_header td {
1961 /* Behave like a "row" */
1963 border-bottom: 1px solid #eee;
1969 table#acct_holds_main_header td:before {
1970 /* Now like a table header */
1972 /* Top/left values mimic padding */
1975 padding-right: 10px;
1976 white-space: nowrap;
1979 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1980 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
1981 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
1982 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
1983 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
1984 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
1985 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
1986 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
1987 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }