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 .results_header_lbl {
658 color: [% css_colors.text %];
659 /* this border is not visible, but it keeps these labels the same size
661 border: 1px solid [% css_colors.accent_medium %];
662 background: [% css_colors.accent_medium %];
666 /* we need a negative margin on the select to allow the containing <label>
667 to determine the actual size of the element. By doing this, we can increase
668 the odds that the buttons and the select will be the same size, and therefore
669 collapse correctly when the window width decreases */
670 .results_header_lbl select {
674 #limit_to_available {
675 vertical-align: middle;
678 .results_header_sel {
684 .results_header_nav1 {
685 padding: 5px 7px 6px 0px;
686 border-bottom: 1px dotted [% css_colors.accent_light %];
689 .results_header_nav1 .h1 {
690 font-size: [% css_fonts.size_bigger %];
692 color:[% css_colors.primary_fade %];
699 tr.result_table_row > td.results_row_count,
700 tr.result_table_row > td.result_table_pic_header,
701 tr.result_table_row > td.result_table_title_cell {
711 tr.result_table_row:nth-child(n+2) > td {
712 border-top: 1px solid [% css_colors.accent_lighter2 %];
715 tr.result_table_row > td.result_table_pic_header {
726 .result_count_number {
730 .result_table_subtable {
735 div.result_table_utils_cont {
741 text-transform:capitalize;
744 #myopac_summary_div p {
749 #acct_sum_checked_table td {
753 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
754 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
756 #zero_search_hits p {
761 text-transform: uppercase;
765 #zero_search_hits #spell_check_link {
766 text-transform: uppercase;
769 #zero_search_hits #zero_hits_suggestions {
770 text-transform: uppercase;
776 background: [% css_colors.accent_light %];
781 .results_info_table td {
785 #myopac_holds_main_table {
786 border-collapse: collapse;
789 #myopac_holds_main_table td {
790 border: 1px solid [% css_colors.border_dark %];
794 #myopac_prefs_div .data_grid {
795 border-collapse:collapse;
798 #myopac_prefs_div .data_grid td {
799 background:[% css_colors.accent_ultralight %];
800 border-bottom:3px solid [% css_colors.background %];
801 padding:6px 0px 7px 17px;
806 font-size: [% css_fonts.size_bigger %];
808 color:[% css_colors.primary_fade %];
809 padding: 0px 7px 0px 0px;
810 border-bottom: 1px dotted [% css_colors.accent_light %];
824 border-collapse: collapse;
825 background: [% css_colors.accent_ultralight %];
826 font-size: [% css_fonts.size_smaller %];
828 text-transform: uppercase;
832 border-bottom: 2px solid white;
840 text-transform: none;
845 .acct_sum_table .view_link {
850 border-collapse: collapse;
851 margin: -1em 0 0.5em 0;
859 table.acct_notes th {
865 padding: 15px 0px 0px 23px;
866 background: [% css_colors.accent_ultralight %];
871 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
873 .acct_holds_temp td {
877 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
879 /*padding-left:10px;*/
882 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
884 text-transform:uppercase;
885 font-size: [% css_fonts.size_smaller %];
886 border-collapse: collapse;
889 #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 {
890 background: [% css_colors.accent_lighter2 %];
894 #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 {
896 padding: 0px 10px 0px 10px;
899 #acct_list_header select, #acct_list_header_anon select {
904 #acct_holds_activates_table label {
906 font-size: [% css_fonts.size_small %];
907 text-transform:uppercase;
911 .search_catalog_lbl {
912 font-size: [% css_fonts.size_bigger %];
914 .adv_search_catalog_lbl {
915 font-size: [% css_fonts.size_bigger %];
918 .browse_the_catalog_lbl {
919 font-size: [% css_fonts.size_bigger %];
923 font-size: [% css_fonts.size_bigger %];
928 font-size: [% css_fonts.size_smaller %];
935 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
936 background: [% css_colors.primary_fade %];
941 #fines_payments_wrapper {
946 .myopac_payments_table th { text-align: left; }
947 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
948 .myopac_payments_table thead th:first-child { width: 8em; }
949 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
950 .myopac_payments_table form { display: inline; }
951 .myopac_payments_table input[type="submit"] { padding: 1px; }
954 font-weight: bold; color: [% css_colors.text_alert %];
955 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
958 .payment-processing {
960 color: [% css_colors.text_greatnews %];
961 font-size: [% css_fonts.size_bigger %];
962 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
965 #adv_search_input { width: 100%; }
969 #search-submit-spinner {
973 div.adv_search_available {
980 font-size: [% css_fonts.size_bigger %];
985 width:100px !important;
986 text-align: center !important;
989 .chili_review div.chili_link div {
993 [%- IF we_want_to_turn_on_facet_styling.defined; %]
994 /* some facet styling */
995 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
996 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
997 .facetClassLabel { font-weight: bold; text-align: center; }
998 .facetFieldContainer { }
999 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1000 .extraFacetFieldsWrapper { }
1001 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1002 .facetFieldLineCount {
1003 display: inline-block;
1004 border-right: 1px solid [% css_colors.accent_light %];
1005 color: [% css_colors.accent_mediumdark %];
1009 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1010 .facetFields { padding-left: 5px; }
1011 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1023 .facet_box_temp .header {
1025 background:[% css_colors.primary %];
1026 -moz-border-top-left-radius: 5px;
1027 border-top-left-radius: 5px;
1028 -moz-border-top-right-radius: 5px;
1029 border-top-right-radius: 5px;
1031 color:[% css_colors.text_invert %];
1035 .facet_box_temp .header .title {
1041 .facet_box_temp .header a.button {
1045 color:[% css_colors.text_invert %];
1048 .facet_box_wrapper .box_wrapper .box {
1049 border-top:1px solid [% css_colors.border_standard %];
1050 border-left:1px solid [% css_colors.border_standard %];
1051 border-right:1px solid [% css_colors.border_standard %];
1058 box-sizing: border-box;
1059 -moz-box-sizing: border-box;
1065 .facet_template div {
1066 display: table-cell;
1070 .facet_template .count {
1072 color: [% css_colors.accent_mediumdark %];
1075 .facet_template_selected {
1076 background-color: [% css_colors.accent_lighter2 %];
1077 border: 1px solid [% css_colors.accent_medium %];
1081 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1082 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1083 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1084 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1085 background-color: [% css_colors.primary %];
1090 padding-bottom: 10px;
1092 font-size: [% css_fonts.size_small %];
1096 color: [% css_colors.text_invert %];
1097 text-decoration: none;
1098 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1101 #copyright_text, #footer_logo {
1102 color: [% css_colors.text_invert %];
1106 text-transform: uppercase;
1108 font-size: [% css_fonts.size_smaller %];
1111 .advanced_div { padding-top: 15px; }
1112 #adv_global_search { width: 100%; }
1113 #adv_global_search select { width: 13em; }
1114 #adv_global_addrow td { padding-top: 7px; }
1115 #adv_global_input_table { width: 100%; }
1116 #adv_global_input_table select { width: 7em; }
1118 font-size: [% css_fonts.size_smaller %];
1119 color: [% css_colors.text_alert %];
1121 #acct_prefs_header { float: left; }
1122 .search_page_nav_link {
1126 #opac.result.sort { width: 160px; }
1127 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1128 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1129 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1130 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1131 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1132 #adv_search_refine {
1133 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1135 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1137 background-color: [% css_colors.background %];
1138 color: [% css_colors.primary %]; text-decoration: none;
1139 padding: 0; border: 0; margin: 0;
1140 vertical-align: middle;
1142 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1143 .no-dec:hover { text-decoration: none; }
1144 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1146 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1147 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1148 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1149 a.dash-link:hover { text-decoration: underline !important; }
1150 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1151 #list_create_table {
1152 background-color: [% css_colors.accent_light %];
1153 padding-bottom: 4px;
1154 margin-bottom: 10px;
1155 border-bottom: 1px dotted [% css_colors.accent_medium %];
1157 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1158 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1159 .results_row_count { font-weight: bold; }
1160 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1161 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1162 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1163 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1164 #hold_editor_table th { text-align: right; padding-right: 1em; }
1165 #hold_editor_table td { padding: 0.25em 0; }
1166 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1167 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1168 .hold-editor-controls a { padding-left: 2em; }
1170 .text-right { text-align: right; }
1171 .text-right-top { text-align: right; vertical-align: top; }
1172 .rdetail-author-div { padding-bottom: 10px; }
1174 .invisible { visibility: hidden; }
1175 .rdetail-extras-summary { margin: 10px; }
1176 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1177 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1178 .expert-search-row { padding-top: 10px; }
1179 #adv_expert_row label { font-weight: bold; }
1181 .bookshelf thead tr td {
1182 border-bottom: 1px dashed [% css_colors.accent_dark %];
1183 padding-bottom: 1ex;
1185 .cn_browse_item { padding: 2ex; }
1186 .results-paginator-list { padding-left: 1em; }
1187 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1188 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1190 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1191 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1192 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1194 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1196 .results_header_btns, .results_header_sel {
1201 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1202 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1205 .opac-multiline-button > a,
1206 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1207 color: [% css_colors.button_text %];
1209 text-decoration: none;
1210 cursor: pointer !important;
1211 -moz-border-radius: 5px;
1213 border: 1px solid [% css_colors.primary %];
1214 background: [% css_colors.primary_fade %];
1217 display: inline-block;
1220 .opac-multiline-button > a:hover,
1221 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1222 background: [% css_colors.primary %];
1225 .opac-button:disabled {
1226 color: [% css_colors.accent_medium %];
1227 cursor: pointer !important;
1228 border: 1px solid [% css_colors.accent_light %];
1229 background-color: [% css_colors.accent_lighter %];
1232 /* Firefox adds its own special space to inputs; this gets us closer */
1233 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1238 .opac-button-header, #dash_wrapper .opac-button {
1239 background: [% css_colors.control %];
1240 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1241 font-size: [% css_fonts.size_base %];
1243 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1244 border-color: [% css_colors.control %];
1247 .opac-multiline-button > a {
1248 display: inline-block;
1251 #myopac_checked_div {
1255 .rdetail-mfhd-head {
1258 background-color: [% css_colors.table_heading %];
1261 .rdetail-mfhd-type {
1265 .rdetail-mfhd-bottom {
1266 border-bottom: thin solid [% css_colors.border_dark %];
1270 #rdetail_record_details {
1277 padding-left: 1.5em;
1280 .rdetail_content_type, .rdetail_subject_type {
1281 vertical-align: top;
1285 .bookbag-item-row td { vertical-align: top; }
1287 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1289 color: [% css_colors.text_greatnews %];
1293 .rdetail_related_subjects {
1297 .rdetail_related_series {
1305 .rdetail_openurl_entry {
1309 .bookbag-controls-holder { width: 100%; }
1310 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1311 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1312 .bookbag-controls-holder .most {
1316 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1317 .bookbag-share .fixed { min-width: 4em; }
1318 .bookbag-specific { margin-left: 1em; }
1319 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1320 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1321 #bbag-name-desc-form tr th { vertical-align: middle; }
1322 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1323 .bookbag-description {
1328 #bbag-edit-description { width: 20em; }
1329 #bbag-edit-name { width: 20em; }
1330 textarea { font-family: sans-serif; }
1331 table.bookbag-specific {
1332 border-right: 1px solid [% css_colors.accent_dark %];
1333 border-bottom: 1px solid [% css_colors.accent_medium %];
1342 padding: 5px 0px 0px 10px;
1345 .bookbag-specific td.list_checkbox {
1346 padding-left: 10px !important;
1348 .bookbag-specific td.list_entry {
1350 padding-left: 5px !important;
1352 .bookbag-specific td.list_actions {
1353 white-space: nowrap !important;
1355 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1358 padding: 8px 0px 6px 0px;
1361 font-size: [% css_fonts.size_bigger %];
1365 .save-notes { padding-bottom: 1.5ex; }
1367 .nonbreaking-wrapper {
1368 display: inline-block;
1371 /* Moved from semiauto.css */
1372 .adv_global_input_container {
1373 border-bottom: none;
1377 border-bottom: none;
1380 .adv_global_filter_sort {
1384 .clear-both { clear: both; }
1395 .alert { color: [% css_colors.text_alert %]; }
1396 .float-left { float: left; }
1397 .float-right { float: right; }
1399 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1400 .saved-searches-header .button { float: right; width: 28px; }
1401 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1402 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1403 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1404 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1405 border-right: 1px solid [% css_colors.accent_darker %];
1407 .result_item_circulated {
1411 .result_item_circulated span {
1417 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1418 #result-bookbag-heading { text-align: center; margin: 2ex; }
1420 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1421 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1422 .result-bookbag-item-note { font-style: italic; }
1423 .lowhits-bookbag-name { font-weight: bold; }
1424 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1425 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1426 .oils_AS_match_field {
1427 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1428 text-align: right; color: [% css_colors.accent_medium %];
1430 table.result_holdings_table {
1434 table.result_holdings_table thead tr {
1435 background: [% css_colors.table_heading %];
1437 table.result_holdings_table thead tr th {
1441 margin: 0 2em 0 2em;
1444 vertical-align: super;
1445 font-size: [% css_fonts.size_smaller %];
1446 line-height: normal;
1447 text-decoration: none;
1449 .rdetail-holding-group { margin-left: 1.5em; }
1450 .rdetail-holding-group span { margin-left: 1.5em; }
1451 .rdetail-holding-group .paging { margin-left: 1.5em; }
1452 #rdetail_deleted_exp {
1456 border: thick solid [% css_colors.border_alert %];
1459 #ac_tab_wrapper { width : 100%; }
1460 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1461 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1462 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1463 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1465 /* Popmenu styles used for making css menus. */
1479 width: 10em; /* Width to help Opera out */
1480 background-color: [% css_colors.primary %];
1482 .popmenu li:hover ul {
1487 border-color: [% css_colors.border_dark %];
1489 border-style: solid;
1491 .popmenu li:hover li {
1494 .popmenu li:hover li a {
1495 background-color: [% css_colors.primary %];
1496 color: [% css_colors.accent_ultralight %];
1498 .popmenu li li a:hover {
1499 background-color: [% css_colors.accent_ultralight %];
1500 color: [% css_colors.primary %];
1502 /* Styles for the temporary list entry. */
1503 .popmenu li:hover li[class~="temporary"] a {
1504 background-color: [% css_colors.primary %];
1505 color: [% css_colors.accent_ultralight %];
1507 .popmenu li li[class~="temporary"] a:hover {
1508 background-color: [% css_colors.accent_ultralight %];
1509 color: [% css_colors.primary %];
1511 /* Styles for the default list entry. */
1512 .popmenu li:hover li[class~="default"] a {
1513 background-color: [% css_colors.primary %];
1514 color: [% css_colors.accent_ultralight %];
1516 .popmenu li li[class~="default"] a:hover {
1517 background-color: [% css_colors.accent_ultralight %];
1518 color: [% css_colors.primary %];
1520 /* Styles for the new list entry. */
1521 .popmenu li:hover li[class~="new"] a {
1522 background-color: [% css_colors.primary %];
1523 color: [% css_colors.accent_ultralight %];
1525 .popmenu li li[class~="new"] a:hover {
1526 background-color: [% css_colors.accent_ultralight %];
1527 color: [% css_colors.primary %];
1529 /* Style to add a divider on the menu. */
1530 .popmenu li li[class~="divider"] {
1531 border-bottom-width: 1px;
1532 border-bottom-color: [% css_colors.border_dark %];
1533 border-bottom-style: solid;
1536 #locale_picker_form {
1540 border-right: thin [% css_colors.control %] solid;
1543 #locale_picker_form * {
1546 vertical-align: middle;
1549 #patron_usr_barcode_not_found {
1550 font-weight: bold; color: [% css_colors.text_alert %];
1563 padding-bottom: 0.5em;
1567 #maintenance_message {
1570 background-color: [% css_colors.text_alert %];
1571 color: [% css_colors.text_invert %];
1575 #search-box > span {
1582 .browse-result-sources, .browse-result-authority-bib-links {
1585 .browse-result-best-match {
1591 .browse-result-list {
1592 padding-bottom: 0.5ex;
1595 font-size: [% css_fonts.size_bigger %];
1597 .browse-result-authority-field-name {
1601 .browse-leading-article-warning {
1603 font-size: [% css_fonts.size_big %];
1605 .browse-public-general-note {
1606 font-size: [% css_fonts.size_big %];
1608 .browse-public-general-note-label { }
1609 .browse-public-general-note-institution {
1613 .browse-public-general-note-body {
1621 #main-content-register {
1623 font-size: [% css_fonts.size_bigger %];
1626 #main-content-register table {
1629 border-collapse: collapse;
1632 #main-content-register td {
1636 #main-content-register td:not(:first-child) {
1640 .patron-reg-invalid {
1643 padding-right: 10px;
1646 .result_footer_nav1 {
1650 .small_view_only, #refine_hits, #return_to_hits {
1654 .rdetail_authors_div {
1658 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1659 white-space: nowrap;
1660 display: inline-block;
1663 .result_table_title_cell {
1665 padding-bottom: 4px;
1669 font-size: [% css_fonts.size_bigger %];
1672 @media only screen and (max-width: 800px) {
1673 .facet_sidebar_hidden, .result_block_hidden {
1676 .facet_sidebar_visible, .result_block_visible {
1677 display: inline ! important;
1679 #acct_select, #acct_prefs_select {
1680 display: inline-block;
1682 #acct_tabs, #acct_prefs_tabs {
1687 @media only screen and (max-width: 600px) {
1689 font-size: [% css_fonts.size_big %];
1691 span .nav_arrow_fix {
1698 #homesearch_main_logo img {
1708 #your-acct-login a {
1718 #locale_picker_form {
1721 #gold-links-holder {
1724 #simple-detail-view-links {
1727 #acct_tabs a, #acct_fines_tabs a {
1728 padding: 2px 4px 3px 4px;
1729 -moz-border-radius: 6px 6px 0px 0px;
1730 border-radius: 6px 6px 0px 0px;
1731 font-size: [% css_fonts.size_base %];
1732 margin: 0px 5px 0px 0px;
1736 background: transparent;
1743 #dash_wrapper .opac-button {
1747 display: inline !important;
1755 #holds_box form blockquote {
1759 #holds_box form blockquote select {
1762 #myopac_sum_fines_placehold {
1768 .results_header_lbl {
1771 .results_header_nav1 span.h1 {
1777 .start_end_links_span {
1783 .result_table_pic_header {
1784 padding-left: 0px !important;
1786 width: 0px !important;
1794 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1797 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1798 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1801 .results_info_table td {
1804 #results_header_bar {
1805 background-color: inherit;
1807 .results_header_btns a {
1813 #rdetails_status thead {
1816 #rdetails_status tr {
1820 #rdetails_status td {
1825 background-color: [% css_colors.accent_lightest %];
1827 .copy_details_offers_row {
1828 background-color: [% css_colors.accent_lightest %];
1830 select#pickup_lib.search-wrapper-locg {
1833 #search-wrapper #search-box {
1837 #main-content-home {
1841 /* Make use of full width in mobile mode */
1842 .facet_box_wrapper .box_wrapper .box,
1843 .facet_template .facet,
1847 .facet_template .count {
1853 #adv_search_parent {
1854 font-size: [% css_fonts.size_smaller %];
1856 #adv_search_filters {
1863 .rdetail_aux_utils {
1870 div#rdetail_actions_div {
1876 .search_catalog_lbl {
1878 white-space: nowrap;
1880 .adv_search_catalog_lbl {
1882 white-space: nowrap;
1884 .browse_the_catalog_lbl {
1885 white-space: nowrap;
1897 .dash_account_buttons {
1900 .searchbar { line-height: 1.5em; }
1901 #browse-controls { line-height: 1.5em; }
1902 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1909 .bookshelf table thead tr {
1912 #lowhits_help { width: inherit; }
1914 font-size: [% css_fonts.size_small %];
1915 margin: 2px 2px 0px 2px;
1916 padding: 2px 2px 5px 2px;
1917 -moz-border-radius: 10px 0px 0px 0px;
1918 border-radius: 7px 7px 0px 0px;
1920 #adv_global_tbody td {
1921 border-bottom: thin solid [% css_colors.accent_light %];
1923 #adv_global_addrow td {
1924 border-bottom: none;
1926 /* Force table to not be like tables anymore */
1927 table#acct_checked_main_header thead tr th {
1930 table#acct_checked_main_header tbody tr td {
1934 /* Hide table headers (but not display: none;, for accessibility) */
1941 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1943 table#acct_checked_main_header td {
1944 /* Behave like a "row" */
1946 border-bottom: 1px solid #eee;
1951 table#acct_checked_main_header td:before {
1952 /* Now like a table header */
1954 /* Top/left values mimic padding */
1957 padding-right: 10px;
1958 white-space: nowrap;
1961 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1962 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1963 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1964 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1965 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1966 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1968 table#acct_holds_main_header thead tr th {
1971 table#acct_holds_main_header tbody tr td {
1975 table#acct_holds_main_header td {
1976 /* Behave like a "row" */
1978 border-bottom: 1px solid #eee;
1984 table#acct_holds_main_header td:before {
1985 /* Now like a table header */
1987 /* Top/left values mimic padding */
1990 padding-right: 10px;
1991 white-space: nowrap;
1994 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1995 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
1996 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
1997 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
1998 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
1999 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2000 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2001 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2002 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }