2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
8 font-family: Arial, Helvetica, sans-serif;
9 font-size: [% css_fonts.size_base %];
10 background: [% css_colors.primary %];
14 font-family: Arial, Helvetica, sans-serif;
15 font-size: [% css_fonts.size_base %];
26 #homesearch_main_logo {
33 color: [% css_colors.primary %];
36 #search-wrapper input[type=text] {
41 #search-wrapper select, .results_header_lbl select {
42 border:1px solid [% css_colors.border_standard %];
55 #search-wrapper select {
56 border:0px solid [% css_colors.border_dark %];
57 filter:alpha(opacity=0);
69 font-size: [% css_fonts.size_biggest %];
74 font-size: [% css_fonts.size_bigger %];
79 font-size: [% css_fonts.size_bigger %];
88 div.select-box-wrapper {
101 background: [% css_colors.primary %];
108 color: [% css_colors.primary_fade %];
109 display:inline-block;
117 #dashboard span.dash-align a {
119 text-decoration: none;
126 #logout_link { left: 1px; }
128 #dash_checked { color: [% css_colors.text_attention %]; }
129 #dash_holds { color: [% css_colors.text_attention %]; }
130 #dash_pickup { color: [% css_colors.text_goodnews %]; }
133 #dash_fines { color: [% css_colors.text_badnews %]; }
134 the color contrast between "text_badnews" and "primary"
135 is too low for WCAG compliance. Use "text_attention"
136 for now until a better color is picked - if needed.
138 #dash_fines { color: [% css_colors.text_attention %]; }
139 #dash_messages { color: [% css_colors.text_attention %]; }
142 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
143 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
144 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
145 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
146 background-color: [% css_colors.primary_fade %];
149 color: [% css_colors.background %];
152 font-size: [% css_fonts.size_small %];
156 color: [% css_colors.background %];
160 color: [% css_colors.text_invert %];
161 text-decoration: none;
165 color: [% css_colors.text_invert %];
166 font-size: [% css_fonts.size_small %];
174 color: [% css_colors.text_invert %];
178 text-decoration: none;
181 #header-links a:hover {
182 color: [% css_colors.text_invert %];
183 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
184 text-decoration: none;
187 #header #header-links2 {
190 color: [% css_colors.text_invert %];
191 padding-bottom: 15px;
194 #header #header-links2 a {
195 color: [% css_colors.text_invert %];
198 #header #header-links2 a:hover {
199 text-decoration: underline;
218 background: [% css_colors.background_invert %];
228 border-bottom: 1px solid [% css_colors.border_standard %];
230 background: [% css_colors.background %];
233 #search-wrapper #breadcrumb {
235 font-size: [% css_fonts.size_smaller %];
239 #search-wrapper #search-within {
246 #search-wrapper #breadcrumb a {
247 color: [% css_colors.text %];
250 #search-wrapper #search_frm label {
251 font-size: [% css_fonts.size_smaller %];
254 #search-wrapper #search-box {
258 padding-bottom: 10px;
261 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
266 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
269 vertical-align: middle;
271 margin: 10px 7px 0px 0px;
272 padding: 10px 0px 10px 0px;
273 -moz-border-radius: 10px 10px 0px 0px;
274 border-radius: 10px 10px 0px 0px;
276 color: [% css_colors.text_invert %];
277 background: [% css_colors.control %];
279 text-decoration: none;
282 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
283 padding: 1em 1em 0.5em;
286 #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 {
287 background: [% css_colors.primary %];
288 color: [% css_colors.text_invert %];
289 text-decoration: none;
292 #adv_search_filters {
303 .adv_filter_block_item {
322 padding-left: 10px !important;
325 #adv_search.on, #num_search.on, #expert_search.on {
326 color: [% css_colors.accent_darker %];
327 background: [% css_colors.background %];
328 text-decoration: none;
331 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
332 color: [% css_colors.accent_darker %];
333 background: [% css_colors.background %];
334 text-decoration: none;
338 background: [% css_colors.control %];
341 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
343 font-size: [% css_fonts.size_smaller %];
344 color: [% css_colors.accent_darker %];
345 padding: 10px 10px 10px 10px;
348 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
349 background: [% css_colors.accent_lightest %];
350 color: [% css_colors.accent_darker %];
353 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
354 padding-bottom: 12px;
355 color: [% css_colors.accent_medium %];
358 #acct_select, #acct_prefs_select {
362 #mobile_acct_search_links {
363 background: [% css_colors.primary_fade %];
367 padding: 5px 7px 6px 0px;
369 border-bottom: 1px dotted [% css_colors.accent_light %];
373 color:[% css_colors.primary_fade %];
375 font-size: [% css_fonts.size_bigger %];
378 .rdetail_result_count {
379 color: [% css_colors.text %];
382 display: inline-block;
385 .rdetail_result_nav {
388 display: inline-block;
391 #rdetail_details_table {
395 #rdetail_image { border: none; }
396 #rdetail_image_cell {
405 padding: 0.5em 1em 0.5em 1em;
406 background-color: [% css_colors.accent_lighter2 %];
408 div.rdetail_uris ul li {
413 div.rdetail_show_copies {
417 div#rdetail_actions_div {
419 background: [% css_colors.background %];
422 span#rdetail_copy_counts {
423 display: inline-block;
430 span#rdetail_hold_counts {
431 display: inline-block;
434 span#rdetail_hold_counts p {
444 border-left:1px dotted [% css_colors.accent_light %];
451 border-bottom: 1px dotted [% css_colors.accent_light %];
455 div.toggle_list { padding-top: 6px; }
459 border-top: 1px dotted [% css_colors.accent_light %];
468 border-bottom: 1px dotted [% css_colors.accent_light %];
488 #rdetails_status td {
489 padding: 7px 0px 3px 13px;
493 #rdetails_status td[headers=copy_header_library],
494 #rdetails_status td[headers=copy_header_shelfloc] {
498 #rdetails_status thead th {
499 background-color: [% css_colors.accent_lighter2 %];
500 padding: 13px 0px 13px 13px;
501 font-size: [% css_fonts.size_smaller %];
506 #rdetails_status tbody td {
510 #rdetails_status tbody td.copy_note {
511 color: [% css_colors.primary %];
513 white-space:pre-wrap !important;
518 background: [% css_colors.primary_fade %];
519 border: 1px solid [% css_colors.primary %];
524 #rdetail_extras_div {
530 background: [% css_colors.accent_light %];
535 .rdetail_extras_link {
537 font-size: [% css_fonts.size_smaller %];
541 .rdetail_extras_lbl {
542 color: [% css_colors.text_invert %];
543 text-decoration: none;
546 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
550 #rdetail_locs_expand, #rdetail_locs_collapse {
556 #rdetail_anotes_div .biography {
560 .almost-content-wrapper {
561 background: [% css_colors.background %];
565 background: [% css_colors.background %];
567 border-bottom: 1px solid [% css_colors.border_dark %];
570 .content-wrapper-record-page { top: -15px; position: relative; }
582 #main-content-after-bar {
587 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
589 #main-content .login_boxes {
590 border: 1px solid [% css_colors.accent_lighter %];
591 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
592 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
593 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
594 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
595 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
597 color: [% css_colors.accent_darker %];
600 #main-content .login_boxes h1 {
602 font-size: [% css_fonts.size_biggest %];
606 #main-content .left_brain {
611 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
615 background: [% css_colors.background %];
616 font-size: [% css_fonts.size_bigger %];
617 color: [% css_colors.text %];
620 #main-content .left_brain .input_bg {
621 padding:10px 10px 0px 13px;
634 font-size: [% css_fonts.size_biggest %];
638 #login-failed-message {
639 font-size: [% css_fonts.size_bigger %];
641 color: [% css_colors.text_alert %];
645 #holds_temp_parent td {
646 border-bottom:1px solid [% css_colors.border_standard %];
649 #holds_temp_parent input, #holds_temp_parent select {
653 #holds_temp_parent tr td div {
658 #holds_temp_parent tr td div.format_icon {
664 #results_header_bar {
665 background: [% css_colors.accent_medium %];
666 border-top:1px solid [% css_colors.accent_mediumdark %];
667 border-bottom:1px solid [% css_colors.accent_mediumdark %];
670 .results_header_lbl {
673 color: [% css_colors.text %];
674 /* this border is not visible, but it keeps these labels the same size
676 border: 1px solid [% css_colors.accent_medium %];
677 background: [% css_colors.accent_medium %];
681 /* we need a negative margin on the select to allow the containing <label>
682 to determine the actual size of the element. By doing this, we can increase
683 the odds that the buttons and the select will be the same size, and therefore
684 collapse correctly when the window width decreases */
685 .results_header_lbl select {
689 #limit_to_available {
690 vertical-align: middle;
693 .results_header_sel {
699 .results_header_nav1 {
700 padding: 5px 7px 6px 0px;
701 border-bottom: 1px dotted [% css_colors.accent_light %];
704 .results_header_nav1 .h1 {
705 font-size: [% css_fonts.size_bigger %];
707 color:[% css_colors.primary_fade %];
710 .table_no_border_space {
713 .table_no_cell_pad td {
717 border-collapse: collapse;
720 #result_table_table {
728 tr.result_table_row > td.results_row_count,
729 tr.result_table_row > td.result_table_pic_header,
730 tr.result_table_row > td.result_table_title_cell {
740 tr.result_table_row:nth-child(n+2) > td {
741 border-top: 1px solid [% css_colors.accent_lighter2 %];
744 tr.result_table_row > td.result_table_pic_header {
755 .result_count_number {
759 .result_table_subtable {
764 div.result_table_utils_cont {
772 #myopac_summary_div p {
777 #acct_sum_checked_table td {
781 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
782 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
784 #zero_search_hits p {
792 #zero_search_hits #spell_check_link {
795 #zero_search_hits #zero_hits_suggestions {
801 background: [% css_colors.accent_light %];
806 .results_info_table td {
810 #myopac_holds_main_table {
811 border-collapse: collapse;
814 #myopac_holds_main_table td {
815 border: 1px solid [% css_colors.border_dark %];
819 #myopac_prefs_div .data_grid {
820 border-collapse:collapse;
823 #myopac_prefs_div .data_grid td {
824 background:[% css_colors.accent_ultralight %];
825 border-bottom:3px solid [% css_colors.background %];
826 padding:6px 0px 7px 17px;
831 font-size: [% css_fonts.size_bigger %];
833 color:[% css_colors.primary_fade %];
834 padding: 0px 7px 0px 0px;
835 border-bottom: 1px dotted [% css_colors.accent_light %];
849 border-collapse: collapse;
850 background: [% css_colors.accent_ultralight %];
854 border-bottom: 2px solid white;
862 text-transform: none;
867 .acct_sum_table .view_link {
873 padding: 15px 0px 0px 23px;
874 background: [% css_colors.accent_ultralight %];
879 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
881 .acct_holds_temp td {
885 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
887 /*padding-left:10px;*/
890 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header {
891 border-collapse: collapse;
895 text-transform: none;
899 .hold_note_title { font-weight: bold; }
901 #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, #acct_messages_main_header td {
902 background: [% css_colors.accent_lighter2 %];
906 #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, #acct_messages_main_header th {
908 padding: 0px 10px 0px 10px;
911 #acct_list_header select, #acct_list_header_anon select {
916 .search_catalog_lbl {
917 font-size: [% css_fonts.size_bigger %];
919 .adv_search_catalog_lbl {
920 font-size: [% css_fonts.size_bigger %];
923 .browse_the_catalog_lbl {
924 font-size: [% css_fonts.size_bigger %];
928 font-size: [% css_fonts.size_bigger %];
933 font-size: [% css_fonts.size_smaller %];
940 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
941 background: [% css_colors.primary_fade %];
946 #fines_payments_wrapper {
951 .myopac_payments_table th { text-align: left; }
952 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
953 .myopac_payments_table thead th:first-child { width: 8em; }
954 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
955 .myopac_payments_table form { display: inline; }
956 .myopac_payments_table input[type="submit"] { padding: 1px; }
959 font-weight: bold; color: [% css_colors.text_alert %];
960 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
963 .payment-processing {
965 color: [% css_colors.text_greatnews %];
966 font-size: [% css_fonts.size_bigger %];
967 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
970 #adv_search_input { width: 100%; }
974 #search-submit-spinner {
978 div.adv_search_available {
986 font-size: [% css_fonts.size_bigger %];
991 width:100px !important;
992 text-align: center !important;
995 .chili_review div.chili_link div {
999 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1000 /* some facet styling */
1001 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1002 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1003 .facetClassLabel { font-weight: bold; text-align: center; }
1004 .facetFieldContainer { }
1005 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1006 .extraFacetFieldsWrapper { }
1007 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1008 .facetFieldLineCount {
1009 display: inline-block;
1010 border-right: 1px solid [% css_colors.accent_light %];
1011 color: [% css_colors.accent_mediumdark %];
1015 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1016 .facetFields { padding-left: 5px; }
1017 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1029 .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 {
1047 /* in this context, where h4 is primarily for structure,
1048 avoid the normal large font and margin for h4's */
1049 .facet_box_temp h4 {
1054 .facet_box_temp .header a.button {
1058 color:[% css_colors.text_invert %];
1061 .facet_box_wrapper .box_wrapper .box {
1062 border-top:1px solid [% css_colors.border_standard %];
1063 border-left:1px solid [% css_colors.border_standard %];
1064 border-right:1px solid [% css_colors.border_standard %];
1071 box-sizing: border-box;
1072 -moz-box-sizing: border-box;
1078 .facet_template div {
1079 display: table-cell;
1083 .facet_template .count {
1085 color: [% css_colors.accent_mediumdark %];
1088 .facet_template_selected {
1089 background-color: [% css_colors.accent_lighter2 %];
1090 border: 1px solid [% css_colors.accent_medium %];
1094 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1095 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1096 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1097 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1098 background-color: [% css_colors.primary %];
1103 padding-bottom: 10px;
1105 font-size: [% css_fonts.size_small %];
1109 color: [% css_colors.text_invert %];
1110 text-decoration: none;
1111 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1114 #copyright_text, #footer_logo {
1115 color: [% css_colors.text_invert %];
1122 .advanced_div { padding-top: 15px; }
1123 #adv_global_search { width: 100%; }
1124 #adv_global_search select { width: 13em; }
1125 #adv_global_addrow td { padding-top: 7px; }
1126 #adv_global_input_table { width: 100%; }
1127 #adv_global_input_table select { width: 7em; }
1129 font-size: [% css_fonts.size_smaller %];
1130 color: [% css_colors.text_alert %];
1132 #acct_prefs_header { float: left; }
1133 .search_page_nav_link {
1137 #opac.result.sort { width: 160px; }
1138 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1139 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1140 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1141 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1142 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1143 #adv_search_refine {
1144 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1146 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1148 background-color: [% css_colors.background %];
1149 color: [% css_colors.primary %]; text-decoration: none;
1150 padding: 0; border: 0; margin: 0;
1151 vertical-align: middle;
1153 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1154 .no-dec:hover { text-decoration: none; }
1155 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1157 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1158 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1159 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1160 a.dash-link:hover { text-decoration: underline !important; }
1161 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1162 #list_create_table {
1163 background-color: [% css_colors.accent_light %];
1164 padding-bottom: 4px;
1165 margin-bottom: 10px;
1166 border-bottom: 1px dotted [% css_colors.accent_medium %];
1168 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1169 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1170 .results_row_count { font-weight: bold; }
1171 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1172 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1173 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1174 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1175 #hold_editor_table th { text-align: right; padding-right: 1em; }
1176 #hold_editor_table td { padding: 0.25em 0; }
1177 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1178 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1179 .hold-editor-controls a { padding-left: 2em; }
1181 .text-right { text-align: right; }
1182 .text-right-top { text-align: right; vertical-align: top; }
1183 .rdetail-author-div {
1184 padding-bottom: 10px;
1185 display: inline-block;
1188 .invisible { visibility: hidden; }
1189 .rdetail-extras-summary { margin: 10px; }
1190 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1191 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1192 .expert-search-row { padding-top: 10px; }
1193 #adv_expert_row label { font-weight: bold; }
1195 .bookshelf thead tr td {
1196 border-bottom: 1px dashed [% css_colors.accent_dark %];
1197 padding-bottom: 1ex;
1199 .cn_browse_item { padding: 2ex; }
1200 .results-paginator-list { padding-left: 1em; }
1201 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1202 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1203 .unread-patron-message { font-weight: bold; }
1205 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1206 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1207 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1209 .mr_holds_no_formats {
1214 color: [% css_colors.text_invert %];
1215 background: [% css_colors.primary %];
1218 .holds_item_row_separator td {
1219 border-top: 2px dashed [% css_colors.accent_medium %];
1222 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1224 .results_header_btns, .results_header_sel {
1229 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1230 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1233 .opac-multiline-button > a,
1234 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1235 color: [% css_colors.button_text %];
1237 text-decoration: none;
1238 cursor: pointer !important;
1239 -moz-border-radius: 5px;
1241 border: 1px solid [% css_colors.primary %];
1242 background: [% css_colors.primary_fade %];
1245 display: inline-block;
1248 .opac-multiline-button > a:hover,
1249 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1250 background: [% css_colors.primary %];
1253 .opac-button:disabled {
1254 color: [% css_colors.accent_medium %];
1255 cursor: pointer !important;
1256 border: 1px solid [% css_colors.accent_light %];
1257 background-color: [% css_colors.accent_lighter %];
1260 /* Firefox adds its own special space to inputs; this gets us closer */
1261 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1266 .opac-button-header, #dash_wrapper .opac-button {
1267 background: [% css_colors.control %];
1268 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1269 font-size: [% css_fonts.size_base %];
1271 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1272 border-color: [% css_colors.control %];
1275 .opac-multiline-button > a {
1276 display: inline-block;
1279 #myopac_checked_div {
1283 .rdetail-mfhd-head {
1286 background-color: [% css_colors.table_heading %];
1289 .rdetail-mfhd-type {
1293 .rdetail-mfhd-bottom {
1294 border-bottom: thin solid [% css_colors.border_dark %];
1298 #rdetail_record_details {
1305 padding-left: 1.5em;
1308 .rdetail_content_type, .rdetail_subject_type {
1309 vertical-align: top;
1313 .bookbag-item-row td { vertical-align: top; }
1315 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1317 color: [% css_colors.text_greatnews %];
1321 .rdetail_related_subjects {
1325 .rdetail_related_series {
1333 .rdetail_openurl_entry {
1337 .bookbag-controls-holder { width: 100%; }
1338 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1339 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1340 .bookbag-controls-holder .most {
1344 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1345 .bookbag-share .fixed { min-width: 4em; }
1346 .bookbag-specific { margin-left: 1em; }
1347 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1348 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1349 #bbag-name-desc-form tr th { vertical-align: middle; }
1350 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1351 .bookbag-description {
1356 #bbag-edit-description { width: 20em; }
1357 #bbag-edit-name { width: 20em; }
1358 textarea { font-family: sans-serif; }
1359 table.bookbag-specific {
1360 border-right: 1px solid [% css_colors.accent_dark %];
1361 border-bottom: 1px solid [% css_colors.accent_medium %];
1370 padding: 5px 0px 0px 10px;
1373 .bookbag-specific td.list_checkbox {
1374 padding-left: 10px !important;
1376 .bookbag-specific td.list_entry {
1378 padding-left: 5px !important;
1380 .bookbag-specific td.list_actions {
1381 white-space: nowrap !important;
1383 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1386 padding: 8px 0px 6px 0px;
1389 font-size: [% css_fonts.size_bigger %];
1393 .save-notes { padding-bottom: 1.5ex; }
1395 .nonbreaking-wrapper {
1396 display: inline-block;
1399 /* Moved from semiauto.css */
1400 .adv_global_input_container {
1401 border-bottom: none;
1405 border-bottom: none;
1408 .adv_global_filter_sort {
1412 .clear-both { clear: both; }
1423 .alert { color: [% css_colors.text_alert %]; }
1424 .float-left { float: left; }
1425 .float-right { float: right; }
1427 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1428 .saved-searches-header .button { float: right; width: 28px; }
1429 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1430 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1431 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1432 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1433 border-right: 1px solid [% css_colors.accent_darker %];
1435 .result_item_circulated {
1439 .result_item_circulated span {
1445 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1446 #result-bookbag-heading { text-align: center; margin: 2ex; }
1448 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1449 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1450 .result-bookbag-item-note { font-style: italic; }
1451 .lowhits-bookbag-name { font-weight: bold; }
1452 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1453 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1454 .oils_AS_match_field {
1455 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1456 text-align: right; color: [% css_colors.accent_medium %];
1458 table.result_holdings_table {
1462 table.result_holdings_table thead tr {
1463 background: [% css_colors.table_heading %];
1465 table.result_holdings_table thead tr th {
1469 margin: 0 2em 0 2em;
1472 vertical-align: super;
1473 font-size: [% css_fonts.size_smaller %];
1474 line-height: normal;
1475 text-decoration: none;
1477 .rdetail-holding-group { margin-left: 1.5em; }
1478 .rdetail-holding-group span { margin-left: 1.5em; }
1479 .rdetail-holding-group .paging { margin-left: 1.5em; }
1480 #rdetail_deleted_exp {
1484 border: thick solid [% css_colors.border_alert %];
1487 #ac_tab_wrapper { width : 100%; }
1488 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1489 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1490 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1491 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1493 /* Popmenu styles used for making css menus. */
1507 width: 10em; /* Width to help Opera out */
1508 background-color: [% css_colors.primary %];
1510 .popmenu li:hover ul {
1515 border-color: [% css_colors.border_dark %];
1517 border-style: solid;
1519 .popmenu li:hover li {
1522 .popmenu li:hover li a {
1523 background-color: [% css_colors.primary %];
1524 color: [% css_colors.accent_ultralight %];
1526 .popmenu li li a:hover {
1527 background-color: [% css_colors.accent_ultralight %];
1528 color: [% css_colors.primary %];
1530 /* Styles for the temporary list entry. */
1531 .popmenu li:hover li[class~="temporary"] a {
1532 background-color: [% css_colors.primary %];
1533 color: [% css_colors.accent_ultralight %];
1535 .popmenu li li[class~="temporary"] a:hover {
1536 background-color: [% css_colors.accent_ultralight %];
1537 color: [% css_colors.primary %];
1539 /* Styles for the default list entry. */
1540 .popmenu li:hover li[class~="default"] a {
1541 background-color: [% css_colors.primary %];
1542 color: [% css_colors.accent_ultralight %];
1544 .popmenu li li[class~="default"] a:hover {
1545 background-color: [% css_colors.accent_ultralight %];
1546 color: [% css_colors.primary %];
1548 /* Styles for the new list entry. */
1549 .popmenu li:hover li[class~="new"] a {
1550 background-color: [% css_colors.primary %];
1551 color: [% css_colors.accent_ultralight %];
1553 .popmenu li li[class~="new"] a:hover {
1554 background-color: [% css_colors.accent_ultralight %];
1555 color: [% css_colors.primary %];
1557 /* Style to add a divider on the menu. */
1558 .popmenu li li[class~="divider"] {
1559 border-bottom-width: 1px;
1560 border-bottom-color: [% css_colors.border_dark %];
1561 border-bottom-style: solid;
1564 #locale_picker_form {
1568 border-right: thin [% css_colors.control %] solid;
1571 #locale_picker_form * {
1574 vertical-align: middle;
1577 #patron_usr_barcode_not_found {
1578 font-weight: bold; color: [% css_colors.text_alert %];
1591 padding-bottom: 0.5em;
1595 #maintenance_message {
1598 background-color: [% css_colors.text_alert %];
1599 color: [% css_colors.text_invert %];
1603 #search-box > span {
1610 .browse-result-sources, .browse-result-authority-bib-links {
1613 .browse-result-best-match {
1619 .browse-result-list {
1620 padding-bottom: 0.5ex;
1623 font-size: [% css_fonts.size_bigger %];
1625 .browse-result-authority-field-name {
1629 .browse-leading-article-warning {
1631 font-size: [% css_fonts.size_big %];
1633 .browse-public-general-note {
1634 font-size: [% css_fonts.size_big %];
1636 .browse-public-general-note-label { }
1637 .browse-public-general-note-institution {
1641 .browse-public-general-note-body {
1649 #main-content-register {
1651 font-size: [% css_fonts.size_bigger %];
1654 #main-content-register table {
1657 border-collapse: collapse;
1660 #main-content-register td {
1664 #main-content-register td:not(:first-child) {
1668 .patron-reg-invalid {
1671 padding-right: 10px;
1674 .result_footer_nav1 {
1678 .small_view_only, #refine_hits, #return_to_hits {
1682 .rdetail_authors_div {
1686 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1687 white-space: nowrap;
1688 display: inline-block;
1691 .result_table_title_cell {
1693 padding-bottom: 4px;
1697 font-size: [% css_fonts.size_bigger %];
1700 /* styling for sms text call number */
1702 font-family: Arial, Helvetica, sans-serif;
1703 font-size: [% css_fonts.size_medium %];
1704 background: [% css_colors.accent_lightest %];
1706 /* Allow text to wrap */
1707 white-space: pre-wrap; /* css-3 */
1708 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
1709 white-space: -pre-wrap; /* Opera 4-6 */
1710 white-space: -o-pre-wrap; /* Opera 7 */
1711 word-wrap: break-word; /* Internet Explorer 5.5+ */
1718 @media only screen and (max-width: 800px) {
1719 .facet_sidebar_hidden, .result_block_hidden {
1722 .facet_sidebar_visible, .result_block_visible {
1723 display: inline ! important;
1725 #acct_select, #acct_prefs_select {
1726 display: inline-block;
1728 #acct_tabs, #acct_prefs_tabs {
1733 @media only screen and (max-width: 600px) {
1735 font-size: [% css_fonts.size_big %];
1737 span .nav_arrow_fix {
1744 #homesearch_main_logo img {
1754 #your-acct-login a {
1764 #locale_picker_form {
1767 #gold-links-holder {
1770 #simple-detail-view-links {
1773 #acct_tabs a, #acct_fines_tabs a {
1774 padding: 2px 4px 3px 4px;
1775 -moz-border-radius: 6px 6px 0px 0px;
1776 border-radius: 6px 6px 0px 0px;
1777 font-size: [% css_fonts.size_base %];
1778 margin: 0px 5px 0px 0px;
1782 background: transparent;
1789 #dash_wrapper .opac-button {
1793 display: inline !important;
1801 #holds_box form blockquote {
1805 #holds_box form blockquote select {
1808 #myopac_sum_fines_placehold {
1814 .results_header_lbl {
1817 .results_header_nav1 span.h1 {
1823 .start_end_links_span {
1829 .result_table_pic_header {
1830 padding-left: 0px !important;
1832 width: 0px !important;
1840 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1843 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1844 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1847 .results_info_table td {
1850 #results_header_bar {
1851 background-color: inherit;
1853 .results_header_btns a {
1859 #rdetails_status thead {
1862 #rdetails_status tr {
1866 #rdetails_status td {
1871 background-color: [% css_colors.accent_lightest %];
1873 .copy_details_offers_row {
1874 background-color: [% css_colors.accent_lightest %];
1876 select#pickup_lib.search-wrapper-locg {
1879 #search-wrapper #search-box {
1883 #main-content-home {
1887 /* Make use of full width in mobile mode */
1888 .facet_box_wrapper .box_wrapper .box,
1889 .facet_template .facet,
1893 .facet_template .count {
1899 #adv_search_parent {
1900 font-size: [% css_fonts.size_smaller %];
1902 #adv_search_filters {
1909 .rdetail_aux_utils {
1916 div#rdetail_actions_div {
1922 .search_catalog_lbl {
1924 white-space: nowrap;
1926 .adv_search_catalog_lbl {
1928 white-space: nowrap;
1930 .browse_the_catalog_lbl {
1931 white-space: nowrap;
1943 .dash_account_buttons {
1946 .searchbar { line-height: 1.5em; }
1947 #browse-controls { line-height: 1.5em; }
1948 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1955 .bookshelf table thead tr {
1958 #lowhits_help { width: inherit; }
1960 font-size: [% css_fonts.size_small %];
1961 margin: 2px 2px 0px 2px;
1962 padding: 2px 2px 5px 2px;
1963 -moz-border-radius: 10px 0px 0px 0px;
1964 border-radius: 7px 7px 0px 0px;
1966 #adv_global_tbody td {
1967 border-bottom: thin solid [% css_colors.accent_light %];
1969 #adv_global_addrow td {
1970 border-bottom: none;
1972 /* Force table to not be like tables anymore */
1973 table#acct_checked_main_header thead tr th {
1976 table#acct_checked_main_header tbody tr td {
1980 /* Hide table headers (but not display: none;, for accessibility) */
1987 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1989 table#acct_checked_main_header td {
1990 /* Behave like a "row" */
1992 border-bottom: 1px solid #eee;
1997 table#acct_checked_main_header td:before {
1998 /* Now like a table header */
2000 /* Top/left values mimic padding */
2003 padding-right: 10px;
2004 white-space: nowrap;
2007 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2008 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
2009 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
2010 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
2011 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
2012 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
2014 table#acct_holds_main_header thead tr th {
2017 table#acct_holds_main_header tbody tr td {
2021 table#acct_holds_main_header td {
2022 /* Behave like a "row" */
2024 border-bottom: 1px solid #eee;
2030 table#acct_holds_main_header td:before {
2031 /* Now like a table header */
2033 /* Top/left values mimic padding */
2036 padding-right: 10px;
2037 white-space: nowrap;
2040 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2041 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2042 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2043 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2044 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2045 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2046 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2047 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2048 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2049 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2051 /*Want to see these in mobile ONLY */
2056 .mobile_search_lbl_clr{
2057 color:[% css_colors.mobile_header_text %];
2063 For text which is visible only to screen readers.
2064 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2065 See also http://webaim.org/techniques/css/invisiblecontent/
2074 clip: rect(0, 0, 0, 0);