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;
124 text-transform: capitalize;
127 #logout_link { left: 1px; }
129 #dash_checked { color: [% css_colors.text_attention %]; }
130 #dash_holds { color: [% css_colors.text_attention %]; }
131 #dash_pickup { color: [% css_colors.text_goodnews %]; }
132 #dash_fines { color: [% css_colors.text_badnews %]; }
134 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
135 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
136 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
137 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
138 background-color: [% css_colors.primary_fade %];
141 color: [% css_colors.background %];
144 font-size: [% css_fonts.size_small %];
148 color: [% css_colors.background %];
152 color: [% css_colors.text_invert %];
153 text-decoration: none;
157 color: [% css_colors.text_invert %];
158 font-size: [% css_fonts.size_small %];
166 color: [% css_colors.text_invert %];
170 text-decoration: none;
173 #header-links a:hover {
174 color: [% css_colors.text_invert %];
175 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
176 text-decoration: none;
179 #header #header-links2 {
182 color: [% css_colors.text_invert %];
183 padding-bottom: 15px;
186 #header #header-links2 a {
187 color: [% css_colors.text_invert %];
190 #header #header-links2 a:hover {
191 text-decoration: underline;
210 background: [% css_colors.background_invert %];
220 border-bottom: 1px solid [% css_colors.border_standard %];
222 background: [% css_colors.background %];
225 #search-wrapper #breadcrumb {
227 font-size: [% css_fonts.size_smaller %];
231 #search-wrapper #search-within {
238 #search-wrapper #breadcrumb a {
239 color: [% css_colors.text %];
242 #search-wrapper #search_frm label {
243 font-size: [% css_fonts.size_smaller %];
246 #search-wrapper #search-box {
250 padding-bottom: 10px;
253 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
258 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
261 vertical-align: middle;
263 margin: 10px 7px 0px 0px;
264 padding: 10px 0px 10px 0px;
265 -moz-border-radius: 10px 10px 0px 0px;
266 border-radius: 10px 10px 0px 0px;
268 color: [% css_colors.text_invert %];
269 background: [% css_colors.control %];
271 text-decoration: none;
274 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
275 padding: 1em 1em 0.5em;
278 #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 {
279 background: [% css_colors.primary %];
280 color: [% css_colors.text_invert %];
281 text-decoration: none;
284 #adv_search_filters {
295 #adv_filter_block_item {
314 padding-left: 10px !important;
317 #adv_search.on, #num_search.on, #expert_search.on {
318 color: [% css_colors.accent_darker %];
319 background: [% css_colors.background %];
320 text-decoration: none;
323 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
324 color: [% css_colors.accent_darker %];
325 background: [% css_colors.background %];
326 text-decoration: none;
330 background: [% css_colors.control %];
333 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
335 font-size: [% css_fonts.size_smaller %];
336 color: [% css_colors.accent_darker %];
337 padding: 10px 10px 10px 10px;
340 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
341 background: [% css_colors.accent_lightest %];
342 color: [% css_colors.accent_darker %];
345 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
346 padding-bottom: 12px;
347 color: [% css_colors.accent_medium %];
350 #acct_select, #acct_prefs_select {
355 padding: 5px 7px 6px 0px;
357 border-bottom: 1px dotted [% css_colors.accent_light %];
361 color:[% css_colors.primary_fade %];
363 font-size: [% css_fonts.size_bigger %];
366 .rdetail_result_count {
367 color: [% css_colors.text %];
370 display: inline-block;
373 .rdetail_result_nav {
376 display: inline-block;
379 #rdetail_details_table {
383 #rdetail_image { border: none; }
384 #rdetail_image_cell {
393 padding: 0.5em 1em 0.5em 1em;
394 background-color: [% css_colors.accent_lighter2 %];
396 div.rdetail_uris ul li {
401 div.rdetail_show_copies {
405 div#rdetail_actions_div {
407 background: [% css_colors.background %];
410 span#rdetail_copy_counts {
411 display: inline-block;
418 span#rdetail_hold_counts {
419 display: inline-block;
422 span#rdetail_hold_counts p {
432 border-left:1px dotted [% css_colors.accent_light %];
439 border-bottom: 1px dotted [% css_colors.accent_light %];
443 div.toggle_list { padding-top: 6px; }
451 border-bottom: 1px dotted [% css_colors.accent_light %];
471 #rdetails_status td {
472 padding: 7px 0px 3px 13px;
476 #rdetails_status td[header=copy_header_library],
477 #rdetails_status td[header=copy_header_shelfloc] {
481 #rdetails_status thead th {
482 background-color: [% css_colors.accent_lighter2 %];
483 padding: 13px 0px 13px 13px;
484 font-size: [% css_fonts.size_smaller %];
485 text-transform: uppercase;
490 #rdetails_status tbody td {
494 #rdetails_status tbody td.copy_note {
495 color: [% css_colors.primary %];
497 white-space:pre-wrap !important;
502 background: [% css_colors.primary_fade %];
503 border: 1px solid [% css_colors.primary %];
508 #rdetail_extras_div {
514 background: [% css_colors.accent_light %];
519 .rdetail_extras_link {
521 font-size: [% css_fonts.size_smaller %];
522 text-transform: uppercase;
526 .rdetail_extras_lbl {
527 color: [% css_colors.text_invert %];
528 text-decoration: none;
531 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
535 #rdetail_locs_expand, #rdetail_locs_collapse {
541 #rdetail_anotes_div .biography {
545 .almost-content-wrapper {
546 background: [% css_colors.background %];
550 background: [% css_colors.background %];
552 border-bottom: 1px solid [% css_colors.border_dark %];
555 .content-wrapper-record-page { top: -15px; position: relative; }
567 #main-content-after-bar {
572 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
574 #main-content .login_boxes {
575 border: 1px solid [% css_colors.accent_lighter %];
576 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
577 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
578 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
579 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
580 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
582 color: [% css_colors.accent_darker %];
585 #main-content .login_boxes h1 {
587 font-size: [% css_fonts.size_biggest %];
591 #main-content .left_brain {
596 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
600 background: [% css_colors.background %];
601 font-size: [% css_fonts.size_bigger %];
602 color: [% css_colors.text %];
605 #main-content .left_brain .input_bg {
606 padding:10px 10px 0px 13px;
619 font-size: [% css_fonts.size_biggest %];
623 #login-failed-message {
624 font-size: [% css_fonts.size_bigger %];
626 color: [% css_colors.text_alert %];
630 #holds_temp_parent td {
631 border-bottom:1px solid [% css_colors.border_standard %];
634 #holds_temp_parent input, #holds_temp_parent select {
638 #holds_temp_parent tr td div {
643 #holds_temp_parent tr td div.format_icon {
649 #results_header_bar {
650 background: [% css_colors.accent_medium %];
651 border-top:1px solid [% css_colors.accent_mediumdark %];
652 border-bottom:1px solid [% css_colors.accent_mediumdark %];
655 .cached_list_div { height: 25px; }
657 .results_header_lbl {
660 color: [% css_colors.text %];
661 /* this border is not visible, but it keeps these labels the same size
663 border: 1px solid [% css_colors.accent_medium %];
664 background: [% css_colors.accent_medium %];
668 /* we need a negative margin on the select to allow the containing <label>
669 to determine the actual size of the element. By doing this, we can increase
670 the odds that the buttons and the select will be the same size, and therefore
671 collapse correctly when the window width decreases */
672 .results_header_lbl select {
676 #limit_to_available {
677 vertical-align: middle;
680 .results_header_sel {
686 .results_header_nav1 {
687 padding: 5px 7px 6px 0px;
688 border-bottom: 1px dotted [% css_colors.accent_light %];
691 .results_header_nav1 .h1 {
692 font-size: [% css_fonts.size_bigger %];
694 color:[% css_colors.primary_fade %];
701 tr.result_table_row > td.results_row_count,
702 tr.result_table_row > td.result_table_pic_header,
703 tr.result_table_row > td.result_table_title_cell {
713 tr.result_table_row:nth-child(n+2) > td {
714 border-top: 1px solid [% css_colors.accent_lighter2 %];
717 tr.result_table_row > td.result_table_pic_header {
728 .result_count_number {
732 .result_table_subtable {
737 div.result_table_utils_cont {
743 text-transform:capitalize;
746 #myopac_summary_div p {
751 #acct_sum_checked_table td {
755 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
756 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
758 #zero_search_hits p {
763 text-transform: uppercase;
767 #zero_search_hits #spell_check_link {
768 text-transform: uppercase;
771 #zero_search_hits #zero_hits_suggestions {
772 text-transform: uppercase;
778 background: [% css_colors.accent_light %];
783 .results_info_table td {
787 #myopac_holds_main_table {
788 border-collapse: collapse;
791 #myopac_holds_main_table td {
792 border: 1px solid [% css_colors.border_dark %];
796 #myopac_prefs_div .data_grid {
797 border-collapse:collapse;
800 #myopac_prefs_div .data_grid td {
801 background:[% css_colors.accent_ultralight %];
802 border-bottom:3px solid [% css_colors.background %];
803 padding:6px 0px 7px 17px;
808 font-size: [% css_fonts.size_bigger %];
810 color:[% css_colors.primary_fade %];
811 padding: 0px 7px 0px 0px;
812 border-bottom: 1px dotted [% css_colors.accent_light %];
826 border-collapse: collapse;
827 background: [% css_colors.accent_ultralight %];
828 font-size: [% css_fonts.size_smaller %];
830 text-transform: uppercase;
834 border-bottom: 2px solid white;
842 text-transform: none;
847 .acct_sum_table .view_link {
852 border-collapse: collapse;
853 margin: -1em 0 0.5em 0;
861 table.acct_notes th {
867 padding: 15px 0px 0px 23px;
868 background: [% css_colors.accent_ultralight %];
873 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
875 .acct_holds_temp td {
879 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
881 /*padding-left:10px;*/
884 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
886 text-transform:uppercase;
887 font-size: [% css_fonts.size_smaller %];
888 border-collapse: collapse;
891 #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 {
892 background: [% css_colors.accent_lighter2 %];
896 #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 {
898 padding: 0px 10px 0px 10px;
901 #acct_list_header select, #acct_list_header_anon select {
906 #acct_holds_activates_table label {
908 font-size: [% css_fonts.size_small %];
909 text-transform:uppercase;
913 .search_catalog_lbl {
914 font-size: [% css_fonts.size_bigger %];
916 .adv_search_catalog_lbl {
917 font-size: [% css_fonts.size_bigger %];
920 .browse_the_catalog_lbl {
921 font-size: [% css_fonts.size_bigger %];
925 font-size: [% css_fonts.size_bigger %];
930 font-size: [% css_fonts.size_smaller %];
937 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
938 background: [% css_colors.primary_fade %];
943 #fines_payments_wrapper {
948 .myopac_payments_table th { text-align: left; }
949 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
950 .myopac_payments_table thead th:first-child { width: 8em; }
951 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
952 .myopac_payments_table form { display: inline; }
953 .myopac_payments_table input[type="submit"] { padding: 1px; }
956 font-weight: bold; color: [% css_colors.text_alert %];
957 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
960 .payment-processing {
962 color: [% css_colors.text_greatnews %];
963 font-size: [% css_fonts.size_bigger %];
964 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
967 #adv_search_input { width: 100%; }
971 #search-submit-spinner {
975 div.adv_search_available {
982 font-size: [% css_fonts.size_bigger %];
987 width:100px !important;
988 text-align: center !important;
991 .chili_review div.chili_link div {
995 [%- IF we_want_to_turn_on_facet_styling.defined; %]
996 /* some facet styling */
997 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
998 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
999 .facetClassLabel { font-weight: bold; text-align: center; }
1000 .facetFieldContainer { }
1001 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1002 .extraFacetFieldsWrapper { }
1003 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1004 .facetFieldLineCount {
1005 display: inline-block;
1006 border-right: 1px solid [% css_colors.accent_light %];
1007 color: [% css_colors.accent_mediumdark %];
1011 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1012 .facetFields { padding-left: 5px; }
1013 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1018 border-right: 1px solid [% css_colors.border_standard %];
1028 .facet_box_temp .header {
1031 background:[% css_colors.primary %];
1032 -moz-border-top-left-radius: 5px;
1033 border-top-left-radius: 5px;
1034 -moz-border-top-right-radius: 5px;
1035 border-top-right-radius: 5px;
1037 color:[% css_colors.text_invert %];
1041 .facet_box_temp .header .title {
1048 .facet_box_temp .header a.button {
1052 color:[% css_colors.text_invert %];
1055 .facet_box_wrapper .box_wrapper {
1059 *margin-bottom:-6px;
1062 .facet_box_wrapper .box_wrapper .box {
1064 border-top:1px solid [% css_colors.border_standard %];
1065 border-left:1px solid [% css_colors.border_standard %];
1066 border-right:1px solid [% css_colors.border_standard %];
1067 background:[% css_colors.background %];
1076 .facet_template .facet {
1079 margin-bottom: 0.5em;
1082 .facet_template .count {
1084 color: [% css_colors.accent_mediumdark %];
1087 .facet_template_selected .facet {
1088 background-color: [% css_colors.accent_lighter2 %];
1092 border-left: 1px solid [% css_colors.border_standard %];
1093 padding-right: 0.5em;
1097 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1098 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1099 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1100 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1101 background-color: [% css_colors.primary %];
1106 padding-bottom: 10px;
1108 font-size: [% css_fonts.size_small %];
1112 color: [% css_colors.text_invert %];
1113 text-decoration: none;
1114 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1117 #copyright_text, #footer_logo {
1118 color: [% css_colors.text_invert %];
1122 text-transform: uppercase;
1124 font-size: [% css_fonts.size_smaller %];
1127 .advanced_div { padding-top: 15px; }
1128 #adv_global_search { width: 100%; }
1129 #adv_global_search select { width: 13em; }
1130 #adv_global_addrow td { padding-top: 7px; }
1131 #adv_global_input_table { width: 100%; }
1132 #adv_global_input_table select { width: 7em; }
1134 font-size: [% css_fonts.size_smaller %];
1135 color: [% css_colors.text_alert %];
1137 #acct_prefs_header { float: left; }
1138 .search_page_nav_link {
1142 #opac.result.sort { width: 160px; }
1143 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1144 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1145 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1146 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1147 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1148 #adv_search_refine {
1149 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1151 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1153 background-color: [% css_colors.background %];
1154 color: [% css_colors.primary %]; text-decoration: none;
1155 padding: 0; border: 0; margin: 0;
1156 vertical-align: middle;
1158 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1159 .no-dec:hover { text-decoration: none; }
1160 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1162 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1163 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1164 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1165 a.dash-link:hover { text-decoration: underline !important; }
1166 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1167 #list_create_table {
1168 background-color: [% css_colors.accent_light %];
1169 padding-bottom: 4px;
1170 margin-bottom: 10px;
1171 border-bottom: 1px dotted [% css_colors.accent_medium %];
1173 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1174 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1175 .results_row_count { font-weight: bold; }
1176 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1177 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1178 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1179 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1180 #hold_editor_table th { text-align: right; padding-right: 1em; }
1181 #hold_editor_table td { padding: 0.25em 0; }
1182 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1183 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1184 .hold-editor-controls a { padding-left: 2em; }
1186 .text-right { text-align: right; }
1187 .text-right-top { text-align: right; vertical-align: top; }
1188 .rdetail-author-div { padding-bottom: 10px; }
1190 .invisible { visibility: hidden; }
1191 .rdetail-extras-summary { margin: 10px; }
1192 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1193 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1194 .expert-search-row { padding-top: 10px; }
1195 #adv_expert_row label { font-weight: bold; }
1197 .bookshelf thead tr td {
1198 border-bottom: 1px dashed [% css_colors.accent_dark %];
1199 padding-bottom: 1ex;
1201 .cn_browse_item { padding: 2ex; }
1202 .results-paginator-list { padding-left: 1em; }
1203 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1204 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1206 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1207 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1208 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1210 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1212 .results_header_btns, .results_header_sel {
1217 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1218 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1221 .opac-multiline-button > a,
1222 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1223 color: [% css_colors.button_text %];
1225 text-decoration: none;
1226 cursor: pointer !important;
1227 -moz-border-radius: 5px;
1229 border: 1px solid [% css_colors.primary %];
1230 background: [% css_colors.primary_fade %];
1233 display: inline-block;
1236 .opac-multiline-button > a:hover,
1237 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1238 background: [% css_colors.primary %];
1241 .opac-button:disabled {
1242 color: [% css_colors.accent_medium %];
1243 cursor: pointer !important;
1244 border: 1px solid [% css_colors.accent_light %];
1245 background-color: [% css_colors.accent_lighter %];
1248 /* Firefox adds its own special space to inputs; this gets us closer */
1249 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1254 .opac-button-header, #dash_wrapper .opac-button {
1255 background: [% css_colors.control %];
1256 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1257 font-size: [% css_fonts.size_base %];
1259 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1260 border-color: [% css_colors.control %];
1263 .opac-multiline-button > a {
1264 display: inline-block;
1267 #myopac_checked_div {
1271 .rdetail-mfhd-head {
1274 background-color: [% css_colors.table_heading %];
1277 .rdetail-mfhd-type {
1281 .rdetail-mfhd-bottom {
1282 border-bottom: thin solid [% css_colors.border_dark %];
1286 #rdetail_record_details {
1293 padding-left: 1.5em;
1296 .rdetail_content_type, .rdetail_subject_type {
1297 vertical-align: top;
1301 .bookbag-item-row td { vertical-align: top; }
1303 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1305 color: [% css_colors.text_greatnews %];
1309 .rdetail_related_subjects {
1313 .rdetail_related_series {
1321 .rdetail_openurl_entry {
1325 .bookbag-controls-holder { width: 100%; }
1326 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1327 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1328 .bookbag-controls-holder .most {
1332 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1333 .bookbag-share .fixed { min-width: 4em; }
1334 .bookbag-specific { margin-left: 1em; }
1335 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1336 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1337 #bbag-name-desc-form tr th { vertical-align: middle; }
1338 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1339 .bookbag-description {
1344 #bbag-edit-description { width: 20em; }
1345 #bbag-edit-name { width: 20em; }
1346 textarea { font-family: sans-serif; }
1347 table.bookbag-specific {
1348 border-right: 1px solid [% css_colors.accent_dark %];
1349 border-bottom: 1px solid [% css_colors.accent_medium %];
1358 padding: 5px 0px 0px 10px;
1361 .bookbag-specific td.list_checkbox {
1362 padding-left: 10px !important;
1364 .bookbag-specific td.list_entry {
1366 padding-left: 5px !important;
1368 .bookbag-specific td.list_actions {
1369 white-space: nowrap !important;
1371 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1374 padding: 8px 0px 6px 0px;
1377 font-size: [% css_fonts.size_bigger %];
1381 .save-notes { padding-bottom: 1.5ex; }
1383 .nonbreaking-wrapper {
1384 display: inline-block;
1387 /* Moved from semiauto.css */
1388 .adv_global_input_container {
1389 border-bottom: none;
1393 border-bottom: none;
1396 .adv_global_filter_sort {
1400 .clear-both { clear: both; }
1411 .alert { color: [% css_colors.text_alert %]; }
1412 .float-left { float: left; }
1413 .float-right { float: right; }
1415 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1416 .saved-searches-header .button { float: right; width: 28px; }
1417 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1418 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1419 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1420 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1421 border-right: 1px solid [% css_colors.accent_darker %];
1423 .result_item_circulated {
1427 .result_item_circulated span {
1433 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1434 #result-bookbag-heading { text-align: center; margin: 2ex; }
1436 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1437 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1438 .result-bookbag-item-note { font-style: italic; }
1439 .lowhits-bookbag-name { font-weight: bold; }
1440 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1441 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1442 .oils_AS_match_field {
1443 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1444 text-align: right; color: [% css_colors.accent_medium %];
1446 table.result_holdings_table {
1450 table.result_holdings_table thead tr {
1451 background: [% css_colors.table_heading %];
1453 table.result_holdings_table thead tr th {
1457 margin: 0 2em 0 2em;
1460 vertical-align: super;
1461 font-size: [% css_fonts.size_smaller %];
1462 line-height: normal;
1463 text-decoration: none;
1465 .rdetail-holding-group { margin-left: 1.5em; }
1466 .rdetail-holding-group span { margin-left: 1.5em; }
1467 .rdetail-holding-group .paging { margin-left: 1.5em; }
1468 #rdetail_deleted_exp {
1472 border: thick solid [% css_colors.border_alert %];
1475 #ac_tab_wrapper { width : 100%; }
1476 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1477 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1478 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1479 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1481 /* Popmenu styles used for making css menus. */
1495 width: 10em; /* Width to help Opera out */
1496 background-color: [% css_colors.primary %];
1498 .popmenu li:hover ul {
1503 border-color: [% css_colors.border_dark %];
1505 border-style: solid;
1507 .popmenu li:hover li {
1510 .popmenu li:hover li a {
1511 background-color: [% css_colors.primary %];
1512 color: [% css_colors.accent_ultralight %];
1514 .popmenu li li a:hover {
1515 background-color: [% css_colors.accent_ultralight %];
1516 color: [% css_colors.primary %];
1518 /* Styles for the temporary list entry. */
1519 .popmenu li:hover li[class~="temporary"] a {
1520 background-color: [% css_colors.primary %];
1521 color: [% css_colors.accent_ultralight %];
1523 .popmenu li li[class~="temporary"] a:hover {
1524 background-color: [% css_colors.accent_ultralight %];
1525 color: [% css_colors.primary %];
1527 /* Styles for the default list entry. */
1528 .popmenu li:hover li[class~="default"] a {
1529 background-color: [% css_colors.primary %];
1530 color: [% css_colors.accent_ultralight %];
1532 .popmenu li li[class~="default"] a:hover {
1533 background-color: [% css_colors.accent_ultralight %];
1534 color: [% css_colors.primary %];
1536 /* Styles for the new list entry. */
1537 .popmenu li:hover li[class~="new"] a {
1538 background-color: [% css_colors.primary %];
1539 color: [% css_colors.accent_ultralight %];
1541 .popmenu li li[class~="new"] a:hover {
1542 background-color: [% css_colors.accent_ultralight %];
1543 color: [% css_colors.primary %];
1545 /* Style to add a divider on the menu. */
1546 .popmenu li li[class~="divider"] {
1547 border-bottom-width: 1px;
1548 border-bottom-color: [% css_colors.border_dark %];
1549 border-bottom-style: solid;
1552 #locale_picker_form {
1556 border-right: thin [% css_colors.control %] solid;
1559 #locale_picker_form * {
1562 vertical-align: middle;
1565 #patron_usr_barcode_not_found {
1566 font-weight: bold; color: [% css_colors.text_alert %];
1579 padding-bottom: 0.5em;
1583 #maintenance_message {
1586 background-color: [% css_colors.text_alert %];
1587 color: [% css_colors.text_invert %];
1591 #search-box > span {
1598 .browse-result-sources, .browse-result-authority-bib-links {
1601 .browse-result-best-match {
1607 .browse-result-list {
1608 padding-bottom: 0.5ex;
1611 font-size: [% css_fonts.size_bigger %];
1613 .browse-result-authority-field-name {
1617 .browse-leading-article-warning {
1619 font-size: [% css_fonts.size_big %];
1621 .browse-public-general-note {
1622 font-size: [% css_fonts.size_big %];
1624 .browse-public-general-note-label { }
1625 .browse-public-general-note-institution {
1629 .browse-public-general-note-body {
1637 #main-content-register {
1639 font-size: [% css_fonts.size_bigger %];
1642 #main-content-register table {
1645 border-collapse: collapse;
1648 #main-content-register td {
1652 #main-content-register td:not(:first-child) {
1656 .patron-reg-invalid {
1659 padding-right: 10px;
1662 .result_footer_nav1 {
1666 .small_view_only, #refine_hits, #return_to_hits {
1670 .rdetail_authors_div {
1674 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1675 white-space: nowrap;
1676 display: inline-block;
1679 .result_table_title_cell {
1681 padding-bottom: 4px;
1685 font-size: [% css_fonts.size_bigger %];
1688 @media only screen and (max-width: 800px) {
1689 .facet_sidebar_hidden, .result_block_hidden {
1692 .facet_sidebar_visible, .result_block_visible {
1693 display: inline ! important;
1695 #acct_select, #acct_prefs_select {
1696 display: inline-block;
1698 #acct_tabs, #acct_prefs_tabs {
1703 @media only screen and (max-width: 600px) {
1705 font-size: [% css_fonts.size_big %];
1707 span .nav_arrow_fix {
1714 #homesearch_main_logo img {
1724 #your-acct-login a {
1734 #locale_picker_form {
1737 #gold-links-holder {
1740 #simple-detail-view-links {
1743 #acct_tabs a, #acct_fines_tabs a {
1744 padding: 2px 4px 3px 4px;
1745 -moz-border-radius: 6px 6px 0px 0px;
1746 border-radius: 6px 6px 0px 0px;
1747 font-size: [% css_fonts.size_base %];
1748 margin: 0px 5px 0px 0px;
1752 background: transparent;
1759 #dash_wrapper .opac-button {
1763 display: inline !important;
1771 #holds_box form blockquote {
1775 #holds_box form blockquote select {
1778 #myopac_sum_fines_placehold {
1784 .results_header_lbl {
1787 .results_header_nav1 span.h1 {
1793 .start_end_links_span {
1799 .result_table_pic_header {
1800 padding-left: 0px !important;
1802 width: 0px !important;
1810 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1813 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1814 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1817 .results_info_table td {
1820 #results_header_bar {
1821 background-color: inherit;
1823 .results_header_btns a {
1829 #rdetails_status thead {
1832 #rdetails_status tr {
1836 #rdetails_status td {
1841 background-color: [% css_colors.accent_lightest %];
1843 .copy_details_offers_row {
1844 background-color: [% css_colors.accent_lightest %];
1846 select#pickup_lib.search-wrapper-locg {
1849 #search-wrapper #search-box {
1853 #main-content-home {
1857 /* Make use of full width in mobile mode */
1858 .facet_box_wrapper .box_wrapper .box,
1859 .facet_template .facet,
1863 .facet_template .count {
1869 #adv_search_parent {
1870 font-size: [% css_fonts.size_smaller %];
1872 #adv_search_filters {
1879 .rdetail_aux_utils {
1886 div#rdetail_actions_div {
1892 .search_catalog_lbl {
1894 white-space: nowrap;
1896 .adv_search_catalog_lbl {
1898 white-space: nowrap;
1900 .browse_the_catalog_lbl {
1901 white-space: nowrap;
1913 .dash_account_buttons {
1916 .searchbar { line-height: 1.5em; }
1917 #browse-controls { line-height: 1.5em; }
1918 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1925 .bookshelf table thead tr {
1928 #lowhits_help { width: inherit; }
1930 font-size: [% css_fonts.size_small %];
1931 margin: 2px 2px 0px 2px;
1932 padding: 2px 2px 5px 2px;
1933 -moz-border-radius: 10px 0px 0px 0px;
1934 border-radius: 7px 7px 0px 0px;
1936 #adv_global_tbody td {
1937 border-bottom: thin solid [% css_colors.accent_light %];
1939 #adv_global_addrow td {
1940 border-bottom: none;
1942 /* Force table to not be like tables anymore */
1943 table#acct_checked_main_header thead tr th {
1946 table#acct_checked_main_header tbody tr td {
1950 /* Hide table headers (but not display: none;, for accessibility) */
1957 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1959 table#acct_checked_main_header td {
1960 /* Behave like a "row" */
1962 border-bottom: 1px solid #eee;
1967 table#acct_checked_main_header td:before {
1968 /* Now like a table header */
1970 /* Top/left values mimic padding */
1973 padding-right: 10px;
1974 white-space: nowrap;
1977 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1978 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1979 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1980 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1981 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1982 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1984 table#acct_holds_main_header thead tr th {
1987 table#acct_holds_main_header tbody tr td {
1991 table#acct_holds_main_header td {
1992 /* Behave like a "row" */
1994 border-bottom: 1px solid #eee;
2000 table#acct_holds_main_header td:before {
2001 /* Now like a table header */
2003 /* Top/left values mimic padding */
2006 padding-right: 10px;
2007 white-space: nowrap;
2010 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2011 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2012 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2013 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2014 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2015 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2016 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2017 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2018 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }