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_lbl {
674 color: [% css_colors.text %];
675 /* this border is not visible, but it keeps these labels the same size
677 border: 1px solid [% css_colors.accent_medium %];
678 background: [% css_colors.accent_medium %];
682 /* we need a negative margin on the select to allow the containing <label>
683 to determine the actual size of the element. By doing this, we can increase
684 the odds that the buttons and the select will be the same size, and therefore
685 collapse correctly when the window width decreases */
686 .results_header_lbl select {
690 #limit_to_available {
691 vertical-align: middle;
694 .results_header_sel {
700 .results_header_nav1 {
701 padding: 5px 7px 6px 0px;
702 border-bottom: 1px dotted [% css_colors.accent_light %];
705 .results_header_nav1 .h1 {
706 font-size: [% css_fonts.size_bigger %];
708 color:[% css_colors.primary_fade %];
715 tr.result_table_row > td.results_row_count,
716 tr.result_table_row > td.result_table_pic_header,
717 tr.result_table_row > td.result_table_title_cell {
727 tr.result_table_row:nth-child(n+2) > td {
728 border-top: 1px solid [% css_colors.accent_lighter2 %];
731 tr.result_table_row > td.result_table_pic_header {
742 .result_count_number {
746 .result_table_subtable {
751 div.result_table_utils_cont {
757 text-transform:capitalize;
760 #myopac_summary_div p {
765 #acct_sum_checked_table td {
769 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
770 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
772 #zero_search_hits p {
777 text-transform: uppercase;
781 #zero_search_hits #spell_check_link {
782 text-transform: uppercase;
785 #zero_search_hits #zero_hits_suggestions {
786 text-transform: uppercase;
792 background: [% css_colors.accent_light %];
797 .results_info_table td {
801 #myopac_holds_main_table {
802 border-collapse: collapse;
805 #myopac_holds_main_table td {
806 border: 1px solid [% css_colors.border_dark %];
810 #myopac_prefs_div .data_grid {
811 border-collapse:collapse;
814 #myopac_prefs_div .data_grid td {
815 background:[% css_colors.accent_ultralight %];
816 border-bottom:3px solid [% css_colors.background %];
817 padding:6px 0px 7px 17px;
822 font-size: [% css_fonts.size_bigger %];
824 color:[% css_colors.primary_fade %];
825 padding: 0px 7px 0px 0px;
826 border-bottom: 1px dotted [% css_colors.accent_light %];
840 border-collapse: collapse;
841 background: [% css_colors.accent_ultralight %];
842 font-size: [% css_fonts.size_smaller %];
844 text-transform: uppercase;
848 border-bottom: 2px solid white;
856 text-transform: none;
861 .acct_sum_table .view_link {
866 border-collapse: collapse;
867 margin: -1em 0 0.5em 0;
875 table.acct_notes th {
881 padding: 15px 0px 0px 23px;
882 background: [% css_colors.accent_ultralight %];
887 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
889 .acct_holds_temp td {
893 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
895 /*padding-left:10px;*/
898 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
900 text-transform:uppercase;
901 font-size: [% css_fonts.size_smaller %];
902 border-collapse: collapse;
905 #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 {
906 background: [% css_colors.accent_lighter2 %];
910 #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 {
912 padding: 0px 10px 0px 10px;
915 #acct_list_header select, #acct_list_header_anon select {
920 #acct_holds_activates_table label {
922 font-size: [% css_fonts.size_small %];
923 text-transform:uppercase;
927 .search_catalog_lbl {
928 font-size: [% css_fonts.size_bigger %];
930 .adv_search_catalog_lbl {
931 font-size: [% css_fonts.size_bigger %];
934 .browse_the_catalog_lbl {
935 font-size: [% css_fonts.size_bigger %];
939 font-size: [% css_fonts.size_bigger %];
944 font-size: [% css_fonts.size_smaller %];
951 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
952 background: [% css_colors.primary_fade %];
957 #fines_payments_wrapper {
962 .myopac_payments_table th { text-align: left; }
963 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
964 .myopac_payments_table thead th:first-child { width: 8em; }
965 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
966 .myopac_payments_table form { display: inline; }
967 .myopac_payments_table input[type="submit"] { padding: 1px; }
970 font-weight: bold; color: [% css_colors.text_alert %];
971 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
974 .payment-processing {
976 color: [% css_colors.text_greatnews %];
977 font-size: [% css_fonts.size_bigger %];
978 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
981 #adv_search_input { width: 100%; }
985 #search-submit-spinner {
989 div.adv_search_available {
996 font-size: [% css_fonts.size_bigger %];
1001 width:100px !important;
1002 text-align: center !important;
1005 .chili_review div.chili_link div {
1009 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1010 /* some facet styling */
1011 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1012 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1013 .facetClassLabel { font-weight: bold; text-align: center; }
1014 .facetFieldContainer { }
1015 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1016 .extraFacetFieldsWrapper { }
1017 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1018 .facetFieldLineCount {
1019 display: inline-block;
1020 border-right: 1px solid [% css_colors.accent_light %];
1021 color: [% css_colors.accent_mediumdark %];
1025 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1026 .facetFields { padding-left: 5px; }
1027 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1032 border-right: 1px solid [% css_colors.border_standard %];
1042 .facet_box_temp .header {
1045 background:[% css_colors.primary %];
1046 -moz-border-top-left-radius: 5px;
1047 border-top-left-radius: 5px;
1048 -moz-border-top-right-radius: 5px;
1049 border-top-right-radius: 5px;
1051 color:[% css_colors.text_invert %];
1055 .facet_box_temp .header .title {
1062 .facet_box_temp .header a.button {
1066 color:[% css_colors.text_invert %];
1069 .facet_box_wrapper .box_wrapper {
1073 *margin-bottom:-6px;
1076 .facet_box_wrapper .box_wrapper .box {
1078 border-top:1px solid [% css_colors.border_standard %];
1079 border-left:1px solid [% css_colors.border_standard %];
1080 border-right:1px solid [% css_colors.border_standard %];
1081 background:[% css_colors.background %];
1090 .facet_template .facet {
1093 margin-bottom: 0.5em;
1096 .facet_template .count {
1098 color: [% css_colors.accent_mediumdark %];
1101 .facet_template_selected .facet {
1102 background-color: [% css_colors.accent_lighter2 %];
1106 border-left: 1px solid [% css_colors.border_standard %];
1107 padding-right: 0.5em;
1111 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1112 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1113 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1114 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1115 background-color: [% css_colors.primary %];
1120 padding-bottom: 10px;
1122 font-size: [% css_fonts.size_small %];
1126 color: [% css_colors.text_invert %];
1127 text-decoration: none;
1128 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1131 #copyright_text, #footer_logo {
1132 color: [% css_colors.text_invert %];
1136 text-transform: uppercase;
1138 font-size: [% css_fonts.size_smaller %];
1141 .advanced_div { padding-top: 15px; }
1142 #adv_global_search { width: 100%; }
1143 #adv_global_search select { width: 13em; }
1144 #adv_global_addrow td { padding-top: 7px; }
1145 #adv_global_input_table { width: 100%; }
1146 #adv_global_input_table select { width: 7em; }
1148 font-size: [% css_fonts.size_smaller %];
1149 color: [% css_colors.text_alert %];
1151 #acct_prefs_header { float: left; }
1152 .search_page_nav_link {
1156 #opac.result.sort { width: 160px; }
1157 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1158 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1159 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1160 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1161 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1162 #adv_search_refine {
1163 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1165 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1167 background-color: [% css_colors.background %];
1168 color: [% css_colors.primary %]; text-decoration: none;
1169 padding: 0; border: 0; margin: 0;
1170 vertical-align: middle;
1172 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1173 .no-dec:hover { text-decoration: none; }
1174 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1176 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1177 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1178 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1179 a.dash-link:hover { text-decoration: underline !important; }
1180 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1181 #list_create_table {
1182 background-color: [% css_colors.accent_light %];
1183 padding-bottom: 4px;
1184 margin-bottom: 10px;
1185 border-bottom: 1px dotted [% css_colors.accent_medium %];
1187 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1188 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1189 .results_row_count { font-weight: bold; }
1190 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1191 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1192 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1193 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1194 #hold_editor_table th { text-align: right; padding-right: 1em; }
1195 #hold_editor_table td { padding: 0.25em 0; }
1196 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1197 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1198 .hold-editor-controls a { padding-left: 2em; }
1200 .text-right { text-align: right; }
1201 .text-right-top { text-align: right; vertical-align: top; }
1202 .rdetail-author-div { padding-bottom: 10px; }
1204 .invisible { visibility: hidden; }
1205 .rdetail-extras-summary { margin: 10px; }
1206 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1207 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1208 .expert-search-row { padding-top: 10px; }
1209 #adv_expert_row label { font-weight: bold; }
1211 .bookshelf thead tr td {
1212 border-bottom: 1px dashed [% css_colors.accent_dark %];
1213 padding-bottom: 1ex;
1215 .cn_browse_item { padding: 2ex; }
1216 .results-paginator-list { padding-left: 1em; }
1217 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1218 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1220 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1221 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1222 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1224 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1226 .results_header_btns, .results_header_sel {
1231 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1232 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1235 .opac-multiline-button > a,
1236 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1237 color: [% css_colors.button_text %];
1239 text-decoration: none;
1240 cursor: pointer !important;
1241 -moz-border-radius: 5px;
1243 border: 1px solid [% css_colors.primary %];
1244 background: [% css_colors.primary_fade %];
1247 display: inline-block;
1250 .opac-multiline-button > a:hover,
1251 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1252 background: [% css_colors.primary %];
1255 .opac-button:disabled {
1256 color: [% css_colors.accent_medium %];
1257 cursor: pointer !important;
1258 border: 1px solid [% css_colors.accent_light %];
1259 background-color: [% css_colors.accent_lighter %];
1262 /* Firefox adds its own special space to inputs; this gets us closer */
1263 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1268 .opac-button-header, #dash_wrapper .opac-button {
1269 background: [% css_colors.control %];
1270 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1271 font-size: [% css_fonts.size_base %];
1274 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1275 border-color: [% css_colors.control %];
1278 .opac-multiline-button > a {
1279 display: inline-block;
1282 #dash_wrapper .opac-button {
1287 #myopac_checked_div {
1291 .rdetail-mfhd-head {
1294 background-color: [% css_colors.table_heading %];
1297 .rdetail-mfhd-type {
1301 .rdetail-mfhd-bottom {
1302 border-bottom: thin solid [% css_colors.border_dark %];
1306 #rdetail_record_details {
1313 padding-left: 1.5em;
1316 .rdetail_content_type, .rdetail_subject_type {
1317 vertical-align: top;
1321 .bookbag-item-row td { vertical-align: top; }
1323 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1325 color: [% css_colors.text_greatnews %];
1329 .rdetail_related_subjects {
1333 .rdetail_related_series {
1341 .rdetail_openurl_entry {
1345 .bookbag-controls-holder { width: 100%; }
1346 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1347 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1348 .bookbag-controls-holder .most {
1352 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1353 .bookbag-share .fixed { min-width: 4em; }
1354 .bookbag-specific { margin-left: 1em; }
1355 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1356 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1357 #bbag-name-desc-form tr th { vertical-align: middle; }
1358 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1359 .bookbag-description {
1364 #bbag-edit-description { width: 20em; }
1365 #bbag-edit-name { width: 20em; }
1366 textarea { font-family: sans-serif; }
1367 table.bookbag-specific {
1368 border-right: 1px solid [% css_colors.accent_dark %];
1369 border-bottom: 1px solid [% css_colors.accent_medium %];
1378 padding: 5px 0px 0px 10px;
1381 .bookbag-specific td.list_checkbox {
1382 padding-left: 10px !important;
1384 .bookbag-specific td.list_entry {
1386 padding-left: 5px !important;
1388 .bookbag-specific td.list_actions {
1389 white-space: nowrap !important;
1391 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1394 padding: 8px 0px 6px 0px;
1397 font-size: [% css_fonts.size_bigger %];
1401 .save-notes { padding-bottom: 1.5ex; }
1403 .nonbreaking-wrapper {
1404 display: inline-block;
1407 /* Moved from semiauto.css */
1408 .adv_global_input_container {
1409 border-bottom: none;
1413 border-bottom: none;
1416 .adv_global_filter_sort {
1420 .clear-both { clear: both; }
1431 .alert { color: [% css_colors.text_alert %]; }
1432 .float-left { float: left; }
1433 .float-right { float: right; }
1435 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1436 .saved-searches-header .button { float: right; width: 28px; }
1437 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1438 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1439 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1440 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1441 border-right: 1px solid [% css_colors.accent_darker %];
1443 .result_item_circulated {
1447 .result_item_circulated span {
1453 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1454 #result-bookbag-heading { text-align: center; margin: 2ex; }
1456 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1457 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1458 .result-bookbag-item-note { font-style: italic; }
1459 .lowhits-bookbag-name { font-weight: bold; }
1460 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1461 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1462 .oils_AS_match_field {
1463 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1464 text-align: right; color: [% css_colors.accent_medium %];
1466 table.result_holdings_table {
1470 table.result_holdings_table thead tr {
1471 background: [% css_colors.table_heading %];
1473 table.result_holdings_table thead tr th {
1477 margin: 0 2em 0 2em;
1480 vertical-align: super;
1481 font-size: [% css_fonts.size_smaller %];
1482 line-height: normal;
1483 text-decoration: none;
1485 .rdetail-holding-group { margin-left: 1.5em; }
1486 .rdetail-holding-group span { margin-left: 1.5em; }
1487 .rdetail-holding-group .paging { margin-left: 1.5em; }
1488 #rdetail_deleted_exp {
1492 border: thick solid [% css_colors.border_alert %];
1495 #ac_tab_wrapper { width : 100%; }
1496 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1497 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1498 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1499 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1501 /* Popmenu styles used for making css menus. */
1515 width: 10em; /* Width to help Opera out */
1516 background-color: [% css_colors.primary %];
1518 .popmenu li:hover ul {
1523 border-color: [% css_colors.border_dark %];
1525 border-style: solid;
1527 .popmenu li:hover li {
1530 .popmenu li:hover li a {
1531 background-color: [% css_colors.primary %];
1532 color: [% css_colors.accent_ultralight %];
1534 .popmenu li li a:hover {
1535 background-color: [% css_colors.accent_ultralight %];
1536 color: [% css_colors.primary %];
1538 /* Styles for the temporary list entry. */
1539 .popmenu li:hover li[class~="temporary"] a {
1540 background-color: [% css_colors.primary %];
1541 color: [% css_colors.accent_ultralight %];
1543 .popmenu li li[class~="temporary"] a:hover {
1544 background-color: [% css_colors.accent_ultralight %];
1545 color: [% css_colors.primary %];
1547 /* Styles for the default list entry. */
1548 .popmenu li:hover li[class~="default"] a {
1549 background-color: [% css_colors.primary %];
1550 color: [% css_colors.accent_ultralight %];
1552 .popmenu li li[class~="default"] a:hover {
1553 background-color: [% css_colors.accent_ultralight %];
1554 color: [% css_colors.primary %];
1556 /* Styles for the new list entry. */
1557 .popmenu li:hover li[class~="new"] a {
1558 background-color: [% css_colors.primary %];
1559 color: [% css_colors.accent_ultralight %];
1561 .popmenu li li[class~="new"] a:hover {
1562 background-color: [% css_colors.accent_ultralight %];
1563 color: [% css_colors.primary %];
1565 /* Style to add a divider on the menu. */
1566 .popmenu li li[class~="divider"] {
1567 border-bottom-width: 1px;
1568 border-bottom-color: [% css_colors.border_dark %];
1569 border-bottom-style: solid;
1572 #locale_picker_form {
1574 padding: 0.5em 1em 0.5em 0;
1575 border-right: thin [% css_colors.control %] solid;
1578 #locale_picker_form * {
1581 vertical-align: middle;
1584 #patron_usr_barcode_not_found {
1585 font-weight: bold; color: [% css_colors.text_alert %];
1598 padding-bottom: 0.5em;
1602 #maintenance_message {
1605 background-color: [% css_colors.text_alert %];
1606 color: [% css_colors.text_invert %];
1610 #search-box > span {
1617 .browse-result-sources, .browse-result-authority-bib-links {
1620 .browse-result-best-match {
1626 .browse-result-list {
1627 padding-bottom: 0.5ex;
1630 font-size: [% css_fonts.size_bigger %];
1632 .browse-result-authority-field-name {
1636 .browse-leading-article-warning {
1638 font-size: [% css_fonts.size_big %];
1640 .browse-public-general-note {
1641 font-size: [% css_fonts.size_big %];
1643 .browse-public-general-note-label { }
1644 .browse-public-general-note-institution {
1648 .browse-public-general-note-body {
1656 #main-content-register {
1658 font-size: [% css_fonts.size_bigger %];
1661 #main-content-register table {
1664 border-collapse: collapse;
1667 #main-content-register td {
1671 #main-content-register td:not(:first-child) {
1675 .patron-reg-invalid {
1678 padding-right: 10px;
1681 .result_footer_nav1 {
1685 .small_view_only, #refine_hits, #return_to_hits {
1689 .rdetail_authors_div {
1693 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1694 white-space: nowrap;
1695 display: inline-block;
1698 .result_table_title_cell {
1700 padding-bottom: 4px;
1704 font-size: [% css_fonts.size_bigger %];
1707 @media only screen and (max-width: 800px) {
1708 .facet_sidebar_hidden, .result_block_hidden {
1711 .facet_sidebar_visible, .result_block_visible {
1712 display: inline ! important;
1714 #acct_select, #acct_prefs_select {
1715 display: inline-block;
1717 #acct_tabs, #acct_prefs_tabs {
1722 @media only screen and (max-width: 600px) {
1724 font-size: [% css_fonts.size_big %];
1726 span .nav_arrow_fix {
1733 #homesearch_main_logo img {
1743 #your-acct-login a {
1753 #locale_picker_form {
1756 #gold-links-holder {
1759 #simple-detail-view-links {
1762 #acct_tabs a, #acct_fines_tabs a {
1763 padding: 2px 4px 3px 4px;
1764 -moz-border-radius: 6px 6px 0px 0px;
1765 border-radius: 6px 6px 0px 0px;
1766 font-size: [% css_fonts.size_base %];
1767 margin: 0px 5px 0px 0px;
1771 background: transparent;
1778 #dash_wrapper .opac-button {
1782 display: inline !important;
1790 #holds_box form blockquote {
1794 #holds_box form blockquote select {
1797 #myopac_sum_fines_placehold {
1803 .results_header_lbl {
1806 .results_header_nav1 span.h1 {
1812 .start_end_links_span {
1818 .result_table_pic_header {
1819 padding-left: 0px !important;
1821 width: 0px !important;
1829 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1832 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1833 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1836 .results_info_table td {
1839 #results_header_bar {
1840 background-color: inherit;
1842 .results_header_btns a {
1848 #rdetails_status thead {
1851 #rdetails_status tr {
1855 #rdetails_status td {
1860 background-color: [% css_colors.accent_lightest %];
1862 .copy_details_offers_row {
1863 background-color: [% css_colors.accent_lightest %];
1865 select#pickup_lib.search-wrapper-locg {
1868 #search-wrapper #search-box {
1872 #main-content-home {
1876 /* Make use of full width in mobile mode */
1877 .facet_box_wrapper .box_wrapper .box,
1878 .facet_template .facet,
1882 .facet_template .count {
1888 #adv_search_parent {
1889 font-size: [% css_fonts.size_smaller %];
1891 #adv_search_filters {
1898 .rdetail_aux_utils {
1905 div#rdetail_actions_div {
1911 .search_catalog_lbl {
1913 white-space: nowrap;
1915 .adv_search_catalog_lbl {
1917 white-space: nowrap;
1919 .browse_the_catalog_lbl {
1920 white-space: nowrap;
1928 .dash_account_buttons {
1931 .searchbar { line-height: 1.5em; }
1932 #browse-controls { line-height: 1.5em; }
1933 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1940 .bookshelf table thead tr {
1943 #lowhits_help { width: inherit; }
1945 font-size: [% css_fonts.size_small %];
1946 margin: 2px 2px 0px 2px;
1947 padding: 2px 2px 5px 2px;
1948 -moz-border-radius: 10px 0px 0px 0px;
1949 border-radius: 7px 7px 0px 0px;
1951 #adv_global_tbody td {
1952 border-bottom: thin solid [% css_colors.accent_light %];
1954 #adv_global_addrow td {
1955 border-bottom: none;
1957 /* Force table to not be like tables anymore */
1958 table#acct_checked_main_header thead tr th {
1961 table#acct_checked_main_header tbody tr td {
1965 /* Hide table headers (but not display: none;, for accessibility) */
1972 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1974 table#acct_checked_main_header td {
1975 /* Behave like a "row" */
1977 border-bottom: 1px solid #eee;
1982 table#acct_checked_main_header td:before {
1983 /* Now like a table header */
1985 /* Top/left values mimic padding */
1988 padding-right: 10px;
1989 white-space: nowrap;
1992 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1993 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1994 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1995 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1996 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1997 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1999 table#acct_holds_main_header thead tr th {
2002 table#acct_holds_main_header tbody tr td {
2006 table#acct_holds_main_header td {
2007 /* Behave like a "row" */
2009 border-bottom: 1px solid #eee;
2015 table#acct_holds_main_header td:before {
2016 /* Now like a table header */
2018 /* Top/left values mimic padding */
2021 padding-right: 10px;
2022 white-space: nowrap;
2025 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2026 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2027 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2028 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2029 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2030 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2031 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2032 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2033 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }