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 {
103 vertical-align: middle;
104 background: [% css_colors.primary %];
107 padding: 0em 1em 0em 1em;
111 margin: 0em 1em 0em 1em;
114 color: [% css_colors.primary_fade %];
121 background: [% css_colors.primary %];
126 #dashboard span.dash-align a {
128 text-decoration: none;
135 text-transform: capitalize;
140 #logout_link { left: 1px; }
142 #dash_checked { color: [% css_colors.text_attention %]; }
143 #dash_holds { color: [% css_colors.text_attention %]; }
144 #dash_pickup { color: [% css_colors.text_goodnews %]; }
145 #dash_fines { color: [% css_colors.text_badnews %]; }
147 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
148 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
149 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
150 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
151 background-color: [% css_colors.primary_fade %];
154 color: [% css_colors.background %];
157 font-size: [% css_fonts.size_small %];
161 color: [% css_colors.background %];
165 color: [% css_colors.text_invert %];
166 text-decoration: none;
170 color: [% css_colors.text_invert %];
171 font-size: [% css_fonts.size_small %];
179 color: [% css_colors.text_invert %];
183 text-decoration: none;
186 #header-links a:hover {
187 color: [% css_colors.text_invert %];
188 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
189 text-decoration: none;
192 #header #header-links2 {
195 color: [% css_colors.text_invert %];
196 padding-bottom: 15px;
199 #header #header-links2 a {
200 color: [% css_colors.text_invert %];
203 #header #header-links2 a:hover {
204 text-decoration: underline;
207 #header #your-acct-login {
223 background: [% css_colors.background_invert %];
233 border-bottom: 1px solid [% css_colors.border_standard %];
235 background: [% css_colors.background %];
238 #search-wrapper #breadcrumb {
240 font-size: [% css_fonts.size_smaller %];
244 #search-wrapper #search-within {
251 #search-wrapper #breadcrumb a {
252 color: [% css_colors.text %];
255 #search-wrapper #search_frm label {
256 font-size: [% css_fonts.size_smaller %];
259 #search-wrapper #search-box {
263 padding-bottom: 10px;
266 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
271 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
274 vertical-align: middle;
276 margin: 10px 7px 0px 0px;
277 padding: 10px 0px 10px 0px;
278 -moz-border-radius: 10px 10px 0px 0px;
279 border-radius: 10px 10px 0px 0px;
281 color: [% css_colors.text_invert %];
282 background: [% css_colors.control %];
284 text-decoration: none;
287 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
288 padding: 1em 1em 0.5em;
291 #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 {
292 background: [% css_colors.primary %];
293 color: [% css_colors.text_invert %];
294 text-decoration: none;
297 #adv_search_filters {
308 #adv_filter_block_item {
327 padding-left: 10px !important;
330 #adv_search.on, #num_search.on, #expert_search.on {
331 color: [% css_colors.accent_darker %];
332 background: [% css_colors.background %];
333 text-decoration: none;
336 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
337 color: [% css_colors.accent_darker %];
338 background: [% css_colors.background %];
339 text-decoration: none;
343 background: [% css_colors.control %];
346 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
348 font-size: [% css_fonts.size_smaller %];
349 color: [% css_colors.accent_darker %];
350 padding: 10px 10px 10px 10px;
353 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
354 background: [% css_colors.accent_lightest %];
355 color: [% css_colors.accent_darker %];
358 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
359 padding-bottom: 12px;
360 color: [% css_colors.accent_medium %];
363 #acct_select, #acct_prefs_select {
368 padding: 5px 7px 6px 0px;
370 border-bottom: 1px dotted [% css_colors.accent_light %];
374 color:[% css_colors.primary_fade %];
376 font-size: [% css_fonts.size_bigger %];
379 .rdetail_result_count {
380 color: [% css_colors.text %];
383 display: inline-block;
386 .rdetail_result_nav {
389 display: inline-block;
392 #rdetail_details_table {
396 #rdetail_image { border: none; }
397 #rdetail_image_cell {
406 padding: 0.5em 1em 0.5em 1em;
407 background-color: [% css_colors.accent_lighter2 %];
409 div.rdetail_uris ul li {
414 div.rdetail_show_copies {
418 div#rdetail_actions_div {
420 background: [% css_colors.background %];
423 span#rdetail_copy_counts {
424 display: inline-block;
431 span#rdetail_hold_counts {
432 display: inline-block;
435 span#rdetail_hold_counts p {
445 border-left:1px dotted [% css_colors.accent_light %];
452 border-bottom: 1px dotted [% css_colors.accent_light %];
456 div.toggle_list { padding-top: 6px; }
464 border-bottom: 1px dotted [% css_colors.accent_light %];
484 #rdetails_status td {
485 padding: 7px 0px 3px 13px;
489 #rdetails_status td[header=copy_header_library],
490 #rdetails_status td[header=copy_header_shelfloc] {
494 #rdetails_status thead th {
495 background-color: [% css_colors.accent_lighter2 %];
496 padding: 13px 0px 13px 13px;
497 font-size: [% css_fonts.size_smaller %];
498 text-transform: uppercase;
503 #rdetails_status tbody td {
507 #rdetails_status tbody td.copy_note {
508 color: [% css_colors.primary %];
510 white-space:pre-wrap !important;
516 background: [% css_colors.primary %];
525 background: [% css_colors.accent_light %];
530 .rdetail_extras_link {
533 font-size: [% css_fonts.size_smaller %];
534 text-transform: uppercase;
538 .rdetail_extras_lbl {
542 color: [% css_colors.text_invert %];
545 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
549 #rdetail_locs_expand, #rdetail_locs_collapse {
555 #rdetail_anotes_div .biography {
559 .almost-content-wrapper {
560 background: [% css_colors.background %];
564 background: [% css_colors.background %];
566 border-bottom: 1px solid [% css_colors.border_dark %];
569 .content-wrapper-record-page { top: -15px; position: relative; }
581 #main-content-after-bar {
586 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
588 #main-content .login_boxes {
589 border: 1px solid [% css_colors.accent_lighter %];
590 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
591 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
592 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
593 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
594 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
596 color: [% css_colors.accent_darker %];
599 #main-content .login_boxes h1 {
601 font-size: [% css_fonts.size_biggest %];
605 #main-content .left_brain {
610 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
614 background: [% css_colors.background %];
615 font-size: [% css_fonts.size_bigger %];
616 color: [% css_colors.text %];
619 #main-content .left_brain .input_bg {
620 padding:10px 10px 0px 13px;
633 font-size: [% css_fonts.size_biggest %];
637 #login-failed-message {
638 font-size: [% css_fonts.size_bigger %];
640 color: [% css_colors.text_alert %];
644 #holds_temp_parent td {
645 border-bottom:1px solid [% css_colors.border_standard %];
648 #holds_temp_parent input, #holds_temp_parent select {
652 #holds_temp_parent tr td div {
657 #holds_temp_parent tr td div.format_icon {
663 #results_header_bar {
664 background: [% css_colors.accent_medium %];
665 border-top:1px solid [% css_colors.accent_mediumdark %];
666 border-bottom:1px solid [% css_colors.accent_mediumdark %];
669 .cached_list_div { height: 25px; }
671 .results_header_div {
674 border-left: 1px solid [% css_colors.accent_mediumdark %];
675 border-right: 1px solid [% css_colors.accent_medium %];
679 .results_header_lbl {
682 color: [% css_colors.text %];
683 /* this border is not visible, but it keeps these labels the same size
685 border: 1px solid [% css_colors.accent_medium %];
686 background: [% css_colors.accent_medium %];
690 /* we need a negative margin on the select to allow the containing <label>
691 to determine the actual size of the element. By doing this, we can increase
692 the odds that the buttons and the select will be the same size, and therefore
693 collapse correctly when the window width decreases */
694 .results_header_lbl select {
698 #limit_to_available {
699 vertical-align: middle;
702 .results_header_sel {
708 .results_header_nav1 {
709 padding: 5px 7px 6px 0px;
710 border-bottom: 1px dotted [% css_colors.accent_light %];
713 .results_header_nav1 .h1 {
714 font-size: [% css_fonts.size_bigger %];
716 color:[% css_colors.primary_fade %];
723 tr.result_table_row > td.results_row_count,
724 tr.result_table_row > td.result_table_pic_header,
725 tr.result_table_row > td.result_table_title_cell {
735 tr.result_table_row:nth-child(n+2) > td {
736 border-top: 1px solid [% css_colors.accent_lighter2 %];
739 tr.result_table_row > td.result_table_pic_header {
750 .result_count_number {
754 .result_table_subtable {
759 div.result_table_utils_cont {
765 text-transform:capitalize;
768 #myopac_summary_div p {
773 #acct_sum_checked_table td {
777 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
778 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
780 #zero_search_hits p {
785 text-transform: uppercase;
789 #zero_search_hits #spell_check_link {
790 text-transform: uppercase;
793 #zero_search_hits #zero_hits_suggestions {
794 text-transform: uppercase;
800 background: [% css_colors.accent_light %];
805 .results_info_table td {
809 #myopac_holds_main_table {
810 border-collapse: collapse;
813 #myopac_holds_main_table td {
814 border: 1px solid [% css_colors.border_dark %];
818 #myopac_prefs_div .data_grid {
819 border-collapse:collapse;
822 #myopac_prefs_div .data_grid td {
823 background:[% css_colors.accent_ultralight %];
824 border-bottom:3px solid [% css_colors.background %];
825 padding:6px 0px 7px 17px;
830 font-size: [% css_fonts.size_bigger %];
832 color:[% css_colors.primary_fade %];
833 padding: 0px 7px 0px 0px;
834 border-bottom: 1px dotted [% css_colors.accent_light %];
848 border-collapse: collapse;
849 background: [% css_colors.accent_ultralight %];
850 font-size: [% css_fonts.size_smaller %];
852 text-transform: uppercase;
856 border-bottom: 2px solid white;
864 text-transform: none;
869 .acct_sum_table .view_link {
874 border-collapse: collapse;
875 margin: -1em 0 0.5em 0;
883 table.acct_notes th {
889 padding: 15px 0px 0px 23px;
890 background: [% css_colors.accent_ultralight %];
895 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
897 .acct_holds_temp td {
901 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
903 /*padding-left:10px;*/
906 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
908 text-transform:uppercase;
909 font-size: [% css_fonts.size_smaller %];
910 border-collapse: collapse;
913 #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 {
914 background: [% css_colors.accent_lighter2 %];
918 #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 {
920 padding: 0px 10px 0px 10px;
923 #acct_list_header select, #acct_list_header_anon select {
928 #acct_holds_activates_table label {
930 font-size: [% css_fonts.size_small %];
931 text-transform:uppercase;
935 .search_catalog_lbl {
936 font-size: [% css_fonts.size_bigger %];
938 .adv_search_catalog_lbl {
939 font-size: [% css_fonts.size_bigger %];
942 .browse_the_catalog_lbl {
943 font-size: [% css_fonts.size_bigger %];
947 font-size: [% css_fonts.size_bigger %];
952 font-size: [% css_fonts.size_smaller %];
959 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
960 background: [% css_colors.primary_fade %];
965 #fines_payments_wrapper {
970 .myopac_payments_table th { text-align: left; }
971 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
972 .myopac_payments_table thead th:first-child { width: 8em; }
973 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
974 .myopac_payments_table form { display: inline; }
975 .myopac_payments_table input[type="submit"] { padding: 1px; }
978 font-weight: bold; color: [% css_colors.text_alert %];
979 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
982 .payment-processing {
984 color: [% css_colors.text_greatnews %];
985 font-size: [% css_fonts.size_bigger %];
986 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
989 #adv_search_input { width: 100%; }
993 #search-submit-spinner {
997 div.adv_search_available {
1004 font-size: [% css_fonts.size_bigger %];
1009 width:100px !important;
1010 text-align: center !important;
1013 .chili_review div.chili_link div {
1017 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1018 /* some facet styling */
1019 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1020 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1021 .facetClassLabel { font-weight: bold; text-align: center; }
1022 .facetFieldContainer { }
1023 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1024 .extraFacetFieldsWrapper { }
1025 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1026 .facetFieldLineCount {
1027 display: inline-block;
1028 border-right: 1px solid [% css_colors.accent_light %];
1029 color: [% css_colors.accent_mediumdark %];
1033 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1034 .facetFields { padding-left: 5px; }
1035 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1040 border-right: 1px solid [% css_colors.border_standard %];
1050 .facet_box_temp .header {
1053 background:[% css_colors.primary %];
1054 -moz-border-top-left-radius: 5px;
1055 border-top-left-radius: 5px;
1056 -moz-border-top-right-radius: 5px;
1057 border-top-right-radius: 5px;
1059 color:[% css_colors.text_invert %];
1063 .facet_box_temp .header .title {
1070 .facet_box_temp .header a.button {
1074 color:[% css_colors.text_invert %];
1077 .facet_box_wrapper .box_wrapper {
1081 *margin-bottom:-6px;
1084 .facet_box_wrapper .box_wrapper .box {
1086 border-top:1px solid [% css_colors.border_standard %];
1087 border-left:1px solid [% css_colors.border_standard %];
1088 border-right:1px solid [% css_colors.border_standard %];
1089 background:[% css_colors.background %];
1098 .facet_template .facet {
1101 margin-bottom: 0.5em;
1104 .facet_template .count {
1106 color: [% css_colors.accent_mediumdark %];
1109 .facet_template_selected .facet {
1110 background-color: [% css_colors.accent_lighter2 %];
1114 border-left: 1px solid [% css_colors.border_standard %];
1115 padding-right: 0.5em;
1119 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1120 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1121 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1122 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1123 background-color: [% css_colors.primary %];
1128 padding-bottom: 10px;
1130 font-size: [% css_fonts.size_small %];
1134 color: [% css_colors.text_invert %];
1135 text-decoration: none;
1136 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1139 #copyright_text, #footer_logo {
1140 color: [% css_colors.text_invert %];
1144 text-transform: uppercase;
1146 font-size: [% css_fonts.size_smaller %];
1149 .advanced_div { padding-top: 15px; }
1150 #adv_global_search { width: 100%; }
1151 #adv_global_search select { width: 13em; }
1152 #adv_global_addrow td { padding-top: 7px; }
1153 #adv_global_input_table { width: 100%; }
1154 #adv_global_input_table select { width: 7em; }
1156 font-size: [% css_fonts.size_smaller %];
1157 color: [% css_colors.text_alert %];
1159 #acct_prefs_header { float: left; }
1160 .search_page_nav_link {
1164 #opac.result.sort { width: 160px; }
1165 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1166 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1167 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1168 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1169 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1170 #adv_search_refine {
1171 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1173 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1175 background-color: [% css_colors.background %];
1176 color: [% css_colors.primary %]; text-decoration: none;
1177 padding: 0; border: 0; margin: 0;
1178 vertical-align: middle;
1180 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1181 .no-dec:hover { text-decoration: none; }
1182 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1184 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1185 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1186 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1187 a.dash-link:hover { text-decoration: underline !important; }
1188 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1189 #list_create_table {
1190 background-color: [% css_colors.accent_light %];
1191 padding-bottom: 4px;
1192 margin-bottom: 10px;
1193 border-bottom: 1px dotted [% css_colors.accent_medium %];
1195 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1196 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1197 .results_row_count { font-weight: bold; }
1198 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1199 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1200 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1201 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1202 #hold_editor_table th { text-align: right; padding-right: 1em; }
1203 #hold_editor_table td { padding: 0.25em 0; }
1204 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1205 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1206 .hold-editor-controls a { padding-left: 2em; }
1208 .text-right { text-align: right; }
1209 .text-right-top { text-align: right; vertical-align: top; }
1210 .rdetail-author-div { padding-bottom: 10px; }
1212 .invisible { visibility: hidden; }
1213 .rdetail-extras-summary { margin: 10px; }
1214 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1215 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1216 .expert-search-row { padding-top: 10px; }
1217 #adv_expert_row label { font-weight: bold; }
1219 .bookshelf thead tr td {
1220 border-bottom: 1px dashed [% css_colors.accent_dark %];
1221 padding-bottom: 1ex;
1223 .cn_browse_item { padding: 2ex; }
1224 .results-paginator-list { padding-left: 1em; }
1225 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1226 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1228 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1229 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1230 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1232 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1234 .results_header_btns, .results_header_sel {
1239 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1240 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1243 .opac-multiline-button > a,
1244 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1245 color: [% css_colors.button_text %];
1247 text-decoration: none;
1248 cursor: pointer !important;
1249 -moz-border-radius: 5px;
1251 border: 1px solid [% css_colors.primary %];
1252 background: [% css_colors.primary_fade %];
1255 display: inline-block;
1258 .opac-multiline-button > a:hover,
1259 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1260 background: [% css_colors.primary %];
1263 .opac-button:disabled {
1264 color: [% css_colors.accent_medium %];
1265 cursor: pointer !important;
1266 border: 1px solid [% css_colors.accent_light %];
1267 background-color: [% css_colors.accent_lighter %];
1270 /* Firefox adds its own special space to inputs; this gets us closer */
1271 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1276 .opac-button-header, #dash_wrapper .opac-button {
1277 background: [% css_colors.control %];
1278 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1279 font-size: [% css_fonts.size_base %];
1282 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1283 border-color: [% css_colors.control %];
1286 .opac-multiline-button > a {
1287 display: inline-block;
1290 #dash_wrapper .opac-button {
1295 #myopac_checked_div {
1299 .rdetail-mfhd-head {
1302 background-color: [% css_colors.table_heading %];
1305 .rdetail-mfhd-type {
1309 .rdetail-mfhd-bottom {
1310 border-bottom: thin solid [% css_colors.border_dark %];
1314 #rdetail_record_details {
1321 padding-left: 1.5em;
1324 .rdetail_content_type, .rdetail_subject_type {
1325 vertical-align: top;
1329 .bookbag-item-row td { vertical-align: top; }
1331 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1333 color: [% css_colors.text_greatnews %];
1337 .rdetail_related_subjects {
1341 .rdetail_related_series {
1349 .rdetail_openurl_entry {
1353 .bookbag-controls-holder { width: 100%; }
1354 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1355 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1356 .bookbag-controls-holder .most {
1360 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1361 .bookbag-share .fixed { min-width: 4em; }
1362 .bookbag-specific { margin-left: 1em; }
1363 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1364 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1365 #bbag-name-desc-form tr th { vertical-align: middle; }
1366 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1367 .bookbag-description {
1372 #bbag-edit-description { width: 20em; }
1373 #bbag-edit-name { width: 20em; }
1374 textarea { font-family: sans-serif; }
1375 table.bookbag-specific {
1376 border-right: 1px solid [% css_colors.accent_dark %];
1377 border-bottom: 1px solid [% css_colors.accent_medium %];
1386 padding: 5px 0px 0px 10px;
1389 .bookbag-specific td.list_checkbox {
1390 padding-left: 10px !important;
1392 .bookbag-specific td.list_entry {
1394 padding-left: 5px !important;
1396 .bookbag-specific td.list_actions {
1397 white-space: nowrap !important;
1399 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1402 padding: 8px 0px 6px 0px;
1405 font-size: [% css_fonts.size_bigger %];
1409 .save-notes { padding-bottom: 1.5ex; }
1411 .nonbreaking-wrapper {
1412 display: inline-block;
1415 /* Moved from semiauto.css */
1416 .adv_global_input_container {
1417 border-bottom: none;
1421 border-bottom: none;
1424 .adv_global_filter_sort {
1428 .clear-both { clear: both; }
1439 .alert { color: [% css_colors.text_alert %]; }
1440 .float-left { float: left; }
1441 .float-right { float: right; }
1443 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1444 .saved-searches-header .button { float: right; width: 28px; }
1445 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1446 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1447 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1448 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1449 border-right: 1px solid [% css_colors.accent_darker %];
1451 .result_item_circulated {
1455 .result_item_circulated span {
1461 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1462 #result-bookbag-heading { text-align: center; margin: 2ex; }
1464 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1465 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1466 .result-bookbag-item-note { font-style: italic; }
1467 .lowhits-bookbag-name { font-weight: bold; }
1468 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1469 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1470 .oils_AS_match_field {
1471 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1472 text-align: right; color: [% css_colors.accent_medium %];
1474 table.result_holdings_table {
1478 table.result_holdings_table thead tr {
1479 background: [% css_colors.table_heading %];
1481 table.result_holdings_table thead tr th {
1485 margin: 0 2em 0 2em;
1488 vertical-align: super;
1489 font-size: [% css_fonts.size_smaller %];
1490 line-height: normal;
1491 text-decoration: none;
1493 .rdetail-holding-group { margin-left: 1.5em; }
1494 .rdetail-holding-group span { margin-left: 1.5em; }
1495 .rdetail-holding-group .paging { margin-left: 1.5em; }
1496 #rdetail_deleted_exp {
1500 border: thick solid [% css_colors.border_alert %];
1503 #ac_tab_wrapper { width : 100%; }
1504 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1505 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1506 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1507 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1509 /* Popmenu styles used for making css menus. */
1523 width: 10em; /* Width to help Opera out */
1524 background-color: [% css_colors.primary %];
1526 .popmenu li:hover ul {
1531 border-color: [% css_colors.border_dark %];
1533 border-style: solid;
1535 .popmenu li:hover li {
1538 .popmenu li:hover li a {
1539 background-color: [% css_colors.primary %];
1540 color: [% css_colors.accent_ultralight %];
1542 .popmenu li li a:hover {
1543 background-color: [% css_colors.accent_ultralight %];
1544 color: [% css_colors.primary %];
1546 /* Styles for the temporary list entry. */
1547 .popmenu li:hover li[class~="temporary"] a {
1548 background-color: [% css_colors.primary %];
1549 color: [% css_colors.accent_ultralight %];
1551 .popmenu li li[class~="temporary"] a:hover {
1552 background-color: [% css_colors.accent_ultralight %];
1553 color: [% css_colors.primary %];
1555 /* Styles for the default list entry. */
1556 .popmenu li:hover li[class~="default"] a {
1557 background-color: [% css_colors.primary %];
1558 color: [% css_colors.accent_ultralight %];
1560 .popmenu li li[class~="default"] a:hover {
1561 background-color: [% css_colors.accent_ultralight %];
1562 color: [% css_colors.primary %];
1564 /* Styles for the new list entry. */
1565 .popmenu li:hover li[class~="new"] a {
1566 background-color: [% css_colors.primary %];
1567 color: [% css_colors.accent_ultralight %];
1569 .popmenu li li[class~="new"] a:hover {
1570 background-color: [% css_colors.accent_ultralight %];
1571 color: [% css_colors.primary %];
1573 /* Style to add a divider on the menu. */
1574 .popmenu li li[class~="divider"] {
1575 border-bottom-width: 1px;
1576 border-bottom-color: [% css_colors.border_dark %];
1577 border-bottom-style: solid;
1580 #locale_picker_form {
1582 padding: 0.5em 1em 0.5em 0;
1583 border-right: thin [% css_colors.control %] solid;
1586 #locale_picker_form * {
1589 vertical-align: middle;
1592 #patron_usr_barcode_not_found {
1593 font-weight: bold; color: [% css_colors.text_alert %];
1606 padding-bottom: 0.5em;
1610 #maintenance_message {
1613 background-color: [% css_colors.text_alert %];
1614 color: [% css_colors.text_invert %];
1618 #search-box > span {
1625 .browse-result-sources, .browse-result-authority-bib-links {
1628 .browse-result-best-match {
1634 .browse-result-list {
1635 padding-bottom: 0.5ex;
1638 font-size: [% css_fonts.size_bigger %];
1640 .browse-result-authority-field-name {
1644 .browse-leading-article-warning {
1646 font-size: [% css_fonts.size_big %];
1648 .browse-public-general-note {
1649 font-size: [% css_fonts.size_big %];
1651 .browse-public-general-note-label { }
1652 .browse-public-general-note-institution {
1656 .browse-public-general-note-body {
1664 #main-content-register {
1666 font-size: [% css_fonts.size_bigger %];
1669 #main-content-register table {
1672 border-collapse: collapse;
1675 #main-content-register td {
1679 #main-content-register td:not(:first-child) {
1683 .patron-reg-invalid {
1686 padding-right: 10px;
1689 .result_footer_nav1 {
1693 .small_view_only, #refine_hits, #return_to_hits {
1697 .rdetail_authors_div {
1701 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1702 white-space: nowrap;
1703 display: inline-block;
1706 .result_table_title_cell {
1708 padding-bottom: 4px;
1712 font-size: [% css_fonts.size_bigger %];
1715 @media only screen and (max-width: 800px) {
1716 .facet_sidebar_hidden, .result_block_hidden {
1719 .facet_sidebar_visible, .result_block_visible {
1720 display: inline ! important;
1722 #acct_select, #acct_prefs_select {
1723 display: inline-block;
1725 #acct_tabs, #acct_prefs_tabs {
1730 @media only screen and (max-width: 600px) {
1732 font-size: [% css_fonts.size_big %];
1734 span .nav_arrow_fix {
1741 #homesearch_main_logo img {
1751 #your-acct-login a {
1761 #locale_picker_form {
1764 #gold-links-holder {
1767 #simple-detail-view-links {
1770 #acct_tabs a, #acct_fines_tabs a {
1771 padding: 2px 4px 3px 4px;
1772 -moz-border-radius: 6px 6px 0px 0px;
1773 border-radius: 6px 6px 0px 0px;
1774 font-size: [% css_fonts.size_base %];
1775 margin: 0px 5px 0px 0px;
1779 background: transparent;
1786 #dash_wrapper .opac-button {
1790 display: inline !important;
1798 #holds_box form blockquote {
1802 #holds_box form blockquote select {
1805 #myopac_sum_fines_placehold {
1811 .results_header_div, .results_header_lbl {
1814 .results_header_nav1 span.h1 {
1820 .start_end_links_span {
1826 .result_table_pic_header {
1827 padding-left: 0px !important;
1829 width: 0px !important;
1837 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1840 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1841 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1844 .results_info_table td {
1847 #results_header_bar {
1848 background-color: inherit;
1850 .results_header_btns a {
1856 #rdetails_status thead {
1859 #rdetails_status tr {
1863 #rdetails_status td {
1868 background-color: [% css_colors.accent_lightest %];
1870 .copy_details_offers_row {
1871 background-color: [% css_colors.accent_lightest %];
1873 select#pickup_lib.search-wrapper-locg {
1876 #search-wrapper #search-box {
1880 #main-content-home {
1884 /* Make use of full width in mobile mode */
1885 .facet_box_wrapper .box_wrapper .box,
1886 .facet_template .facet,
1890 .facet_template .count {
1896 #adv_search_parent {
1897 font-size: [% css_fonts.size_smaller %];
1899 #adv_search_filters {
1906 .rdetail_aux_utils {
1913 div#rdetail_actions_div {
1919 .search_catalog_lbl {
1921 white-space: nowrap;
1923 .adv_search_catalog_lbl {
1925 white-space: nowrap;
1927 .browse_the_catalog_lbl {
1928 white-space: nowrap;
1936 .dash_account_buttons {
1939 .searchbar { line-height: 1.5em; }
1940 #browse-controls { line-height: 1.5em; }
1941 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1948 .bookshelf table thead tr {
1951 #lowhits_help { width: inherit; }
1953 font-size: [% css_fonts.size_small %];
1954 margin: 2px 2px 0px 2px;
1955 padding: 2px 2px 5px 2px;
1956 -moz-border-radius: 10px 0px 0px 0px;
1957 border-radius: 7px 7px 0px 0px;
1959 #adv_global_tbody td {
1960 border-bottom: thin solid [% css_colors.accent_light %];
1962 #adv_global_addrow td {
1963 border-bottom: none;
1965 /* Force table to not be like tables anymore */
1966 table#acct_checked_main_header thead tr th {
1969 table#acct_checked_main_header tbody tr td {
1973 /* Hide table headers (but not display: none;, for accessibility) */
1980 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1982 table#acct_checked_main_header td {
1983 /* Behave like a "row" */
1985 border-bottom: 1px solid #eee;
1990 table#acct_checked_main_header td:before {
1991 /* Now like a table header */
1993 /* Top/left values mimic padding */
1996 padding-right: 10px;
1997 white-space: nowrap;
2000 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2001 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
2002 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
2003 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
2004 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
2005 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
2007 table#acct_holds_main_header thead tr th {
2010 table#acct_holds_main_header tbody tr td {
2014 table#acct_holds_main_header td {
2015 /* Behave like a "row" */
2017 border-bottom: 1px solid #eee;
2023 table#acct_holds_main_header td:before {
2024 /* Now like a table header */
2026 /* Top/left values mimic padding */
2029 padding-right: 10px;
2030 white-space: nowrap;
2033 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2034 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2035 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2036 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2037 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2038 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2039 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2040 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2041 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }