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;
499 background: [% css_colors.primary %];
508 background: [% css_colors.accent_light %];
513 .rdetail_extras_link {
516 font-size: [% css_fonts.size_smaller %];
517 text-transform: uppercase;
521 .rdetail_extras_lbl {
525 color: [% css_colors.text_invert %];
528 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
532 #rdetail_locs_expand, #rdetail_locs_collapse {
538 #rdetail_anotes_div .biography {
542 .almost-content-wrapper {
543 background: [% css_colors.background %];
547 background: [% css_colors.background %];
549 border-bottom: 1px solid [% css_colors.border_dark %];
552 .content-wrapper-record-page { top: -15px; position: relative; }
564 #main-content-after-bar {
569 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
571 #main-content .login_boxes {
572 border: 1px solid [% css_colors.accent_lighter %];
573 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
574 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
575 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
576 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
577 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
579 color: [% css_colors.accent_darker %];
582 #main-content .login_boxes h1 {
584 font-size: [% css_fonts.size_biggest %];
588 #main-content .left_brain {
593 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
597 background: [% css_colors.background %];
598 font-size: [% css_fonts.size_bigger %];
599 color: [% css_colors.text %];
602 #main-content .left_brain .input_bg {
603 padding:10px 10px 0px 13px;
616 font-size: [% css_fonts.size_biggest %];
620 #login-failed-message {
621 font-size: [% css_fonts.size_bigger %];
623 color: [% css_colors.text_alert %];
627 #holds_temp_parent td {
628 border-bottom:1px solid [% css_colors.border_standard %];
631 #holds_temp_parent input, #holds_temp_parent select {
635 #holds_temp_parent tr td div {
640 #holds_temp_parent tr td div.format_icon {
646 #results_header_bar {
647 background: [% css_colors.accent_medium %];
648 border-top:1px solid [% css_colors.accent_mediumdark %];
649 border-bottom:1px solid [% css_colors.accent_mediumdark %];
652 .cached_list_div { height: 25px; }
654 .results_header_lbl {
657 color: [% css_colors.text %];
658 /* this border is not visible, but it keeps these labels the same size
660 border: 1px solid [% css_colors.accent_medium %];
661 background: [% css_colors.accent_medium %];
665 /* we need a negative margin on the select to allow the containing <label>
666 to determine the actual size of the element. By doing this, we can increase
667 the odds that the buttons and the select will be the same size, and therefore
668 collapse correctly when the window width decreases */
669 .results_header_lbl select {
673 #limit_to_available {
674 vertical-align: middle;
677 .results_header_sel {
683 .results_header_nav1 {
684 padding: 5px 7px 6px 0px;
685 border-bottom: 1px dotted [% css_colors.accent_light %];
688 .results_header_nav1 .h1 {
689 font-size: [% css_fonts.size_bigger %];
691 color:[% css_colors.primary_fade %];
698 tr.result_table_row > td.results_row_count,
699 tr.result_table_row > td.result_table_pic_header,
700 tr.result_table_row > td.result_table_title_cell {
710 tr.result_table_row:nth-child(n+2) > td {
711 border-top: 1px solid [% css_colors.accent_lighter2 %];
714 tr.result_table_row > td.result_table_pic_header {
725 .result_count_number {
729 .result_table_subtable {
734 div.result_table_utils_cont {
740 text-transform:capitalize;
743 #myopac_summary_div p {
748 #acct_sum_checked_table td {
752 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
753 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
755 #zero_search_hits p {
760 text-transform: uppercase;
764 #zero_search_hits #spell_check_link {
765 text-transform: uppercase;
768 #zero_search_hits #zero_hits_suggestions {
769 text-transform: uppercase;
775 background: [% css_colors.accent_light %];
780 .results_info_table td {
784 #myopac_holds_main_table {
785 border-collapse: collapse;
788 #myopac_holds_main_table td {
789 border: 1px solid [% css_colors.border_dark %];
793 #myopac_prefs_div .data_grid {
794 border-collapse:collapse;
797 #myopac_prefs_div .data_grid td {
798 background:[% css_colors.accent_ultralight %];
799 border-bottom:3px solid [% css_colors.background %];
800 padding:6px 0px 7px 17px;
805 font-size: [% css_fonts.size_bigger %];
807 color:[% css_colors.primary_fade %];
808 padding: 0px 7px 0px 0px;
809 border-bottom: 1px dotted [% css_colors.accent_light %];
823 border-collapse: collapse;
824 background: [% css_colors.accent_ultralight %];
825 font-size: [% css_fonts.size_smaller %];
827 text-transform: uppercase;
831 border-bottom: 2px solid white;
839 text-transform: none;
844 .acct_sum_table .view_link {
849 border-collapse: collapse;
850 margin: -1em 0 0.5em 0;
858 table.acct_notes th {
864 padding: 15px 0px 0px 23px;
865 background: [% css_colors.accent_ultralight %];
870 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
872 .acct_holds_temp td {
876 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
878 /*padding-left:10px;*/
881 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
883 text-transform:uppercase;
884 font-size: [% css_fonts.size_smaller %];
885 border-collapse: collapse;
888 #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 {
889 background: [% css_colors.accent_lighter2 %];
893 #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 {
895 padding: 0px 10px 0px 10px;
898 #acct_list_header select, #acct_list_header_anon select {
903 #acct_holds_activates_table label {
905 font-size: [% css_fonts.size_small %];
906 text-transform:uppercase;
910 .search_catalog_lbl {
911 font-size: [% css_fonts.size_bigger %];
913 .adv_search_catalog_lbl {
914 font-size: [% css_fonts.size_bigger %];
917 .browse_the_catalog_lbl {
918 font-size: [% css_fonts.size_bigger %];
922 font-size: [% css_fonts.size_bigger %];
927 font-size: [% css_fonts.size_smaller %];
934 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
935 background: [% css_colors.primary_fade %];
940 #fines_payments_wrapper {
945 .myopac_payments_table th { text-align: left; }
946 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
947 .myopac_payments_table thead th:first-child { width: 8em; }
948 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
949 .myopac_payments_table form { display: inline; }
950 .myopac_payments_table input[type="submit"] { padding: 1px; }
953 font-weight: bold; color: [% css_colors.text_alert %];
954 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
957 .payment-processing {
959 color: [% css_colors.text_greatnews %];
960 font-size: [% css_fonts.size_bigger %];
961 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
964 #adv_search_input { width: 100%; }
968 #search-submit-spinner {
972 div.adv_search_available {
979 font-size: [% css_fonts.size_bigger %];
984 width:100px !important;
985 text-align: center !important;
988 .chili_review div.chili_link div {
992 [%- IF we_want_to_turn_on_facet_styling.defined; %]
993 /* some facet styling */
994 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
995 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
996 .facetClassLabel { font-weight: bold; text-align: center; }
997 .facetFieldContainer { }
998 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
999 .extraFacetFieldsWrapper { }
1000 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1001 .facetFieldLineCount {
1002 display: inline-block;
1003 border-right: 1px solid [% css_colors.accent_light %];
1004 color: [% css_colors.accent_mediumdark %];
1008 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1009 .facetFields { padding-left: 5px; }
1010 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1015 border-right: 1px solid [% css_colors.border_standard %];
1025 .facet_box_temp .header {
1028 background:[% css_colors.primary %];
1029 -moz-border-top-left-radius: 5px;
1030 border-top-left-radius: 5px;
1031 -moz-border-top-right-radius: 5px;
1032 border-top-right-radius: 5px;
1034 color:[% css_colors.text_invert %];
1038 .facet_box_temp .header .title {
1045 .facet_box_temp .header a.button {
1049 color:[% css_colors.text_invert %];
1052 .facet_box_wrapper .box_wrapper {
1056 *margin-bottom:-6px;
1059 .facet_box_wrapper .box_wrapper .box {
1061 border-top:1px solid [% css_colors.border_standard %];
1062 border-left:1px solid [% css_colors.border_standard %];
1063 border-right:1px solid [% css_colors.border_standard %];
1064 background:[% css_colors.background %];
1073 .facet_template .facet {
1076 margin-bottom: 0.5em;
1079 .facet_template .count {
1081 color: [% css_colors.accent_mediumdark %];
1084 .facet_template_selected .facet {
1085 background-color: [% css_colors.accent_lighter2 %];
1089 border-left: 1px solid [% css_colors.border_standard %];
1090 padding-right: 0.5em;
1094 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1095 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1096 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1097 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1098 background-color: [% css_colors.primary %];
1103 padding-bottom: 10px;
1105 font-size: [% css_fonts.size_small %];
1109 color: [% css_colors.text_invert %];
1110 text-decoration: none;
1111 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1114 #copyright_text, #footer_logo {
1115 color: [% css_colors.text_invert %];
1119 text-transform: uppercase;
1121 font-size: [% css_fonts.size_smaller %];
1124 .advanced_div { padding-top: 15px; }
1125 #adv_global_search { width: 100%; }
1126 #adv_global_search select { width: 13em; }
1127 #adv_global_addrow td { padding-top: 7px; }
1128 #adv_global_input_table { width: 100%; }
1129 #adv_global_input_table select { width: 7em; }
1131 font-size: [% css_fonts.size_smaller %];
1132 color: [% css_colors.text_alert %];
1134 #acct_prefs_header { float: left; }
1135 .search_page_nav_link {
1139 #opac.result.sort { width: 160px; }
1140 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1141 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1142 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1143 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1144 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1145 #adv_search_refine {
1146 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1148 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1150 background-color: [% css_colors.background %];
1151 color: [% css_colors.primary %]; text-decoration: none;
1152 padding: 0; border: 0; margin: 0;
1153 vertical-align: middle;
1155 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1156 .no-dec:hover { text-decoration: none; }
1157 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1159 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1160 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1161 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1162 a.dash-link:hover { text-decoration: underline !important; }
1163 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1164 #list_create_table {
1165 background-color: [% css_colors.accent_light %];
1166 padding-bottom: 4px;
1167 margin-bottom: 10px;
1168 border-bottom: 1px dotted [% css_colors.accent_medium %];
1170 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1171 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1172 .results_row_count { font-weight: bold; }
1173 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1174 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1175 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1176 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1177 #hold_editor_table th { text-align: right; padding-right: 1em; }
1178 #hold_editor_table td { padding: 0.25em 0; }
1179 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1180 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1181 .hold-editor-controls a { padding-left: 2em; }
1183 .text-right { text-align: right; }
1184 .text-right-top { text-align: right; vertical-align: top; }
1185 .rdetail-author-div { padding-bottom: 10px; }
1187 .invisible { visibility: hidden; }
1188 .rdetail-extras-summary { margin: 10px; }
1189 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1190 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1191 .expert-search-row { padding-top: 10px; }
1192 #adv_expert_row label { font-weight: bold; }
1194 .bookshelf thead tr td {
1195 border-bottom: 1px dashed [% css_colors.accent_dark %];
1196 padding-bottom: 1ex;
1198 .cn_browse_item { padding: 2ex; }
1199 .results-paginator-list { padding-left: 1em; }
1200 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1201 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1203 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1204 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1205 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1207 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1209 .results_header_btns, .results_header_sel {
1214 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1215 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1218 .opac-multiline-button > a,
1219 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1220 color: [% css_colors.button_text %];
1222 text-decoration: none;
1223 cursor: pointer !important;
1224 -moz-border-radius: 5px;
1226 border: 1px solid [% css_colors.primary %];
1227 background: [% css_colors.primary_fade %];
1230 display: inline-block;
1233 .opac-multiline-button > a:hover,
1234 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1235 background: [% css_colors.primary %];
1238 .opac-button:disabled {
1239 color: [% css_colors.accent_medium %];
1240 cursor: pointer !important;
1241 border: 1px solid [% css_colors.accent_light %];
1242 background-color: [% css_colors.accent_lighter %];
1245 /* Firefox adds its own special space to inputs; this gets us closer */
1246 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1251 .opac-button-header, #dash_wrapper .opac-button {
1252 background: [% css_colors.control %];
1253 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1254 font-size: [% css_fonts.size_base %];
1256 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1257 border-color: [% css_colors.control %];
1260 .opac-multiline-button > a {
1261 display: inline-block;
1264 #myopac_checked_div {
1268 .rdetail-mfhd-head {
1271 background-color: [% css_colors.table_heading %];
1274 .rdetail-mfhd-type {
1278 .rdetail-mfhd-bottom {
1279 border-bottom: thin solid [% css_colors.border_dark %];
1283 #rdetail_record_details {
1290 padding-left: 1.5em;
1293 .rdetail_content_type, .rdetail_subject_type {
1294 vertical-align: top;
1298 .bookbag-item-row td { vertical-align: top; }
1300 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1302 color: [% css_colors.text_greatnews %];
1306 .rdetail_related_subjects {
1310 .rdetail_related_series {
1318 .rdetail_openurl_entry {
1322 .bookbag-controls-holder { width: 100%; }
1323 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1324 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1325 .bookbag-controls-holder .most {
1329 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1330 .bookbag-share .fixed { min-width: 4em; }
1331 .bookbag-specific { margin-left: 1em; }
1332 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1333 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1334 #bbag-name-desc-form tr th { vertical-align: middle; }
1335 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1336 .bookbag-description {
1341 #bbag-edit-description { width: 20em; }
1342 #bbag-edit-name { width: 20em; }
1343 textarea { font-family: sans-serif; }
1344 table.bookbag-specific {
1345 border-right: 1px solid [% css_colors.accent_dark %];
1346 border-bottom: 1px solid [% css_colors.accent_medium %];
1355 padding: 5px 0px 0px 10px;
1358 .bookbag-specific td.list_checkbox {
1359 padding-left: 10px !important;
1361 .bookbag-specific td.list_entry {
1363 padding-left: 5px !important;
1365 .bookbag-specific td.list_actions {
1366 white-space: nowrap !important;
1368 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1371 padding: 8px 0px 6px 0px;
1374 font-size: [% css_fonts.size_bigger %];
1378 .save-notes { padding-bottom: 1.5ex; }
1380 .nonbreaking-wrapper {
1381 display: inline-block;
1384 /* Moved from semiauto.css */
1385 .adv_global_input_container {
1386 border-bottom: none;
1390 border-bottom: none;
1393 .adv_global_filter_sort {
1397 .clear-both { clear: both; }
1408 .alert { color: [% css_colors.text_alert %]; }
1409 .float-left { float: left; }
1410 .float-right { float: right; }
1412 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1413 .saved-searches-header .button { float: right; width: 28px; }
1414 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1415 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1416 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1417 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1418 border-right: 1px solid [% css_colors.accent_darker %];
1420 .result_item_circulated {
1424 .result_item_circulated span {
1430 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1431 #result-bookbag-heading { text-align: center; margin: 2ex; }
1433 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1434 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1435 .result-bookbag-item-note { font-style: italic; }
1436 .lowhits-bookbag-name { font-weight: bold; }
1437 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1438 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1439 .oils_AS_match_field {
1440 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1441 text-align: right; color: [% css_colors.accent_medium %];
1443 table.result_holdings_table {
1447 table.result_holdings_table thead tr {
1448 background: [% css_colors.table_heading %];
1450 table.result_holdings_table thead tr th {
1454 margin: 0 2em 0 2em;
1457 vertical-align: super;
1458 font-size: [% css_fonts.size_smaller %];
1459 line-height: normal;
1460 text-decoration: none;
1462 .rdetail-holding-group { margin-left: 1.5em; }
1463 .rdetail-holding-group span { margin-left: 1.5em; }
1464 .rdetail-holding-group .paging { margin-left: 1.5em; }
1465 #rdetail_deleted_exp {
1469 border: thick solid [% css_colors.border_alert %];
1472 #ac_tab_wrapper { width : 100%; }
1473 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1474 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1475 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1476 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1478 /* Popmenu styles used for making css menus. */
1492 width: 10em; /* Width to help Opera out */
1493 background-color: [% css_colors.primary %];
1495 .popmenu li:hover ul {
1500 border-color: [% css_colors.border_dark %];
1502 border-style: solid;
1504 .popmenu li:hover li {
1507 .popmenu li:hover li a {
1508 background-color: [% css_colors.primary %];
1509 color: [% css_colors.accent_ultralight %];
1511 .popmenu li li a:hover {
1512 background-color: [% css_colors.accent_ultralight %];
1513 color: [% css_colors.primary %];
1515 /* Styles for the temporary list entry. */
1516 .popmenu li:hover li[class~="temporary"] a {
1517 background-color: [% css_colors.primary %];
1518 color: [% css_colors.accent_ultralight %];
1520 .popmenu li li[class~="temporary"] a:hover {
1521 background-color: [% css_colors.accent_ultralight %];
1522 color: [% css_colors.primary %];
1524 /* Styles for the default list entry. */
1525 .popmenu li:hover li[class~="default"] a {
1526 background-color: [% css_colors.primary %];
1527 color: [% css_colors.accent_ultralight %];
1529 .popmenu li li[class~="default"] a:hover {
1530 background-color: [% css_colors.accent_ultralight %];
1531 color: [% css_colors.primary %];
1533 /* Styles for the new list entry. */
1534 .popmenu li:hover li[class~="new"] a {
1535 background-color: [% css_colors.primary %];
1536 color: [% css_colors.accent_ultralight %];
1538 .popmenu li li[class~="new"] a:hover {
1539 background-color: [% css_colors.accent_ultralight %];
1540 color: [% css_colors.primary %];
1542 /* Style to add a divider on the menu. */
1543 .popmenu li li[class~="divider"] {
1544 border-bottom-width: 1px;
1545 border-bottom-color: [% css_colors.border_dark %];
1546 border-bottom-style: solid;
1549 #locale_picker_form {
1551 padding: 0.5em 1em 0.5em 0;
1552 border-right: thin [% css_colors.control %] solid;
1555 #locale_picker_form * {
1558 vertical-align: middle;
1561 #patron_usr_barcode_not_found {
1562 font-weight: bold; color: [% css_colors.text_alert %];
1575 padding-bottom: 0.5em;
1579 #maintenance_message {
1582 background-color: [% css_colors.text_alert %];
1583 color: [% css_colors.text_invert %];
1587 #search-box > span {
1594 .browse-result-sources, .browse-result-authority-bib-links {
1597 .browse-result-best-match {
1603 .browse-result-list {
1604 padding-bottom: 0.5ex;
1607 font-size: [% css_fonts.size_bigger %];
1609 .browse-result-authority-field-name {
1613 .browse-leading-article-warning {
1615 font-size: [% css_fonts.size_big %];
1617 .browse-public-general-note {
1618 font-size: [% css_fonts.size_big %];
1620 .browse-public-general-note-label { }
1621 .browse-public-general-note-institution {
1625 .browse-public-general-note-body {
1633 #main-content-register {
1635 font-size: [% css_fonts.size_bigger %];
1638 #main-content-register table {
1641 border-collapse: collapse;
1644 #main-content-register td {
1648 #main-content-register td:not(:first-child) {
1652 .patron-reg-invalid {
1655 padding-right: 10px;
1658 .result_footer_nav1 {
1662 .small_view_only, #refine_hits, #return_to_hits {
1666 .rdetail_authors_div {
1670 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1671 white-space: nowrap;
1672 display: inline-block;
1675 .result_table_title_cell {
1677 padding-bottom: 4px;
1681 font-size: [% css_fonts.size_bigger %];
1684 @media only screen and (max-width: 800px) {
1685 .facet_sidebar_hidden, .result_block_hidden {
1688 .facet_sidebar_visible, .result_block_visible {
1689 display: inline ! important;
1691 #acct_select, #acct_prefs_select {
1692 display: inline-block;
1694 #acct_tabs, #acct_prefs_tabs {
1699 @media only screen and (max-width: 600px) {
1701 font-size: [% css_fonts.size_big %];
1703 span .nav_arrow_fix {
1710 #homesearch_main_logo img {
1720 #your-acct-login a {
1730 #locale_picker_form {
1733 #gold-links-holder {
1736 #simple-detail-view-links {
1739 #acct_tabs a, #acct_fines_tabs a {
1740 padding: 2px 4px 3px 4px;
1741 -moz-border-radius: 6px 6px 0px 0px;
1742 border-radius: 6px 6px 0px 0px;
1743 font-size: [% css_fonts.size_base %];
1744 margin: 0px 5px 0px 0px;
1748 background: transparent;
1755 #dash_wrapper .opac-button {
1759 display: inline !important;
1767 #holds_box form blockquote {
1771 #holds_box form blockquote select {
1774 #myopac_sum_fines_placehold {
1780 .results_header_lbl {
1783 .results_header_nav1 span.h1 {
1789 .start_end_links_span {
1795 .result_table_pic_header {
1796 padding-left: 0px !important;
1798 width: 0px !important;
1806 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1809 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1810 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1813 .results_info_table td {
1816 #results_header_bar {
1817 background-color: inherit;
1819 .results_header_btns a {
1825 #rdetails_status thead {
1828 #rdetails_status tr {
1832 #rdetails_status td {
1837 background-color: [% css_colors.accent_lightest %];
1839 .copy_details_offers_row {
1840 background-color: [% css_colors.accent_lightest %];
1842 select#pickup_lib.search-wrapper-locg {
1845 #search-wrapper #search-box {
1849 #main-content-home {
1853 /* Make use of full width in mobile mode */
1854 .facet_box_wrapper .box_wrapper .box,
1855 .facet_template .facet,
1859 .facet_template .count {
1865 #adv_search_parent {
1866 font-size: [% css_fonts.size_smaller %];
1868 #adv_search_filters {
1875 .rdetail_aux_utils {
1882 div#rdetail_actions_div {
1888 .search_catalog_lbl {
1890 white-space: nowrap;
1892 .adv_search_catalog_lbl {
1894 white-space: nowrap;
1896 .browse_the_catalog_lbl {
1897 white-space: nowrap;
1909 .dash_account_buttons {
1912 .searchbar { line-height: 1.5em; }
1913 #browse-controls { line-height: 1.5em; }
1914 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1921 .bookshelf table thead tr {
1924 #lowhits_help { width: inherit; }
1926 font-size: [% css_fonts.size_small %];
1927 margin: 2px 2px 0px 2px;
1928 padding: 2px 2px 5px 2px;
1929 -moz-border-radius: 10px 0px 0px 0px;
1930 border-radius: 7px 7px 0px 0px;
1932 #adv_global_tbody td {
1933 border-bottom: thin solid [% css_colors.accent_light %];
1935 #adv_global_addrow td {
1936 border-bottom: none;
1938 /* Force table to not be like tables anymore */
1939 table#acct_checked_main_header thead tr th {
1942 table#acct_checked_main_header tbody tr td {
1946 /* Hide table headers (but not display: none;, for accessibility) */
1953 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1955 table#acct_checked_main_header td {
1956 /* Behave like a "row" */
1958 border-bottom: 1px solid #eee;
1963 table#acct_checked_main_header td:before {
1964 /* Now like a table header */
1966 /* Top/left values mimic padding */
1969 padding-right: 10px;
1970 white-space: nowrap;
1973 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1974 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1975 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1976 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1977 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1978 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1980 table#acct_holds_main_header thead tr th {
1983 table#acct_holds_main_header tbody tr td {
1987 table#acct_holds_main_header td {
1988 /* Behave like a "row" */
1990 border-bottom: 1px solid #eee;
1996 table#acct_holds_main_header td:before {
1997 /* Now like a table header */
1999 /* Top/left values mimic padding */
2002 padding-right: 10px;
2003 white-space: nowrap;
2006 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2007 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2008 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2009 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2010 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2011 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2012 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2013 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2014 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }