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;
876 #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 {
877 background: [% css_colors.accent_lighter2 %];
881 #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 {
883 padding: 0px 10px 0px 10px;
886 #acct_list_header select, #acct_list_header_anon select {
891 .search_catalog_lbl {
892 font-size: [% css_fonts.size_bigger %];
894 .adv_search_catalog_lbl {
895 font-size: [% css_fonts.size_bigger %];
898 .browse_the_catalog_lbl {
899 font-size: [% css_fonts.size_bigger %];
903 font-size: [% css_fonts.size_bigger %];
908 font-size: [% css_fonts.size_smaller %];
915 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
916 background: [% css_colors.primary_fade %];
921 #fines_payments_wrapper {
926 .myopac_payments_table th { text-align: left; }
927 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
928 .myopac_payments_table thead th:first-child { width: 8em; }
929 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
930 .myopac_payments_table form { display: inline; }
931 .myopac_payments_table input[type="submit"] { padding: 1px; }
934 font-weight: bold; color: [% css_colors.text_alert %];
935 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
938 .payment-processing {
940 color: [% css_colors.text_greatnews %];
941 font-size: [% css_fonts.size_bigger %];
942 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
945 #adv_search_input { width: 100%; }
949 #search-submit-spinner {
953 div.adv_search_available {
960 font-size: [% css_fonts.size_bigger %];
965 width:100px !important;
966 text-align: center !important;
969 .chili_review div.chili_link div {
973 [%- IF we_want_to_turn_on_facet_styling.defined; %]
974 /* some facet styling */
975 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
976 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
977 .facetClassLabel { font-weight: bold; text-align: center; }
978 .facetFieldContainer { }
979 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
980 .extraFacetFieldsWrapper { }
981 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
982 .facetFieldLineCount {
983 display: inline-block;
984 border-right: 1px solid [% css_colors.accent_light %];
985 color: [% css_colors.accent_mediumdark %];
989 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
990 .facetFields { padding-left: 5px; }
991 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1003 .facet_box_temp .header {
1005 background:[% css_colors.primary %];
1006 -moz-border-top-left-radius: 5px;
1007 border-top-left-radius: 5px;
1008 -moz-border-top-right-radius: 5px;
1009 border-top-right-radius: 5px;
1011 color:[% css_colors.text_invert %];
1015 .facet_box_temp .header .title {
1021 .facet_box_temp .header a.button {
1025 color:[% css_colors.text_invert %];
1028 .facet_box_wrapper .box_wrapper .box {
1029 border-top:1px solid [% css_colors.border_standard %];
1030 border-left:1px solid [% css_colors.border_standard %];
1031 border-right:1px solid [% css_colors.border_standard %];
1038 box-sizing: border-box;
1039 -moz-box-sizing: border-box;
1045 .facet_template div {
1046 display: table-cell;
1050 .facet_template .count {
1052 color: [% css_colors.accent_mediumdark %];
1055 .facet_template_selected {
1056 background-color: [% css_colors.accent_lighter2 %];
1057 border: 1px solid [% css_colors.accent_medium %];
1061 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1062 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1063 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1064 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1065 background-color: [% css_colors.primary %];
1070 padding-bottom: 10px;
1072 font-size: [% css_fonts.size_small %];
1076 color: [% css_colors.text_invert %];
1077 text-decoration: none;
1078 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1081 #copyright_text, #footer_logo {
1082 color: [% css_colors.text_invert %];
1089 .advanced_div { padding-top: 15px; }
1090 #adv_global_search { width: 100%; }
1091 #adv_global_search select { width: 13em; }
1092 #adv_global_addrow td { padding-top: 7px; }
1093 #adv_global_input_table { width: 100%; }
1094 #adv_global_input_table select { width: 7em; }
1096 font-size: [% css_fonts.size_smaller %];
1097 color: [% css_colors.text_alert %];
1099 #acct_prefs_header { float: left; }
1100 .search_page_nav_link {
1104 #opac.result.sort { width: 160px; }
1105 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1106 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1107 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1108 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1109 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1110 #adv_search_refine {
1111 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1113 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1115 background-color: [% css_colors.background %];
1116 color: [% css_colors.primary %]; text-decoration: none;
1117 padding: 0; border: 0; margin: 0;
1118 vertical-align: middle;
1120 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1121 .no-dec:hover { text-decoration: none; }
1122 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1124 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1125 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1126 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1127 a.dash-link:hover { text-decoration: underline !important; }
1128 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1129 #list_create_table {
1130 background-color: [% css_colors.accent_light %];
1131 padding-bottom: 4px;
1132 margin-bottom: 10px;
1133 border-bottom: 1px dotted [% css_colors.accent_medium %];
1135 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1136 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1137 .results_row_count { font-weight: bold; }
1138 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1139 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1140 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1141 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1142 #hold_editor_table th { text-align: right; padding-right: 1em; }
1143 #hold_editor_table td { padding: 0.25em 0; }
1144 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1145 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1146 .hold-editor-controls a { padding-left: 2em; }
1148 .text-right { text-align: right; }
1149 .text-right-top { text-align: right; vertical-align: top; }
1150 .rdetail-author-div { padding-bottom: 10px; }
1152 .invisible { visibility: hidden; }
1153 .rdetail-extras-summary { margin: 10px; }
1154 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1155 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1156 .expert-search-row { padding-top: 10px; }
1157 #adv_expert_row label { font-weight: bold; }
1159 .bookshelf thead tr td {
1160 border-bottom: 1px dashed [% css_colors.accent_dark %];
1161 padding-bottom: 1ex;
1163 .cn_browse_item { padding: 2ex; }
1164 .results-paginator-list { padding-left: 1em; }
1165 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1166 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1168 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1169 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1170 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1172 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1174 .results_header_btns, .results_header_sel {
1179 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1180 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1183 .opac-multiline-button > a,
1184 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1185 color: [% css_colors.button_text %];
1187 text-decoration: none;
1188 cursor: pointer !important;
1189 -moz-border-radius: 5px;
1191 border: 1px solid [% css_colors.primary %];
1192 background: [% css_colors.primary_fade %];
1195 display: inline-block;
1198 .opac-multiline-button > a:hover,
1199 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1200 background: [% css_colors.primary %];
1203 .opac-button:disabled {
1204 color: [% css_colors.accent_medium %];
1205 cursor: pointer !important;
1206 border: 1px solid [% css_colors.accent_light %];
1207 background-color: [% css_colors.accent_lighter %];
1210 /* Firefox adds its own special space to inputs; this gets us closer */
1211 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1216 .opac-button-header, #dash_wrapper .opac-button {
1217 background: [% css_colors.control %];
1218 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1219 font-size: [% css_fonts.size_base %];
1221 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1222 border-color: [% css_colors.control %];
1225 .opac-multiline-button > a {
1226 display: inline-block;
1229 #myopac_checked_div {
1233 .rdetail-mfhd-head {
1236 background-color: [% css_colors.table_heading %];
1239 .rdetail-mfhd-type {
1243 .rdetail-mfhd-bottom {
1244 border-bottom: thin solid [% css_colors.border_dark %];
1248 #rdetail_record_details {
1255 padding-left: 1.5em;
1258 .rdetail_content_type, .rdetail_subject_type {
1259 vertical-align: top;
1263 .bookbag-item-row td { vertical-align: top; }
1265 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1267 color: [% css_colors.text_greatnews %];
1271 .rdetail_related_subjects {
1275 .rdetail_related_series {
1283 .rdetail_openurl_entry {
1287 .bookbag-controls-holder { width: 100%; }
1288 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1289 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1290 .bookbag-controls-holder .most {
1294 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1295 .bookbag-share .fixed { min-width: 4em; }
1296 .bookbag-specific { margin-left: 1em; }
1297 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1298 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1299 #bbag-name-desc-form tr th { vertical-align: middle; }
1300 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1301 .bookbag-description {
1306 #bbag-edit-description { width: 20em; }
1307 #bbag-edit-name { width: 20em; }
1308 textarea { font-family: sans-serif; }
1309 table.bookbag-specific {
1310 border-right: 1px solid [% css_colors.accent_dark %];
1311 border-bottom: 1px solid [% css_colors.accent_medium %];
1320 padding: 5px 0px 0px 10px;
1323 .bookbag-specific td.list_checkbox {
1324 padding-left: 10px !important;
1326 .bookbag-specific td.list_entry {
1328 padding-left: 5px !important;
1330 .bookbag-specific td.list_actions {
1331 white-space: nowrap !important;
1333 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1336 padding: 8px 0px 6px 0px;
1339 font-size: [% css_fonts.size_bigger %];
1343 .save-notes { padding-bottom: 1.5ex; }
1345 .nonbreaking-wrapper {
1346 display: inline-block;
1349 /* Moved from semiauto.css */
1350 .adv_global_input_container {
1351 border-bottom: none;
1355 border-bottom: none;
1358 .adv_global_filter_sort {
1362 .clear-both { clear: both; }
1373 .alert { color: [% css_colors.text_alert %]; }
1374 .float-left { float: left; }
1375 .float-right { float: right; }
1377 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1378 .saved-searches-header .button { float: right; width: 28px; }
1379 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1380 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1381 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1382 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1383 border-right: 1px solid [% css_colors.accent_darker %];
1385 .result_item_circulated {
1389 .result_item_circulated span {
1395 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1396 #result-bookbag-heading { text-align: center; margin: 2ex; }
1398 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1399 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1400 .result-bookbag-item-note { font-style: italic; }
1401 .lowhits-bookbag-name { font-weight: bold; }
1402 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1403 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1404 .oils_AS_match_field {
1405 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1406 text-align: right; color: [% css_colors.accent_medium %];
1408 table.result_holdings_table {
1412 table.result_holdings_table thead tr {
1413 background: [% css_colors.table_heading %];
1415 table.result_holdings_table thead tr th {
1419 margin: 0 2em 0 2em;
1422 vertical-align: super;
1423 font-size: [% css_fonts.size_smaller %];
1424 line-height: normal;
1425 text-decoration: none;
1427 .rdetail-holding-group { margin-left: 1.5em; }
1428 .rdetail-holding-group span { margin-left: 1.5em; }
1429 .rdetail-holding-group .paging { margin-left: 1.5em; }
1430 #rdetail_deleted_exp {
1434 border: thick solid [% css_colors.border_alert %];
1437 #ac_tab_wrapper { width : 100%; }
1438 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1439 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1440 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1441 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1443 /* Popmenu styles used for making css menus. */
1457 width: 10em; /* Width to help Opera out */
1458 background-color: [% css_colors.primary %];
1460 .popmenu li:hover ul {
1465 border-color: [% css_colors.border_dark %];
1467 border-style: solid;
1469 .popmenu li:hover li {
1472 .popmenu li:hover li a {
1473 background-color: [% css_colors.primary %];
1474 color: [% css_colors.accent_ultralight %];
1476 .popmenu li li a:hover {
1477 background-color: [% css_colors.accent_ultralight %];
1478 color: [% css_colors.primary %];
1480 /* Styles for the temporary list entry. */
1481 .popmenu li:hover li[class~="temporary"] a {
1482 background-color: [% css_colors.primary %];
1483 color: [% css_colors.accent_ultralight %];
1485 .popmenu li li[class~="temporary"] a:hover {
1486 background-color: [% css_colors.accent_ultralight %];
1487 color: [% css_colors.primary %];
1489 /* Styles for the default list entry. */
1490 .popmenu li:hover li[class~="default"] a {
1491 background-color: [% css_colors.primary %];
1492 color: [% css_colors.accent_ultralight %];
1494 .popmenu li li[class~="default"] a:hover {
1495 background-color: [% css_colors.accent_ultralight %];
1496 color: [% css_colors.primary %];
1498 /* Styles for the new list entry. */
1499 .popmenu li:hover li[class~="new"] a {
1500 background-color: [% css_colors.primary %];
1501 color: [% css_colors.accent_ultralight %];
1503 .popmenu li li[class~="new"] a:hover {
1504 background-color: [% css_colors.accent_ultralight %];
1505 color: [% css_colors.primary %];
1507 /* Style to add a divider on the menu. */
1508 .popmenu li li[class~="divider"] {
1509 border-bottom-width: 1px;
1510 border-bottom-color: [% css_colors.border_dark %];
1511 border-bottom-style: solid;
1514 #locale_picker_form {
1518 border-right: thin [% css_colors.control %] solid;
1521 #locale_picker_form * {
1524 vertical-align: middle;
1527 #patron_usr_barcode_not_found {
1528 font-weight: bold; color: [% css_colors.text_alert %];
1541 padding-bottom: 0.5em;
1545 #maintenance_message {
1548 background-color: [% css_colors.text_alert %];
1549 color: [% css_colors.text_invert %];
1553 #search-box > span {
1560 .browse-result-sources, .browse-result-authority-bib-links {
1563 .browse-result-best-match {
1569 .browse-result-list {
1570 padding-bottom: 0.5ex;
1573 font-size: [% css_fonts.size_bigger %];
1575 .browse-result-authority-field-name {
1579 .browse-leading-article-warning {
1581 font-size: [% css_fonts.size_big %];
1583 .browse-public-general-note {
1584 font-size: [% css_fonts.size_big %];
1586 .browse-public-general-note-label { }
1587 .browse-public-general-note-institution {
1591 .browse-public-general-note-body {
1599 #main-content-register {
1601 font-size: [% css_fonts.size_bigger %];
1604 #main-content-register table {
1607 border-collapse: collapse;
1610 #main-content-register td {
1614 #main-content-register td:not(:first-child) {
1618 .patron-reg-invalid {
1621 padding-right: 10px;
1624 .result_footer_nav1 {
1628 .small_view_only, #refine_hits, #return_to_hits {
1632 .rdetail_authors_div {
1636 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1637 white-space: nowrap;
1638 display: inline-block;
1641 .result_table_title_cell {
1643 padding-bottom: 4px;
1647 font-size: [% css_fonts.size_bigger %];
1650 @media only screen and (max-width: 800px) {
1651 .facet_sidebar_hidden, .result_block_hidden {
1654 .facet_sidebar_visible, .result_block_visible {
1655 display: inline ! important;
1657 #acct_select, #acct_prefs_select {
1658 display: inline-block;
1660 #acct_tabs, #acct_prefs_tabs {
1665 @media only screen and (max-width: 600px) {
1667 font-size: [% css_fonts.size_big %];
1669 span .nav_arrow_fix {
1676 #homesearch_main_logo img {
1686 #your-acct-login a {
1696 #locale_picker_form {
1699 #gold-links-holder {
1702 #simple-detail-view-links {
1705 #acct_tabs a, #acct_fines_tabs a {
1706 padding: 2px 4px 3px 4px;
1707 -moz-border-radius: 6px 6px 0px 0px;
1708 border-radius: 6px 6px 0px 0px;
1709 font-size: [% css_fonts.size_base %];
1710 margin: 0px 5px 0px 0px;
1714 background: transparent;
1721 #dash_wrapper .opac-button {
1725 display: inline !important;
1733 #holds_box form blockquote {
1737 #holds_box form blockquote select {
1740 #myopac_sum_fines_placehold {
1746 .results_header_lbl {
1749 .results_header_nav1 span.h1 {
1755 .start_end_links_span {
1761 .result_table_pic_header {
1762 padding-left: 0px !important;
1764 width: 0px !important;
1772 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1775 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1776 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1779 .results_info_table td {
1782 #results_header_bar {
1783 background-color: inherit;
1785 .results_header_btns a {
1791 #rdetails_status thead {
1794 #rdetails_status tr {
1798 #rdetails_status td {
1803 background-color: [% css_colors.accent_lightest %];
1805 .copy_details_offers_row {
1806 background-color: [% css_colors.accent_lightest %];
1808 select#pickup_lib.search-wrapper-locg {
1811 #search-wrapper #search-box {
1815 #main-content-home {
1819 /* Make use of full width in mobile mode */
1820 .facet_box_wrapper .box_wrapper .box,
1821 .facet_template .facet,
1825 .facet_template .count {
1831 #adv_search_parent {
1832 font-size: [% css_fonts.size_smaller %];
1834 #adv_search_filters {
1841 .rdetail_aux_utils {
1848 div#rdetail_actions_div {
1854 .search_catalog_lbl {
1856 white-space: nowrap;
1858 .adv_search_catalog_lbl {
1860 white-space: nowrap;
1862 .browse_the_catalog_lbl {
1863 white-space: nowrap;
1875 .dash_account_buttons {
1878 .searchbar { line-height: 1.5em; }
1879 #browse-controls { line-height: 1.5em; }
1880 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1887 .bookshelf table thead tr {
1890 #lowhits_help { width: inherit; }
1892 font-size: [% css_fonts.size_small %];
1893 margin: 2px 2px 0px 2px;
1894 padding: 2px 2px 5px 2px;
1895 -moz-border-radius: 10px 0px 0px 0px;
1896 border-radius: 7px 7px 0px 0px;
1898 #adv_global_tbody td {
1899 border-bottom: thin solid [% css_colors.accent_light %];
1901 #adv_global_addrow td {
1902 border-bottom: none;
1904 /* Force table to not be like tables anymore */
1905 table#acct_checked_main_header thead tr th {
1908 table#acct_checked_main_header tbody tr td {
1912 /* Hide table headers (but not display: none;, for accessibility) */
1919 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1921 table#acct_checked_main_header td {
1922 /* Behave like a "row" */
1924 border-bottom: 1px solid #eee;
1929 table#acct_checked_main_header td:before {
1930 /* Now like a table header */
1932 /* Top/left values mimic padding */
1935 padding-right: 10px;
1936 white-space: nowrap;
1939 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1940 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1941 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1942 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1943 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1944 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1946 table#acct_holds_main_header thead tr th {
1949 table#acct_holds_main_header tbody tr td {
1953 table#acct_holds_main_header td {
1954 /* Behave like a "row" */
1956 border-bottom: 1px solid #eee;
1962 table#acct_holds_main_header td:before {
1963 /* Now like a table header */
1965 /* Top/left values mimic padding */
1968 padding-right: 10px;
1969 white-space: nowrap;
1972 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1973 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
1974 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
1975 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
1976 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
1977 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
1978 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
1979 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
1980 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }