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 %]; }
141 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
142 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
143 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
144 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
145 background-color: [% css_colors.primary_fade %];
148 color: [% css_colors.background %];
151 font-size: [% css_fonts.size_small %];
155 color: [% css_colors.background %];
159 color: [% css_colors.text_invert %];
160 text-decoration: none;
164 color: [% css_colors.text_invert %];
165 font-size: [% css_fonts.size_small %];
173 color: [% css_colors.text_invert %];
177 text-decoration: none;
180 #header-links a:hover {
181 color: [% css_colors.text_invert %];
182 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
183 text-decoration: none;
186 #header #header-links2 {
189 color: [% css_colors.text_invert %];
190 padding-bottom: 15px;
193 #header #header-links2 a {
194 color: [% css_colors.text_invert %];
197 #header #header-links2 a:hover {
198 text-decoration: underline;
217 background: [% css_colors.background_invert %];
227 border-bottom: 1px solid [% css_colors.border_standard %];
229 background: [% css_colors.background %];
232 #search-wrapper #breadcrumb {
234 font-size: [% css_fonts.size_smaller %];
238 #search-wrapper #search-within {
245 #search-wrapper #breadcrumb a {
246 color: [% css_colors.text %];
249 #search-wrapper #search_frm label {
250 font-size: [% css_fonts.size_smaller %];
253 #search-wrapper #search-box {
257 padding-bottom: 10px;
260 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
265 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
268 vertical-align: middle;
270 margin: 10px 7px 0px 0px;
271 padding: 10px 0px 10px 0px;
272 -moz-border-radius: 10px 10px 0px 0px;
273 border-radius: 10px 10px 0px 0px;
275 color: [% css_colors.text_invert %];
276 background: [% css_colors.control %];
278 text-decoration: none;
281 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
282 padding: 1em 1em 0.5em;
285 #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 {
286 background: [% css_colors.primary %];
287 color: [% css_colors.text_invert %];
288 text-decoration: none;
291 #adv_search_filters {
302 .adv_filter_block_item {
321 padding-left: 10px !important;
324 #adv_search.on, #num_search.on, #expert_search.on {
325 color: [% css_colors.accent_darker %];
326 background: [% css_colors.background %];
327 text-decoration: none;
330 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
331 color: [% css_colors.accent_darker %];
332 background: [% css_colors.background %];
333 text-decoration: none;
337 background: [% css_colors.control %];
340 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
342 font-size: [% css_fonts.size_smaller %];
343 color: [% css_colors.accent_darker %];
344 padding: 10px 10px 10px 10px;
347 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
348 background: [% css_colors.accent_lightest %];
349 color: [% css_colors.accent_darker %];
352 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
353 padding-bottom: 12px;
354 color: [% css_colors.accent_medium %];
357 #acct_select, #acct_prefs_select {
361 #mobile_acct_search_links {
362 background: [% css_colors.primary_fade %];
366 padding: 5px 7px 6px 0px;
368 border-bottom: 1px dotted [% css_colors.accent_light %];
372 color:[% css_colors.primary_fade %];
374 font-size: [% css_fonts.size_bigger %];
377 .rdetail_result_count {
378 color: [% css_colors.text %];
381 display: inline-block;
384 .rdetail_result_nav {
387 display: inline-block;
390 #rdetail_details_table {
394 #rdetail_image { border: none; }
395 #rdetail_image_cell {
404 padding: 0.5em 1em 0.5em 1em;
405 background-color: [% css_colors.accent_lighter2 %];
407 div.rdetail_uris ul li {
412 div.rdetail_show_copies {
416 div#rdetail_actions_div {
418 background: [% css_colors.background %];
421 span#rdetail_copy_counts {
422 display: inline-block;
429 span#rdetail_hold_counts {
430 display: inline-block;
433 span#rdetail_hold_counts p {
443 border-left:1px dotted [% css_colors.accent_light %];
450 border-bottom: 1px dotted [% css_colors.accent_light %];
454 div.toggle_list { padding-top: 6px; }
462 border-bottom: 1px dotted [% css_colors.accent_light %];
482 #rdetails_status td {
483 padding: 7px 0px 3px 13px;
487 #rdetails_status td[headers=copy_header_library],
488 #rdetails_status td[headers=copy_header_shelfloc] {
492 #rdetails_status thead th {
493 background-color: [% css_colors.accent_lighter2 %];
494 padding: 13px 0px 13px 13px;
495 font-size: [% css_fonts.size_smaller %];
500 #rdetails_status tbody td {
504 #rdetails_status tbody td.copy_note {
505 color: [% css_colors.primary %];
507 white-space:pre-wrap !important;
512 background: [% css_colors.primary_fade %];
513 border: 1px solid [% css_colors.primary %];
518 #rdetail_extras_div {
524 background: [% css_colors.accent_light %];
529 .rdetail_extras_link {
531 font-size: [% css_fonts.size_smaller %];
535 .rdetail_extras_lbl {
536 color: [% css_colors.text_invert %];
537 text-decoration: none;
540 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
544 #rdetail_locs_expand, #rdetail_locs_collapse {
550 #rdetail_anotes_div .biography {
554 .almost-content-wrapper {
555 background: [% css_colors.background %];
559 background: [% css_colors.background %];
561 border-bottom: 1px solid [% css_colors.border_dark %];
564 .content-wrapper-record-page { top: -15px; position: relative; }
576 #main-content-after-bar {
581 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
583 #main-content .login_boxes {
584 border: 1px solid [% css_colors.accent_lighter %];
585 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
586 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
587 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
588 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
589 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
591 color: [% css_colors.accent_darker %];
594 #main-content .login_boxes h1 {
596 font-size: [% css_fonts.size_biggest %];
600 #main-content .left_brain {
605 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
609 background: [% css_colors.background %];
610 font-size: [% css_fonts.size_bigger %];
611 color: [% css_colors.text %];
614 #main-content .left_brain .input_bg {
615 padding:10px 10px 0px 13px;
628 font-size: [% css_fonts.size_biggest %];
632 #login-failed-message {
633 font-size: [% css_fonts.size_bigger %];
635 color: [% css_colors.text_alert %];
639 #holds_temp_parent td {
640 border-bottom:1px solid [% css_colors.border_standard %];
643 #holds_temp_parent input, #holds_temp_parent select {
647 #holds_temp_parent tr td div {
652 #holds_temp_parent tr td div.format_icon {
658 #results_header_bar {
659 background: [% css_colors.accent_medium %];
660 border-top:1px solid [% css_colors.accent_mediumdark %];
661 border-bottom:1px solid [% css_colors.accent_mediumdark %];
664 .results_header_lbl {
667 color: [% css_colors.text %];
668 /* this border is not visible, but it keeps these labels the same size
670 border: 1px solid [% css_colors.accent_medium %];
671 background: [% css_colors.accent_medium %];
675 /* we need a negative margin on the select to allow the containing <label>
676 to determine the actual size of the element. By doing this, we can increase
677 the odds that the buttons and the select will be the same size, and therefore
678 collapse correctly when the window width decreases */
679 .results_header_lbl select {
683 #limit_to_available {
684 vertical-align: middle;
687 .results_header_sel {
693 .results_header_nav1 {
694 padding: 5px 7px 6px 0px;
695 border-bottom: 1px dotted [% css_colors.accent_light %];
698 .results_header_nav1 .h1 {
699 font-size: [% css_fonts.size_bigger %];
701 color:[% css_colors.primary_fade %];
704 .table_no_border_space {
707 .table_no_cell_pad td {
711 border-collapse: collapse;
714 #result_table_table {
722 tr.result_table_row > td.results_row_count,
723 tr.result_table_row > td.result_table_pic_header,
724 tr.result_table_row > td.result_table_title_cell {
734 tr.result_table_row:nth-child(n+2) > td {
735 border-top: 1px solid [% css_colors.accent_lighter2 %];
738 tr.result_table_row > td.result_table_pic_header {
749 .result_count_number {
753 .result_table_subtable {
758 div.result_table_utils_cont {
766 #myopac_summary_div p {
771 #acct_sum_checked_table td {
775 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
776 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
778 #zero_search_hits p {
786 #zero_search_hits #spell_check_link {
789 #zero_search_hits #zero_hits_suggestions {
795 background: [% css_colors.accent_light %];
800 .results_info_table td {
804 #myopac_holds_main_table {
805 border-collapse: collapse;
808 #myopac_holds_main_table td {
809 border: 1px solid [% css_colors.border_dark %];
813 #myopac_prefs_div .data_grid {
814 border-collapse:collapse;
817 #myopac_prefs_div .data_grid td {
818 background:[% css_colors.accent_ultralight %];
819 border-bottom:3px solid [% css_colors.background %];
820 padding:6px 0px 7px 17px;
825 font-size: [% css_fonts.size_bigger %];
827 color:[% css_colors.primary_fade %];
828 padding: 0px 7px 0px 0px;
829 border-bottom: 1px dotted [% css_colors.accent_light %];
843 border-collapse: collapse;
844 background: [% css_colors.accent_ultralight %];
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 {
899 border-collapse: collapse;
903 text-transform: none;
907 .hold_note_title { font-weight: bold; }
909 #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 {
910 background: [% css_colors.accent_lighter2 %];
914 #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 {
916 padding: 0px 10px 0px 10px;
919 #acct_list_header select, #acct_list_header_anon select {
924 .search_catalog_lbl {
925 font-size: [% css_fonts.size_bigger %];
927 .adv_search_catalog_lbl {
928 font-size: [% css_fonts.size_bigger %];
931 .browse_the_catalog_lbl {
932 font-size: [% css_fonts.size_bigger %];
936 font-size: [% css_fonts.size_bigger %];
941 font-size: [% css_fonts.size_smaller %];
948 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
949 background: [% css_colors.primary_fade %];
954 #fines_payments_wrapper {
959 .myopac_payments_table th { text-align: left; }
960 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
961 .myopac_payments_table thead th:first-child { width: 8em; }
962 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
963 .myopac_payments_table form { display: inline; }
964 .myopac_payments_table input[type="submit"] { padding: 1px; }
967 font-weight: bold; color: [% css_colors.text_alert %];
968 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
971 .payment-processing {
973 color: [% css_colors.text_greatnews %];
974 font-size: [% css_fonts.size_bigger %];
975 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
978 #adv_search_input { width: 100%; }
982 #search-submit-spinner {
986 div.adv_search_available {
994 font-size: [% css_fonts.size_bigger %];
999 width:100px !important;
1000 text-align: center !important;
1003 .chili_review div.chili_link div {
1007 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1008 /* some facet styling */
1009 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1010 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1011 .facetClassLabel { font-weight: bold; text-align: center; }
1012 .facetFieldContainer { }
1013 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1014 .extraFacetFieldsWrapper { }
1015 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1016 .facetFieldLineCount {
1017 display: inline-block;
1018 border-right: 1px solid [% css_colors.accent_light %];
1019 color: [% css_colors.accent_mediumdark %];
1023 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1024 .facetFields { padding-left: 5px; }
1025 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1037 .facet_box_temp .header {
1039 background:[% css_colors.primary %];
1040 -moz-border-top-left-radius: 5px;
1041 border-top-left-radius: 5px;
1042 -moz-border-top-right-radius: 5px;
1043 border-top-right-radius: 5px;
1045 color:[% css_colors.text_invert %];
1049 .facet_box_temp .header .title {
1055 /* in this context, where h4 is primarily for structure,
1056 avoid the normal large font and margin for h4's */
1057 .facet_box_temp h4 {
1062 .facet_box_temp .header a.button {
1066 color:[% css_colors.text_invert %];
1069 .facet_box_wrapper .box_wrapper .box {
1070 border-top:1px solid [% css_colors.border_standard %];
1071 border-left:1px solid [% css_colors.border_standard %];
1072 border-right:1px solid [% css_colors.border_standard %];
1079 box-sizing: border-box;
1080 -moz-box-sizing: border-box;
1086 .facet_template div {
1087 display: table-cell;
1091 .facet_template .count {
1093 color: [% css_colors.accent_mediumdark %];
1096 .facet_template_selected {
1097 background-color: [% css_colors.accent_lighter2 %];
1098 border: 1px solid [% css_colors.accent_medium %];
1102 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1103 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1104 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1105 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1106 background-color: [% css_colors.primary %];
1111 padding-bottom: 10px;
1113 font-size: [% css_fonts.size_small %];
1117 color: [% css_colors.text_invert %];
1118 text-decoration: none;
1119 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1122 #copyright_text, #footer_logo {
1123 color: [% css_colors.text_invert %];
1130 .advanced_div { padding-top: 15px; }
1131 #adv_global_search { width: 100%; }
1132 #adv_global_search select { width: 13em; }
1133 #adv_global_addrow td { padding-top: 7px; }
1134 #adv_global_input_table { width: 100%; }
1135 #adv_global_input_table select { width: 7em; }
1137 font-size: [% css_fonts.size_smaller %];
1138 color: [% css_colors.text_alert %];
1140 #acct_prefs_header { float: left; }
1141 .search_page_nav_link {
1145 #opac.result.sort { width: 160px; }
1146 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1147 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1148 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1149 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1150 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1151 #adv_search_refine {
1152 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1154 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1156 background-color: [% css_colors.background %];
1157 color: [% css_colors.primary %]; text-decoration: none;
1158 padding: 0; border: 0; margin: 0;
1159 vertical-align: middle;
1161 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1162 .no-dec:hover { text-decoration: none; }
1163 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1165 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1166 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1167 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1168 a.dash-link:hover { text-decoration: underline !important; }
1169 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1170 #list_create_table {
1171 background-color: [% css_colors.accent_light %];
1172 padding-bottom: 4px;
1173 margin-bottom: 10px;
1174 border-bottom: 1px dotted [% css_colors.accent_medium %];
1176 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1177 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1178 .results_row_count { font-weight: bold; }
1179 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1180 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1181 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1182 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1183 #hold_editor_table th { text-align: right; padding-right: 1em; }
1184 #hold_editor_table td { padding: 0.25em 0; }
1185 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1186 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1187 .hold-editor-controls a { padding-left: 2em; }
1189 .text-right { text-align: right; }
1190 .text-right-top { text-align: right; vertical-align: top; }
1191 .rdetail-author-div {
1192 padding-bottom: 10px;
1193 display: inline-block;
1196 .invisible { visibility: hidden; }
1197 .rdetail-extras-summary { margin: 10px; }
1198 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1199 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1200 .expert-search-row { padding-top: 10px; }
1201 #adv_expert_row label { font-weight: bold; }
1203 .bookshelf thead tr td {
1204 border-bottom: 1px dashed [% css_colors.accent_dark %];
1205 padding-bottom: 1ex;
1207 .cn_browse_item { padding: 2ex; }
1208 .results-paginator-list { padding-left: 1em; }
1209 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1210 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1212 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1213 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1214 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1216 .mr_holds_no_formats {
1221 color: [% css_colors.text_invert %];
1222 background: [% css_colors.primary %];
1225 .holds_item_row_separator td {
1226 border-top: 2px dashed [% css_colors.accent_medium %];
1229 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1231 .results_header_btns, .results_header_sel {
1236 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1237 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1240 .opac-multiline-button > a,
1241 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1242 color: [% css_colors.button_text %];
1244 text-decoration: none;
1245 cursor: pointer !important;
1246 -moz-border-radius: 5px;
1248 border: 1px solid [% css_colors.primary %];
1249 background: [% css_colors.primary_fade %];
1252 display: inline-block;
1255 .opac-multiline-button > a:hover,
1256 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1257 background: [% css_colors.primary %];
1260 .opac-button:disabled {
1261 color: [% css_colors.accent_medium %];
1262 cursor: pointer !important;
1263 border: 1px solid [% css_colors.accent_light %];
1264 background-color: [% css_colors.accent_lighter %];
1267 /* Firefox adds its own special space to inputs; this gets us closer */
1268 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1273 .opac-button-header, #dash_wrapper .opac-button {
1274 background: [% css_colors.control %];
1275 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1276 font-size: [% css_fonts.size_base %];
1278 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1279 border-color: [% css_colors.control %];
1282 .opac-multiline-button > a {
1283 display: inline-block;
1286 #myopac_checked_div {
1290 .rdetail-mfhd-head {
1293 background-color: [% css_colors.table_heading %];
1296 .rdetail-mfhd-type {
1300 .rdetail-mfhd-bottom {
1301 border-bottom: thin solid [% css_colors.border_dark %];
1305 #rdetail_record_details {
1312 padding-left: 1.5em;
1315 .rdetail_content_type, .rdetail_subject_type {
1316 vertical-align: top;
1320 .bookbag-item-row td { vertical-align: top; }
1322 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1324 color: [% css_colors.text_greatnews %];
1328 .rdetail_related_subjects {
1332 .rdetail_related_series {
1340 .rdetail_openurl_entry {
1344 .bookbag-controls-holder { width: 100%; }
1345 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1346 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1347 .bookbag-controls-holder .most {
1351 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1352 .bookbag-share .fixed { min-width: 4em; }
1353 .bookbag-specific { margin-left: 1em; }
1354 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1355 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1356 #bbag-name-desc-form tr th { vertical-align: middle; }
1357 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1358 .bookbag-description {
1363 #bbag-edit-description { width: 20em; }
1364 #bbag-edit-name { width: 20em; }
1365 textarea { font-family: sans-serif; }
1366 table.bookbag-specific {
1367 border-right: 1px solid [% css_colors.accent_dark %];
1368 border-bottom: 1px solid [% css_colors.accent_medium %];
1377 padding: 5px 0px 0px 10px;
1380 .bookbag-specific td.list_checkbox {
1381 padding-left: 10px !important;
1383 .bookbag-specific td.list_entry {
1385 padding-left: 5px !important;
1387 .bookbag-specific td.list_actions {
1388 white-space: nowrap !important;
1390 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1393 padding: 8px 0px 6px 0px;
1396 font-size: [% css_fonts.size_bigger %];
1400 .save-notes { padding-bottom: 1.5ex; }
1402 .nonbreaking-wrapper {
1403 display: inline-block;
1406 /* Moved from semiauto.css */
1407 .adv_global_input_container {
1408 border-bottom: none;
1412 border-bottom: none;
1415 .adv_global_filter_sort {
1419 .clear-both { clear: both; }
1430 .alert { color: [% css_colors.text_alert %]; }
1431 .float-left { float: left; }
1432 .float-right { float: right; }
1434 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1435 .saved-searches-header .button { float: right; width: 28px; }
1436 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1437 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1438 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1439 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1440 border-right: 1px solid [% css_colors.accent_darker %];
1442 .result_item_circulated {
1446 .result_item_circulated span {
1452 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1453 #result-bookbag-heading { text-align: center; margin: 2ex; }
1455 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1456 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1457 .result-bookbag-item-note { font-style: italic; }
1458 .lowhits-bookbag-name { font-weight: bold; }
1459 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1460 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1461 .oils_AS_match_field {
1462 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1463 text-align: right; color: [% css_colors.accent_medium %];
1465 table.result_holdings_table {
1469 table.result_holdings_table thead tr {
1470 background: [% css_colors.table_heading %];
1472 table.result_holdings_table thead tr th {
1476 margin: 0 2em 0 2em;
1479 vertical-align: super;
1480 font-size: [% css_fonts.size_smaller %];
1481 line-height: normal;
1482 text-decoration: none;
1484 .rdetail-holding-group { margin-left: 1.5em; }
1485 .rdetail-holding-group span { margin-left: 1.5em; }
1486 .rdetail-holding-group .paging { margin-left: 1.5em; }
1487 #rdetail_deleted_exp {
1491 border: thick solid [% css_colors.border_alert %];
1494 #ac_tab_wrapper { width : 100%; }
1495 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1496 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1497 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1498 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1500 /* Popmenu styles used for making css menus. */
1514 width: 10em; /* Width to help Opera out */
1515 background-color: [% css_colors.primary %];
1517 .popmenu li:hover ul {
1522 border-color: [% css_colors.border_dark %];
1524 border-style: solid;
1526 .popmenu li:hover li {
1529 .popmenu li:hover li a {
1530 background-color: [% css_colors.primary %];
1531 color: [% css_colors.accent_ultralight %];
1533 .popmenu li li a:hover {
1534 background-color: [% css_colors.accent_ultralight %];
1535 color: [% css_colors.primary %];
1537 /* Styles for the temporary list entry. */
1538 .popmenu li:hover li[class~="temporary"] a {
1539 background-color: [% css_colors.primary %];
1540 color: [% css_colors.accent_ultralight %];
1542 .popmenu li li[class~="temporary"] a:hover {
1543 background-color: [% css_colors.accent_ultralight %];
1544 color: [% css_colors.primary %];
1546 /* Styles for the default list entry. */
1547 .popmenu li:hover li[class~="default"] a {
1548 background-color: [% css_colors.primary %];
1549 color: [% css_colors.accent_ultralight %];
1551 .popmenu li li[class~="default"] a:hover {
1552 background-color: [% css_colors.accent_ultralight %];
1553 color: [% css_colors.primary %];
1555 /* Styles for the new list entry. */
1556 .popmenu li:hover li[class~="new"] a {
1557 background-color: [% css_colors.primary %];
1558 color: [% css_colors.accent_ultralight %];
1560 .popmenu li li[class~="new"] a:hover {
1561 background-color: [% css_colors.accent_ultralight %];
1562 color: [% css_colors.primary %];
1564 /* Style to add a divider on the menu. */
1565 .popmenu li li[class~="divider"] {
1566 border-bottom-width: 1px;
1567 border-bottom-color: [% css_colors.border_dark %];
1568 border-bottom-style: solid;
1571 #locale_picker_form {
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 %];
1711 @media only screen and (max-width: 800px) {
1712 .facet_sidebar_hidden, .result_block_hidden {
1715 .facet_sidebar_visible, .result_block_visible {
1716 display: inline ! important;
1718 #acct_select, #acct_prefs_select {
1719 display: inline-block;
1721 #acct_tabs, #acct_prefs_tabs {
1726 @media only screen and (max-width: 600px) {
1728 font-size: [% css_fonts.size_big %];
1730 span .nav_arrow_fix {
1737 #homesearch_main_logo img {
1747 #your-acct-login a {
1757 #locale_picker_form {
1760 #gold-links-holder {
1763 #simple-detail-view-links {
1766 #acct_tabs a, #acct_fines_tabs a {
1767 padding: 2px 4px 3px 4px;
1768 -moz-border-radius: 6px 6px 0px 0px;
1769 border-radius: 6px 6px 0px 0px;
1770 font-size: [% css_fonts.size_base %];
1771 margin: 0px 5px 0px 0px;
1775 background: transparent;
1782 #dash_wrapper .opac-button {
1786 display: inline !important;
1794 #holds_box form blockquote {
1798 #holds_box form blockquote select {
1801 #myopac_sum_fines_placehold {
1807 .results_header_lbl {
1810 .results_header_nav1 span.h1 {
1816 .start_end_links_span {
1822 .result_table_pic_header {
1823 padding-left: 0px !important;
1825 width: 0px !important;
1833 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1836 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1837 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1840 .results_info_table td {
1843 #results_header_bar {
1844 background-color: inherit;
1846 .results_header_btns a {
1852 #rdetails_status thead {
1855 #rdetails_status tr {
1859 #rdetails_status td {
1864 background-color: [% css_colors.accent_lightest %];
1866 .copy_details_offers_row {
1867 background-color: [% css_colors.accent_lightest %];
1869 select#pickup_lib.search-wrapper-locg {
1872 #search-wrapper #search-box {
1876 #main-content-home {
1880 /* Make use of full width in mobile mode */
1881 .facet_box_wrapper .box_wrapper .box,
1882 .facet_template .facet,
1886 .facet_template .count {
1892 #adv_search_parent {
1893 font-size: [% css_fonts.size_smaller %];
1895 #adv_search_filters {
1902 .rdetail_aux_utils {
1909 div#rdetail_actions_div {
1915 .search_catalog_lbl {
1917 white-space: nowrap;
1919 .adv_search_catalog_lbl {
1921 white-space: nowrap;
1923 .browse_the_catalog_lbl {
1924 white-space: nowrap;
1936 .dash_account_buttons {
1939 .searchbar { line-height: 1.5em; }
1940 #browse-controls { line-height: 1.5em; }
1941 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1948 .bookshelf table thead tr {
1951 #lowhits_help { width: inherit; }
1953 font-size: [% css_fonts.size_small %];
1954 margin: 2px 2px 0px 2px;
1955 padding: 2px 2px 5px 2px;
1956 -moz-border-radius: 10px 0px 0px 0px;
1957 border-radius: 7px 7px 0px 0px;
1959 #adv_global_tbody td {
1960 border-bottom: thin solid [% css_colors.accent_light %];
1962 #adv_global_addrow td {
1963 border-bottom: none;
1965 /* Force table to not be like tables anymore */
1966 table#acct_checked_main_header thead tr th {
1969 table#acct_checked_main_header tbody tr td {
1973 /* Hide table headers (but not display: none;, for accessibility) */
1980 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1982 table#acct_checked_main_header td {
1983 /* Behave like a "row" */
1985 border-bottom: 1px solid #eee;
1990 table#acct_checked_main_header td:before {
1991 /* Now like a table header */
1993 /* Top/left values mimic padding */
1996 padding-right: 10px;
1997 white-space: nowrap;
2000 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2001 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
2002 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
2003 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
2004 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
2005 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
2007 table#acct_holds_main_header thead tr th {
2010 table#acct_holds_main_header tbody tr td {
2014 table#acct_holds_main_header td {
2015 /* Behave like a "row" */
2017 border-bottom: 1px solid #eee;
2023 table#acct_holds_main_header td:before {
2024 /* Now like a table header */
2026 /* Top/left values mimic padding */
2029 padding-right: 10px;
2030 white-space: nowrap;
2033 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2034 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2035 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2036 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2037 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2038 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2039 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2040 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2041 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2042 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2044 /*Want to see these in mobile ONLY */
2049 .mobile_search_lbl_clr{
2050 color:[% css_colors.mobile_header_text %];
2056 For text which is visible only to screen readers.
2057 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2058 See also http://webaim.org/techniques/css/invisiblecontent/
2067 clip: rect(0, 0, 0, 0);