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 {
97 background: [% css_colors.primary %];
104 color: [% css_colors.primary_fade %];
105 display:inline-block;
113 #dashboard span.dash-align a {
115 text-decoration: none;
120 text-transform: capitalize;
123 #logout_link { left: 1px; }
125 #dash_checked { color: [% css_colors.text_attention %]; }
126 #dash_holds { color: [% css_colors.text_attention %]; }
127 #dash_pickup { color: [% css_colors.text_goodnews %]; }
128 #dash_fines { color: [% css_colors.text_badnews %]; }
130 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
131 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
132 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
133 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
134 background-color: [% css_colors.primary_fade %];
137 color: [% css_colors.background %];
140 font-size: [% css_fonts.size_small %];
144 color: [% css_colors.background %];
148 color: [% css_colors.text_invert %];
149 text-decoration: none;
153 color: [% css_colors.text_invert %];
154 font-size: [% css_fonts.size_small %];
162 color: [% css_colors.text_invert %];
166 text-decoration: none;
169 #header-links a:hover {
170 color: [% css_colors.text_invert %];
171 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
172 text-decoration: none;
175 #header #header-links2 {
178 color: [% css_colors.text_invert %];
179 padding-bottom: 15px;
182 #header #header-links2 a {
183 color: [% css_colors.text_invert %];
186 #header #header-links2 a:hover {
187 text-decoration: underline;
206 background: [% css_colors.background_invert %];
216 border-bottom: 1px solid [% css_colors.border_standard %];
218 background: [% css_colors.background %];
221 #search-wrapper #breadcrumb {
223 font-size: [% css_fonts.size_smaller %];
227 #search-wrapper #search-within {
234 #search-wrapper #breadcrumb a {
235 color: [% css_colors.text %];
238 #search-wrapper #search_frm label {
239 font-size: [% css_fonts.size_smaller %];
242 #search-wrapper #search-box {
246 padding-bottom: 10px;
249 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
254 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
257 vertical-align: middle;
259 margin: 10px 7px 0px 0px;
260 padding: 10px 0px 10px 0px;
261 -moz-border-radius: 10px 10px 0px 0px;
262 border-radius: 10px 10px 0px 0px;
264 color: [% css_colors.text_invert %];
265 background: [% css_colors.control %];
267 text-decoration: none;
270 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
271 padding: 1em 1em 0.5em;
274 #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 {
275 background: [% css_colors.primary %];
276 color: [% css_colors.text_invert %];
277 text-decoration: none;
280 #adv_search_filters {
291 #adv_filter_block_item {
310 padding-left: 10px !important;
313 #adv_search.on, #num_search.on, #expert_search.on {
314 color: [% css_colors.accent_darker %];
315 background: [% css_colors.background %];
316 text-decoration: none;
319 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
320 color: [% css_colors.accent_darker %];
321 background: [% css_colors.background %];
322 text-decoration: none;
326 background: [% css_colors.control %];
329 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
331 font-size: [% css_fonts.size_smaller %];
332 color: [% css_colors.accent_darker %];
333 padding: 10px 10px 10px 10px;
336 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
337 background: [% css_colors.accent_lightest %];
338 color: [% css_colors.accent_darker %];
341 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
342 padding-bottom: 12px;
343 color: [% css_colors.accent_medium %];
346 #acct_select, #acct_prefs_select {
351 padding: 5px 7px 6px 0px;
353 border-bottom: 1px dotted [% css_colors.accent_light %];
357 color:[% css_colors.primary_fade %];
359 font-size: [% css_fonts.size_bigger %];
362 .rdetail_result_count {
363 color: [% css_colors.text %];
366 display: inline-block;
369 .rdetail_result_nav {
372 display: inline-block;
375 #rdetail_details_table {
379 #rdetail_image { border: none; }
380 #rdetail_image_cell {
389 padding: 0.5em 1em 0.5em 1em;
390 background-color: [% css_colors.accent_lighter2 %];
392 div.rdetail_uris ul li {
397 div.rdetail_show_copies {
401 div#rdetail_actions_div {
403 background: [% css_colors.background %];
406 span#rdetail_copy_counts {
407 display: inline-block;
414 span#rdetail_hold_counts {
415 display: inline-block;
418 span#rdetail_hold_counts p {
428 border-left:1px dotted [% css_colors.accent_light %];
435 border-bottom: 1px dotted [% css_colors.accent_light %];
439 div.toggle_list { padding-top: 6px; }
447 border-bottom: 1px dotted [% css_colors.accent_light %];
467 #rdetails_status td {
468 padding: 7px 0px 3px 13px;
472 #rdetails_status td[header=copy_header_library],
473 #rdetails_status td[header=copy_header_shelfloc] {
477 #rdetails_status thead th {
478 background-color: [% css_colors.accent_lighter2 %];
479 padding: 13px 0px 13px 13px;
480 font-size: [% css_fonts.size_smaller %];
481 text-transform: uppercase;
486 #rdetails_status tbody td {
490 #rdetails_status tbody td.copy_note {
491 color: [% css_colors.primary %];
493 white-space:pre-wrap !important;
498 background: [% css_colors.primary_fade %];
499 border: 1px solid [% css_colors.primary %];
504 #rdetail_extras_div {
510 background: [% css_colors.accent_light %];
515 .rdetail_extras_link {
517 font-size: [% css_fonts.size_smaller %];
518 text-transform: uppercase;
522 .rdetail_extras_lbl {
523 color: [% css_colors.text_invert %];
524 text-decoration: none;
527 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
531 #rdetail_locs_expand, #rdetail_locs_collapse {
537 #rdetail_anotes_div .biography {
541 .almost-content-wrapper {
542 background: [% css_colors.background %];
546 background: [% css_colors.background %];
548 border-bottom: 1px solid [% css_colors.border_dark %];
551 .content-wrapper-record-page { top: -15px; position: relative; }
563 #main-content-after-bar {
568 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
570 #main-content .login_boxes {
571 border: 1px solid [% css_colors.accent_lighter %];
572 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
573 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
574 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
575 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
576 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
578 color: [% css_colors.accent_darker %];
581 #main-content .login_boxes h1 {
583 font-size: [% css_fonts.size_biggest %];
587 #main-content .left_brain {
592 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
596 background: [% css_colors.background %];
597 font-size: [% css_fonts.size_bigger %];
598 color: [% css_colors.text %];
601 #main-content .left_brain .input_bg {
602 padding:10px 10px 0px 13px;
615 font-size: [% css_fonts.size_biggest %];
619 #login-failed-message {
620 font-size: [% css_fonts.size_bigger %];
622 color: [% css_colors.text_alert %];
626 #holds_temp_parent td {
627 border-bottom:1px solid [% css_colors.border_standard %];
630 #holds_temp_parent input, #holds_temp_parent select {
634 #holds_temp_parent tr td div {
639 #holds_temp_parent tr td div.format_icon {
645 #results_header_bar {
646 background: [% css_colors.accent_medium %];
647 border-top:1px solid [% css_colors.accent_mediumdark %];
648 border-bottom:1px solid [% css_colors.accent_mediumdark %];
651 .cached_list_div { height: 25px; }
653 .results_header_lbl {
656 color: [% css_colors.text %];
657 /* this border is not visible, but it keeps these labels the same size
659 border: 1px solid [% css_colors.accent_medium %];
660 background: [% css_colors.accent_medium %];
664 /* we need a negative margin on the select to allow the containing <label>
665 to determine the actual size of the element. By doing this, we can increase
666 the odds that the buttons and the select will be the same size, and therefore
667 collapse correctly when the window width decreases */
668 .results_header_lbl select {
672 #limit_to_available {
673 vertical-align: middle;
676 .results_header_sel {
682 .results_header_nav1 {
683 padding: 5px 7px 6px 0px;
684 border-bottom: 1px dotted [% css_colors.accent_light %];
687 .results_header_nav1 .h1 {
688 font-size: [% css_fonts.size_bigger %];
690 color:[% css_colors.primary_fade %];
697 tr.result_table_row > td.results_row_count,
698 tr.result_table_row > td.result_table_pic_header,
699 tr.result_table_row > td.result_table_title_cell {
709 tr.result_table_row:nth-child(n+2) > td {
710 border-top: 1px solid [% css_colors.accent_lighter2 %];
713 tr.result_table_row > td.result_table_pic_header {
724 .result_count_number {
728 .result_table_subtable {
733 div.result_table_utils_cont {
739 text-transform:capitalize;
742 #myopac_summary_div p {
747 #acct_sum_checked_table td {
751 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
752 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
754 #zero_search_hits p {
759 text-transform: uppercase;
763 #zero_search_hits #spell_check_link {
764 text-transform: uppercase;
767 #zero_search_hits #zero_hits_suggestions {
768 text-transform: uppercase;
774 background: [% css_colors.accent_light %];
779 .results_info_table td {
783 #myopac_holds_main_table {
784 border-collapse: collapse;
787 #myopac_holds_main_table td {
788 border: 1px solid [% css_colors.border_dark %];
792 #myopac_prefs_div .data_grid {
793 border-collapse:collapse;
796 #myopac_prefs_div .data_grid td {
797 background:[% css_colors.accent_ultralight %];
798 border-bottom:3px solid [% css_colors.background %];
799 padding:6px 0px 7px 17px;
804 font-size: [% css_fonts.size_bigger %];
806 color:[% css_colors.primary_fade %];
807 padding: 0px 7px 0px 0px;
808 border-bottom: 1px dotted [% css_colors.accent_light %];
822 border-collapse: collapse;
823 background: [% css_colors.accent_ultralight %];
824 font-size: [% css_fonts.size_smaller %];
826 text-transform: uppercase;
830 border-bottom: 2px solid white;
838 text-transform: none;
843 .acct_sum_table .view_link {
848 border-collapse: collapse;
849 margin: -1em 0 0.5em 0;
857 table.acct_notes th {
863 padding: 15px 0px 0px 23px;
864 background: [% css_colors.accent_ultralight %];
869 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
871 .acct_holds_temp td {
875 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
877 /*padding-left:10px;*/
880 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
882 text-transform:uppercase;
883 font-size: [% css_fonts.size_smaller %];
884 border-collapse: collapse;
887 #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 {
888 background: [% css_colors.accent_lighter2 %];
892 #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 {
894 padding: 0px 10px 0px 10px;
897 #acct_list_header select, #acct_list_header_anon select {
902 #acct_holds_activates_table label {
904 font-size: [% css_fonts.size_small %];
905 text-transform:uppercase;
909 .search_catalog_lbl {
910 font-size: [% css_fonts.size_bigger %];
912 .adv_search_catalog_lbl {
913 font-size: [% css_fonts.size_bigger %];
916 .browse_the_catalog_lbl {
917 font-size: [% css_fonts.size_bigger %];
921 font-size: [% css_fonts.size_bigger %];
926 font-size: [% css_fonts.size_smaller %];
933 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
934 background: [% css_colors.primary_fade %];
939 #fines_payments_wrapper {
944 .myopac_payments_table th { text-align: left; }
945 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
946 .myopac_payments_table thead th:first-child { width: 8em; }
947 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
948 .myopac_payments_table form { display: inline; }
949 .myopac_payments_table input[type="submit"] { padding: 1px; }
952 font-weight: bold; color: [% css_colors.text_alert %];
953 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
956 .payment-processing {
958 color: [% css_colors.text_greatnews %];
959 font-size: [% css_fonts.size_bigger %];
960 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
963 #adv_search_input { width: 100%; }
967 #search-submit-spinner {
971 div.adv_search_available {
978 font-size: [% css_fonts.size_bigger %];
983 width:100px !important;
984 text-align: center !important;
987 .chili_review div.chili_link div {
991 [%- IF we_want_to_turn_on_facet_styling.defined; %]
992 /* some facet styling */
993 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
994 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
995 .facetClassLabel { font-weight: bold; text-align: center; }
996 .facetFieldContainer { }
997 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
998 .extraFacetFieldsWrapper { }
999 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1000 .facetFieldLineCount {
1001 display: inline-block;
1002 border-right: 1px solid [% css_colors.accent_light %];
1003 color: [% css_colors.accent_mediumdark %];
1007 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1008 .facetFields { padding-left: 5px; }
1009 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1014 border-right: 1px solid [% css_colors.border_standard %];
1024 .facet_box_temp .header {
1027 background:[% css_colors.primary %];
1028 -moz-border-top-left-radius: 5px;
1029 border-top-left-radius: 5px;
1030 -moz-border-top-right-radius: 5px;
1031 border-top-right-radius: 5px;
1033 color:[% css_colors.text_invert %];
1037 .facet_box_temp .header .title {
1044 .facet_box_temp .header a.button {
1048 color:[% css_colors.text_invert %];
1051 .facet_box_wrapper .box_wrapper {
1055 *margin-bottom:-6px;
1058 .facet_box_wrapper .box_wrapper .box {
1060 border-top:1px solid [% css_colors.border_standard %];
1061 border-left:1px solid [% css_colors.border_standard %];
1062 border-right:1px solid [% css_colors.border_standard %];
1063 background:[% css_colors.background %];
1072 .facet_template .facet {
1075 margin-bottom: 0.5em;
1078 .facet_template .count {
1080 color: [% css_colors.accent_mediumdark %];
1083 .facet_template_selected .facet {
1084 background-color: [% css_colors.accent_lighter2 %];
1088 border-left: 1px solid [% css_colors.border_standard %];
1089 padding-right: 0.5em;
1093 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1094 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1095 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1096 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1097 background-color: [% css_colors.primary %];
1102 padding-bottom: 10px;
1104 font-size: [% css_fonts.size_small %];
1108 color: [% css_colors.text_invert %];
1109 text-decoration: none;
1110 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1113 #copyright_text, #footer_logo {
1114 color: [% css_colors.text_invert %];
1118 text-transform: uppercase;
1120 font-size: [% css_fonts.size_smaller %];
1123 .advanced_div { padding-top: 15px; }
1124 #adv_global_search { width: 100%; }
1125 #adv_global_search select { width: 13em; }
1126 #adv_global_addrow td { padding-top: 7px; }
1127 #adv_global_input_table { width: 100%; }
1128 #adv_global_input_table select { width: 7em; }
1130 font-size: [% css_fonts.size_smaller %];
1131 color: [% css_colors.text_alert %];
1133 #acct_prefs_header { float: left; }
1134 .search_page_nav_link {
1138 #opac.result.sort { width: 160px; }
1139 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1140 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1141 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1142 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1143 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1144 #adv_search_refine {
1145 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1147 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1149 background-color: [% css_colors.background %];
1150 color: [% css_colors.primary %]; text-decoration: none;
1151 padding: 0; border: 0; margin: 0;
1152 vertical-align: middle;
1154 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1155 .no-dec:hover { text-decoration: none; }
1156 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1158 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1159 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1160 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1161 a.dash-link:hover { text-decoration: underline !important; }
1162 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1163 #list_create_table {
1164 background-color: [% css_colors.accent_light %];
1165 padding-bottom: 4px;
1166 margin-bottom: 10px;
1167 border-bottom: 1px dotted [% css_colors.accent_medium %];
1169 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1170 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1171 .results_row_count { font-weight: bold; }
1172 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1173 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1174 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1175 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1176 #hold_editor_table th { text-align: right; padding-right: 1em; }
1177 #hold_editor_table td { padding: 0.25em 0; }
1178 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1179 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1180 .hold-editor-controls a { padding-left: 2em; }
1182 .text-right { text-align: right; }
1183 .text-right-top { text-align: right; vertical-align: top; }
1184 .rdetail-author-div { padding-bottom: 10px; }
1186 .invisible { visibility: hidden; }
1187 .rdetail-extras-summary { margin: 10px; }
1188 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1189 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1190 .expert-search-row { padding-top: 10px; }
1191 #adv_expert_row label { font-weight: bold; }
1193 .bookshelf thead tr td {
1194 border-bottom: 1px dashed [% css_colors.accent_dark %];
1195 padding-bottom: 1ex;
1197 .cn_browse_item { padding: 2ex; }
1198 .results-paginator-list { padding-left: 1em; }
1199 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1200 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1202 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1203 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1204 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1206 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1208 .results_header_btns, .results_header_sel {
1213 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1214 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1217 .opac-multiline-button > a,
1218 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1219 color: [% css_colors.button_text %];
1221 text-decoration: none;
1222 cursor: pointer !important;
1223 -moz-border-radius: 5px;
1225 border: 1px solid [% css_colors.primary %];
1226 background: [% css_colors.primary_fade %];
1229 display: inline-block;
1232 .opac-multiline-button > a:hover,
1233 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1234 background: [% css_colors.primary %];
1237 .opac-button:disabled {
1238 color: [% css_colors.accent_medium %];
1239 cursor: pointer !important;
1240 border: 1px solid [% css_colors.accent_light %];
1241 background-color: [% css_colors.accent_lighter %];
1244 /* Firefox adds its own special space to inputs; this gets us closer */
1245 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1250 .opac-button-header, #dash_wrapper .opac-button {
1251 background: [% css_colors.control %];
1252 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1253 font-size: [% css_fonts.size_base %];
1255 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1256 border-color: [% css_colors.control %];
1259 .opac-multiline-button > a {
1260 display: inline-block;
1263 #myopac_checked_div {
1267 .rdetail-mfhd-head {
1270 background-color: [% css_colors.table_heading %];
1273 .rdetail-mfhd-type {
1277 .rdetail-mfhd-bottom {
1278 border-bottom: thin solid [% css_colors.border_dark %];
1282 #rdetail_record_details {
1289 padding-left: 1.5em;
1292 .rdetail_content_type, .rdetail_subject_type {
1293 vertical-align: top;
1297 .bookbag-item-row td { vertical-align: top; }
1299 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1301 color: [% css_colors.text_greatnews %];
1305 .rdetail_related_subjects {
1309 .rdetail_related_series {
1317 .rdetail_openurl_entry {
1321 .bookbag-controls-holder { width: 100%; }
1322 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1323 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1324 .bookbag-controls-holder .most {
1328 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1329 .bookbag-share .fixed { min-width: 4em; }
1330 .bookbag-specific { margin-left: 1em; }
1331 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1332 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1333 #bbag-name-desc-form tr th { vertical-align: middle; }
1334 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1335 .bookbag-description {
1340 #bbag-edit-description { width: 20em; }
1341 #bbag-edit-name { width: 20em; }
1342 textarea { font-family: sans-serif; }
1343 table.bookbag-specific {
1344 border-right: 1px solid [% css_colors.accent_dark %];
1345 border-bottom: 1px solid [% css_colors.accent_medium %];
1354 padding: 5px 0px 0px 10px;
1357 .bookbag-specific td.list_checkbox {
1358 padding-left: 10px !important;
1360 .bookbag-specific td.list_entry {
1362 padding-left: 5px !important;
1364 .bookbag-specific td.list_actions {
1365 white-space: nowrap !important;
1367 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1370 padding: 8px 0px 6px 0px;
1373 font-size: [% css_fonts.size_bigger %];
1377 .save-notes { padding-bottom: 1.5ex; }
1379 .nonbreaking-wrapper {
1380 display: inline-block;
1383 /* Moved from semiauto.css */
1384 .adv_global_input_container {
1385 border-bottom: none;
1389 border-bottom: none;
1392 .adv_global_filter_sort {
1396 .clear-both { clear: both; }
1407 .alert { color: [% css_colors.text_alert %]; }
1408 .float-left { float: left; }
1409 .float-right { float: right; }
1411 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1412 .saved-searches-header .button { float: right; width: 28px; }
1413 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1414 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1415 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1416 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1417 border-right: 1px solid [% css_colors.accent_darker %];
1419 .result_item_circulated {
1423 .result_item_circulated span {
1429 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1430 #result-bookbag-heading { text-align: center; margin: 2ex; }
1432 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1433 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1434 .result-bookbag-item-note { font-style: italic; }
1435 .lowhits-bookbag-name { font-weight: bold; }
1436 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1437 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1438 .oils_AS_match_field {
1439 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1440 text-align: right; color: [% css_colors.accent_medium %];
1442 table.result_holdings_table {
1446 table.result_holdings_table thead tr {
1447 background: [% css_colors.table_heading %];
1449 table.result_holdings_table thead tr th {
1453 margin: 0 2em 0 2em;
1456 vertical-align: super;
1457 font-size: [% css_fonts.size_smaller %];
1458 line-height: normal;
1459 text-decoration: none;
1461 .rdetail-holding-group { margin-left: 1.5em; }
1462 .rdetail-holding-group span { margin-left: 1.5em; }
1463 .rdetail-holding-group .paging { margin-left: 1.5em; }
1464 #rdetail_deleted_exp {
1468 border: thick solid [% css_colors.border_alert %];
1471 #ac_tab_wrapper { width : 100%; }
1472 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1473 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1474 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1475 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1477 /* Popmenu styles used for making css menus. */
1491 width: 10em; /* Width to help Opera out */
1492 background-color: [% css_colors.primary %];
1494 .popmenu li:hover ul {
1499 border-color: [% css_colors.border_dark %];
1501 border-style: solid;
1503 .popmenu li:hover li {
1506 .popmenu li:hover li a {
1507 background-color: [% css_colors.primary %];
1508 color: [% css_colors.accent_ultralight %];
1510 .popmenu li li a:hover {
1511 background-color: [% css_colors.accent_ultralight %];
1512 color: [% css_colors.primary %];
1514 /* Styles for the temporary list entry. */
1515 .popmenu li:hover li[class~="temporary"] a {
1516 background-color: [% css_colors.primary %];
1517 color: [% css_colors.accent_ultralight %];
1519 .popmenu li li[class~="temporary"] a:hover {
1520 background-color: [% css_colors.accent_ultralight %];
1521 color: [% css_colors.primary %];
1523 /* Styles for the default list entry. */
1524 .popmenu li:hover li[class~="default"] a {
1525 background-color: [% css_colors.primary %];
1526 color: [% css_colors.accent_ultralight %];
1528 .popmenu li li[class~="default"] a:hover {
1529 background-color: [% css_colors.accent_ultralight %];
1530 color: [% css_colors.primary %];
1532 /* Styles for the new list entry. */
1533 .popmenu li:hover li[class~="new"] a {
1534 background-color: [% css_colors.primary %];
1535 color: [% css_colors.accent_ultralight %];
1537 .popmenu li li[class~="new"] a:hover {
1538 background-color: [% css_colors.accent_ultralight %];
1539 color: [% css_colors.primary %];
1541 /* Style to add a divider on the menu. */
1542 .popmenu li li[class~="divider"] {
1543 border-bottom-width: 1px;
1544 border-bottom-color: [% css_colors.border_dark %];
1545 border-bottom-style: solid;
1548 #locale_picker_form {
1550 padding: 0.5em 1em 0.5em 0;
1551 border-right: thin [% css_colors.control %] solid;
1554 #locale_picker_form * {
1557 vertical-align: middle;
1560 #patron_usr_barcode_not_found {
1561 font-weight: bold; color: [% css_colors.text_alert %];
1574 padding-bottom: 0.5em;
1578 #maintenance_message {
1581 background-color: [% css_colors.text_alert %];
1582 color: [% css_colors.text_invert %];
1586 #search-box > span {
1593 .browse-result-sources, .browse-result-authority-bib-links {
1596 .browse-result-best-match {
1602 .browse-result-list {
1603 padding-bottom: 0.5ex;
1606 font-size: [% css_fonts.size_bigger %];
1608 .browse-result-authority-field-name {
1612 .browse-leading-article-warning {
1614 font-size: [% css_fonts.size_big %];
1616 .browse-public-general-note {
1617 font-size: [% css_fonts.size_big %];
1619 .browse-public-general-note-label { }
1620 .browse-public-general-note-institution {
1624 .browse-public-general-note-body {
1632 #main-content-register {
1634 font-size: [% css_fonts.size_bigger %];
1637 #main-content-register table {
1640 border-collapse: collapse;
1643 #main-content-register td {
1647 #main-content-register td:not(:first-child) {
1651 .patron-reg-invalid {
1654 padding-right: 10px;
1657 .result_footer_nav1 {
1661 .small_view_only, #refine_hits, #return_to_hits {
1665 .rdetail_authors_div {
1669 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1670 white-space: nowrap;
1671 display: inline-block;
1674 .result_table_title_cell {
1676 padding-bottom: 4px;
1680 font-size: [% css_fonts.size_bigger %];
1683 @media only screen and (max-width: 800px) {
1684 .facet_sidebar_hidden, .result_block_hidden {
1687 .facet_sidebar_visible, .result_block_visible {
1688 display: inline ! important;
1690 #acct_select, #acct_prefs_select {
1691 display: inline-block;
1693 #acct_tabs, #acct_prefs_tabs {
1698 @media only screen and (max-width: 600px) {
1700 font-size: [% css_fonts.size_big %];
1702 span .nav_arrow_fix {
1709 #homesearch_main_logo img {
1719 #your-acct-login a {
1729 #locale_picker_form {
1732 #gold-links-holder {
1735 #simple-detail-view-links {
1738 #acct_tabs a, #acct_fines_tabs a {
1739 padding: 2px 4px 3px 4px;
1740 -moz-border-radius: 6px 6px 0px 0px;
1741 border-radius: 6px 6px 0px 0px;
1742 font-size: [% css_fonts.size_base %];
1743 margin: 0px 5px 0px 0px;
1747 background: transparent;
1754 #dash_wrapper .opac-button {
1758 display: inline !important;
1766 #holds_box form blockquote {
1770 #holds_box form blockquote select {
1773 #myopac_sum_fines_placehold {
1779 .results_header_lbl {
1782 .results_header_nav1 span.h1 {
1788 .start_end_links_span {
1794 .result_table_pic_header {
1795 padding-left: 0px !important;
1797 width: 0px !important;
1805 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1808 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1809 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1812 .results_info_table td {
1815 #results_header_bar {
1816 background-color: inherit;
1818 .results_header_btns a {
1824 #rdetails_status thead {
1827 #rdetails_status tr {
1831 #rdetails_status td {
1836 background-color: [% css_colors.accent_lightest %];
1838 .copy_details_offers_row {
1839 background-color: [% css_colors.accent_lightest %];
1841 select#pickup_lib.search-wrapper-locg {
1844 #search-wrapper #search-box {
1848 #main-content-home {
1852 /* Make use of full width in mobile mode */
1853 .facet_box_wrapper .box_wrapper .box,
1854 .facet_template .facet,
1858 .facet_template .count {
1864 #adv_search_parent {
1865 font-size: [% css_fonts.size_smaller %];
1867 #adv_search_filters {
1874 .rdetail_aux_utils {
1881 div#rdetail_actions_div {
1887 .search_catalog_lbl {
1889 white-space: nowrap;
1891 .adv_search_catalog_lbl {
1893 white-space: nowrap;
1895 .browse_the_catalog_lbl {
1896 white-space: nowrap;
1908 .dash_account_buttons {
1911 .searchbar { line-height: 1.5em; }
1912 #browse-controls { line-height: 1.5em; }
1913 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1920 .bookshelf table thead tr {
1923 #lowhits_help { width: inherit; }
1925 font-size: [% css_fonts.size_small %];
1926 margin: 2px 2px 0px 2px;
1927 padding: 2px 2px 5px 2px;
1928 -moz-border-radius: 10px 0px 0px 0px;
1929 border-radius: 7px 7px 0px 0px;
1931 #adv_global_tbody td {
1932 border-bottom: thin solid [% css_colors.accent_light %];
1934 #adv_global_addrow td {
1935 border-bottom: none;
1937 /* Force table to not be like tables anymore */
1938 table#acct_checked_main_header thead tr th {
1941 table#acct_checked_main_header tbody tr td {
1945 /* Hide table headers (but not display: none;, for accessibility) */
1952 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1954 table#acct_checked_main_header td {
1955 /* Behave like a "row" */
1957 border-bottom: 1px solid #eee;
1962 table#acct_checked_main_header td:before {
1963 /* Now like a table header */
1965 /* Top/left values mimic padding */
1968 padding-right: 10px;
1969 white-space: nowrap;
1972 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1973 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1974 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1975 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1976 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1977 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1979 table#acct_holds_main_header thead tr th {
1982 table#acct_holds_main_header tbody tr td {
1986 table#acct_holds_main_header td {
1987 /* Behave like a "row" */
1989 border-bottom: 1px solid #eee;
1995 table#acct_holds_main_header td:before {
1996 /* Now like a table header */
1998 /* Top/left values mimic padding */
2001 padding-right: 10px;
2002 white-space: nowrap;
2005 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2006 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2007 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2008 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2009 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2010 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2011 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2012 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2013 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }