2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
8 font-family: Arial, Helvetica, sans-serif;
9 font-size: [% css_fonts.size_base %];
10 background: [% css_colors.primary %];
14 font-family: Arial, Helvetica, sans-serif;
15 font-size: [% css_fonts.size_base %];
26 #homesearch_main_logo {
33 color: [% css_colors.primary %];
36 #search-wrapper input[type=text] {
41 #search-wrapper select, .results_header_lbl select {
42 border:1px solid [% css_colors.border_standard %];
55 #search-wrapper select {
56 border:0px solid [% css_colors.border_dark %];
57 filter:alpha(opacity=0);
69 font-size: [% css_fonts.size_biggest %];
74 font-size: [% css_fonts.size_bigger %];
79 font-size: [% css_fonts.size_bigger %];
88 div.select-box-wrapper {
101 background: [% css_colors.primary %];
108 color: [% css_colors.primary_fade %];
109 display:inline-block;
117 #dashboard span.dash-align a {
119 text-decoration: none;
126 #logout_link { left: 1px; }
128 #dash_checked { color: [% css_colors.text_attention %]; }
129 #dash_holds { color: [% css_colors.text_attention %]; }
130 #dash_pickup { color: [% css_colors.text_goodnews %]; }
133 #dash_fines { color: [% css_colors.text_badnews %]; }
134 the color contrast between "text_badnews" and "primary"
135 is too low for WCAG compliance. Use "text_attention"
136 for now until a better color is picked - if needed.
138 #dash_fines { color: [% css_colors.text_attention %]; }
141 background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
142 background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
143 background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
144 background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
145 background-color: [% css_colors.primary_fade %];
148 color: [% css_colors.background %];
151 font-size: [% css_fonts.size_small %];
155 color: [% css_colors.background %];
159 color: [% css_colors.text_invert %];
160 text-decoration: none;
164 color: [% css_colors.text_invert %];
165 font-size: [% css_fonts.size_small %];
173 color: [% css_colors.text_invert %];
177 text-decoration: none;
180 #header-links a:hover {
181 color: [% css_colors.text_invert %];
182 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
183 text-decoration: none;
186 #header #header-links2 {
189 color: [% css_colors.text_invert %];
190 padding-bottom: 15px;
193 #header #header-links2 a {
194 color: [% css_colors.text_invert %];
197 #header #header-links2 a:hover {
198 text-decoration: underline;
217 background: [% css_colors.background_invert %];
227 border-bottom: 1px solid [% css_colors.border_standard %];
229 background: [% css_colors.background %];
232 #search-wrapper #breadcrumb {
234 font-size: [% css_fonts.size_smaller %];
238 #search-wrapper #search-within {
245 #search-wrapper #breadcrumb a {
246 color: [% css_colors.text %];
249 #search-wrapper #search_frm label {
250 font-size: [% css_fonts.size_smaller %];
253 #search-wrapper #search-box {
257 padding-bottom: 10px;
260 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
265 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
268 vertical-align: middle;
270 margin: 10px 7px 0px 0px;
271 padding: 10px 0px 10px 0px;
272 -moz-border-radius: 10px 10px 0px 0px;
273 border-radius: 10px 10px 0px 0px;
275 color: [% css_colors.text_invert %];
276 background: [% css_colors.control %];
278 text-decoration: none;
281 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
282 padding: 1em 1em 0.5em;
285 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
286 background: [% css_colors.primary %];
287 color: [% css_colors.text_invert %];
288 text-decoration: none;
291 #adv_search_filters {
302 .adv_filter_block_item {
321 padding-left: 10px !important;
324 #adv_search.on, #num_search.on, #expert_search.on {
325 color: [% css_colors.accent_darker %];
326 background: [% css_colors.background %];
327 text-decoration: none;
330 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
331 color: [% css_colors.accent_darker %];
332 background: [% css_colors.background %];
333 text-decoration: none;
337 background: [% css_colors.control %];
340 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
342 font-size: [% css_fonts.size_smaller %];
343 color: [% css_colors.accent_darker %];
344 padding: 10px 10px 10px 10px;
347 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
348 background: [% css_colors.accent_lightest %];
349 color: [% css_colors.accent_darker %];
352 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
353 padding-bottom: 12px;
354 color: [% css_colors.accent_medium %];
357 #acct_select, #acct_prefs_select {
362 padding: 5px 7px 6px 0px;
364 border-bottom: 1px dotted [% css_colors.accent_light %];
368 color:[% css_colors.primary_fade %];
370 font-size: [% css_fonts.size_bigger %];
373 .rdetail_result_count {
374 color: [% css_colors.text %];
377 display: inline-block;
380 .rdetail_result_nav {
383 display: inline-block;
386 #rdetail_details_table {
390 #rdetail_image { border: none; }
391 #rdetail_image_cell {
400 padding: 0.5em 1em 0.5em 1em;
401 background-color: [% css_colors.accent_lighter2 %];
403 div.rdetail_uris ul li {
408 div.rdetail_show_copies {
412 div#rdetail_actions_div {
414 background: [% css_colors.background %];
417 span#rdetail_copy_counts {
418 display: inline-block;
425 span#rdetail_hold_counts {
426 display: inline-block;
429 span#rdetail_hold_counts p {
439 border-left:1px dotted [% css_colors.accent_light %];
446 border-bottom: 1px dotted [% css_colors.accent_light %];
450 div.toggle_list { padding-top: 6px; }
458 border-bottom: 1px dotted [% css_colors.accent_light %];
478 #rdetails_status td {
479 padding: 7px 0px 3px 13px;
483 #rdetails_status td[headers=copy_header_library],
484 #rdetails_status td[headers=copy_header_shelfloc] {
488 #rdetails_status thead th {
489 background-color: [% css_colors.accent_lighter2 %];
490 padding: 13px 0px 13px 13px;
491 font-size: [% css_fonts.size_smaller %];
496 #rdetails_status tbody td {
500 #rdetails_status tbody td.copy_note {
501 color: [% css_colors.primary %];
503 white-space:pre-wrap !important;
508 background: [% css_colors.primary_fade %];
509 border: 1px solid [% css_colors.primary %];
514 #rdetail_extras_div {
520 background: [% css_colors.accent_light %];
525 .rdetail_extras_link {
527 font-size: [% css_fonts.size_smaller %];
531 .rdetail_extras_lbl {
532 color: [% css_colors.text_invert %];
533 text-decoration: none;
536 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
540 #rdetail_locs_expand, #rdetail_locs_collapse {
546 #rdetail_anotes_div .biography {
550 .almost-content-wrapper {
551 background: [% css_colors.background %];
555 background: [% css_colors.background %];
557 border-bottom: 1px solid [% css_colors.border_dark %];
560 .content-wrapper-record-page { top: -15px; position: relative; }
572 #main-content-after-bar {
577 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
579 #main-content .login_boxes {
580 border: 1px solid [% css_colors.accent_lighter %];
581 background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
582 background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
583 background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
584 background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
585 background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
587 color: [% css_colors.accent_darker %];
590 #main-content .login_boxes h1 {
592 font-size: [% css_fonts.size_biggest %];
596 #main-content .left_brain {
601 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
605 background: [% css_colors.background %];
606 font-size: [% css_fonts.size_bigger %];
607 color: [% css_colors.text %];
610 #main-content .left_brain .input_bg {
611 padding:10px 10px 0px 13px;
624 font-size: [% css_fonts.size_biggest %];
628 #login-failed-message {
629 font-size: [% css_fonts.size_bigger %];
631 color: [% css_colors.text_alert %];
635 #holds_temp_parent td {
636 border-bottom:1px solid [% css_colors.border_standard %];
639 #holds_temp_parent input, #holds_temp_parent select {
643 #holds_temp_parent tr td div {
648 #holds_temp_parent tr td div.format_icon {
654 #results_header_bar {
655 background: [% css_colors.accent_medium %];
656 border-top:1px solid [% css_colors.accent_mediumdark %];
657 border-bottom:1px solid [% css_colors.accent_mediumdark %];
660 .results_header_lbl {
663 color: [% css_colors.text %];
664 /* this border is not visible, but it keeps these labels the same size
666 border: 1px solid [% css_colors.accent_medium %];
667 background: [% css_colors.accent_medium %];
671 /* we need a negative margin on the select to allow the containing <label>
672 to determine the actual size of the element. By doing this, we can increase
673 the odds that the buttons and the select will be the same size, and therefore
674 collapse correctly when the window width decreases */
675 .results_header_lbl select {
679 #limit_to_available {
680 vertical-align: middle;
683 .results_header_sel {
689 .results_header_nav1 {
690 padding: 5px 7px 6px 0px;
691 border-bottom: 1px dotted [% css_colors.accent_light %];
694 .results_header_nav1 .h1 {
695 font-size: [% css_fonts.size_bigger %];
697 color:[% css_colors.primary_fade %];
700 .table_no_border_space {
703 .table_no_cell_pad td {
707 border-collapse: collapse;
710 #result_table_table {
718 tr.result_table_row > td.results_row_count,
719 tr.result_table_row > td.result_table_pic_header,
720 tr.result_table_row > td.result_table_title_cell {
730 tr.result_table_row:nth-child(n+2) > td {
731 border-top: 1px solid [% css_colors.accent_lighter2 %];
734 tr.result_table_row > td.result_table_pic_header {
745 .result_count_number {
749 .result_table_subtable {
754 div.result_table_utils_cont {
762 #myopac_summary_div p {
767 #acct_sum_checked_table td {
771 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
772 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
774 #zero_search_hits p {
782 #zero_search_hits #spell_check_link {
785 #zero_search_hits #zero_hits_suggestions {
791 background: [% css_colors.accent_light %];
796 .results_info_table td {
800 #myopac_holds_main_table {
801 border-collapse: collapse;
804 #myopac_holds_main_table td {
805 border: 1px solid [% css_colors.border_dark %];
809 #myopac_prefs_div .data_grid {
810 border-collapse:collapse;
813 #myopac_prefs_div .data_grid td {
814 background:[% css_colors.accent_ultralight %];
815 border-bottom:3px solid [% css_colors.background %];
816 padding:6px 0px 7px 17px;
821 font-size: [% css_fonts.size_bigger %];
823 color:[% css_colors.primary_fade %];
824 padding: 0px 7px 0px 0px;
825 border-bottom: 1px dotted [% css_colors.accent_light %];
839 border-collapse: collapse;
840 background: [% css_colors.accent_ultralight %];
844 border-bottom: 2px solid white;
852 text-transform: none;
857 .acct_sum_table .view_link {
862 border-collapse: collapse;
863 margin: -1em 0 0.5em 0;
871 table.acct_notes th {
877 padding: 15px 0px 0px 23px;
878 background: [% css_colors.accent_ultralight %];
883 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
885 .acct_holds_temp td {
889 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
891 /*padding-left:10px;*/
894 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
895 border-collapse: collapse;
899 text-transform: none;
903 .hold_note_title { font-weight: bold; }
905 #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 {
906 background: [% css_colors.accent_lighter2 %];
910 #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 {
912 padding: 0px 10px 0px 10px;
915 #acct_list_header select, #acct_list_header_anon select {
920 .search_catalog_lbl {
921 font-size: [% css_fonts.size_bigger %];
923 .adv_search_catalog_lbl {
924 font-size: [% css_fonts.size_bigger %];
927 .browse_the_catalog_lbl {
928 font-size: [% css_fonts.size_bigger %];
932 font-size: [% css_fonts.size_bigger %];
937 font-size: [% css_fonts.size_smaller %];
944 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
945 background: [% css_colors.primary_fade %];
950 #fines_payments_wrapper {
955 .myopac_payments_table th { text-align: left; }
956 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
957 .myopac_payments_table thead th:first-child { width: 8em; }
958 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
959 .myopac_payments_table form { display: inline; }
960 .myopac_payments_table input[type="submit"] { padding: 1px; }
963 font-weight: bold; color: [% css_colors.text_alert %];
964 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
967 .payment-processing {
969 color: [% css_colors.text_greatnews %];
970 font-size: [% css_fonts.size_bigger %];
971 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
974 #adv_search_input { width: 100%; }
978 #search-submit-spinner {
982 div.adv_search_available {
990 font-size: [% css_fonts.size_bigger %];
995 width:100px !important;
996 text-align: center !important;
999 .chili_review div.chili_link div {
1003 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1004 /* some facet styling */
1005 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1006 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1007 .facetClassLabel { font-weight: bold; text-align: center; }
1008 .facetFieldContainer { }
1009 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1010 .extraFacetFieldsWrapper { }
1011 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1012 .facetFieldLineCount {
1013 display: inline-block;
1014 border-right: 1px solid [% css_colors.accent_light %];
1015 color: [% css_colors.accent_mediumdark %];
1019 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1020 .facetFields { padding-left: 5px; }
1021 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1033 .facet_box_temp .header {
1035 background:[% css_colors.primary %];
1036 -moz-border-top-left-radius: 5px;
1037 border-top-left-radius: 5px;
1038 -moz-border-top-right-radius: 5px;
1039 border-top-right-radius: 5px;
1041 color:[% css_colors.text_invert %];
1045 .facet_box_temp .header .title {
1051 .facet_box_temp .header a.button {
1055 color:[% css_colors.text_invert %];
1058 .facet_box_wrapper .box_wrapper .box {
1059 border-top:1px solid [% css_colors.border_standard %];
1060 border-left:1px solid [% css_colors.border_standard %];
1061 border-right:1px solid [% css_colors.border_standard %];
1068 box-sizing: border-box;
1069 -moz-box-sizing: border-box;
1075 .facet_template div {
1076 display: table-cell;
1080 .facet_template .count {
1082 color: [% css_colors.accent_mediumdark %];
1085 .facet_template_selected {
1086 background-color: [% css_colors.accent_lighter2 %];
1087 border: 1px solid [% css_colors.accent_medium %];
1091 background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1092 background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1093 background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1094 background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1095 background-color: [% css_colors.primary %];
1100 padding-bottom: 10px;
1102 font-size: [% css_fonts.size_small %];
1106 color: [% css_colors.text_invert %];
1107 text-decoration: none;
1108 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1111 #copyright_text, #footer_logo {
1112 color: [% css_colors.text_invert %];
1119 .advanced_div { padding-top: 15px; }
1120 #adv_global_search { width: 100%; }
1121 #adv_global_search select { width: 13em; }
1122 #adv_global_addrow td { padding-top: 7px; }
1123 #adv_global_input_table { width: 100%; }
1124 #adv_global_input_table select { width: 7em; }
1126 font-size: [% css_fonts.size_smaller %];
1127 color: [% css_colors.text_alert %];
1129 #acct_prefs_header { float: left; }
1130 .search_page_nav_link {
1134 #opac.result.sort { width: 160px; }
1135 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1136 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1137 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1138 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1139 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1140 #adv_search_refine {
1141 padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1143 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1145 background-color: [% css_colors.background %];
1146 color: [% css_colors.primary %]; text-decoration: none;
1147 padding: 0; border: 0; margin: 0;
1148 vertical-align: middle;
1150 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1151 .no-dec:hover { text-decoration: none; }
1152 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1154 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1155 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1156 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1157 a.dash-link:hover { text-decoration: underline !important; }
1158 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1159 #list_create_table {
1160 background-color: [% css_colors.accent_light %];
1161 padding-bottom: 4px;
1162 margin-bottom: 10px;
1163 border-bottom: 1px dotted [% css_colors.accent_medium %];
1165 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1166 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1167 .results_row_count { font-weight: bold; }
1168 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1169 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1170 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1171 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1172 #hold_editor_table th { text-align: right; padding-right: 1em; }
1173 #hold_editor_table td { padding: 0.25em 0; }
1174 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1175 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1176 .hold-editor-controls a { padding-left: 2em; }
1178 .text-right { text-align: right; }
1179 .text-right-top { text-align: right; vertical-align: top; }
1180 .rdetail-author-div {
1181 padding-bottom: 10px;
1182 display: inline-block;
1185 .invisible { visibility: hidden; }
1186 .rdetail-extras-summary { margin: 10px; }
1187 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1188 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1189 .expert-search-row { padding-top: 10px; }
1190 #adv_expert_row label { font-weight: bold; }
1192 .bookshelf thead tr td {
1193 border-bottom: 1px dashed [% css_colors.accent_dark %];
1194 padding-bottom: 1ex;
1196 .cn_browse_item { padding: 2ex; }
1197 .results-paginator-list { padding-left: 1em; }
1198 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1199 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1201 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1202 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1203 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1205 .mr_holds_no_formats {
1210 color: [% css_colors.text_invert %];
1211 background: [% css_colors.primary %];
1214 .holds_item_row_separator td {
1215 border-top: 2px dashed [% css_colors.accent_medium %];
1218 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1220 .results_header_btns, .results_header_sel {
1225 * .various_containers a = shortcut to putting .opac-button on every 'a' with
1226 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
1229 .opac-multiline-button > a,
1230 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1231 color: [% css_colors.button_text %];
1233 text-decoration: none;
1234 cursor: pointer !important;
1235 -moz-border-radius: 5px;
1237 border: 1px solid [% css_colors.primary %];
1238 background: [% css_colors.primary_fade %];
1241 display: inline-block;
1244 .opac-multiline-button > a:hover,
1245 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1246 background: [% css_colors.primary %];
1249 .opac-button:disabled {
1250 color: [% css_colors.accent_medium %];
1251 cursor: pointer !important;
1252 border: 1px solid [% css_colors.accent_light %];
1253 background-color: [% css_colors.accent_lighter %];
1256 /* Firefox adds its own special space to inputs; this gets us closer */
1257 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1262 .opac-button-header, #dash_wrapper .opac-button {
1263 background: [% css_colors.control %];
1264 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1265 font-size: [% css_fonts.size_base %];
1267 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1268 border-color: [% css_colors.control %];
1271 .opac-multiline-button > a {
1272 display: inline-block;
1275 #myopac_checked_div {
1279 .rdetail-mfhd-head {
1282 background-color: [% css_colors.table_heading %];
1285 .rdetail-mfhd-type {
1289 .rdetail-mfhd-bottom {
1290 border-bottom: thin solid [% css_colors.border_dark %];
1294 #rdetail_record_details {
1301 padding-left: 1.5em;
1304 .rdetail_content_type, .rdetail_subject_type {
1305 vertical-align: top;
1309 .bookbag-item-row td { vertical-align: top; }
1311 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1313 color: [% css_colors.text_greatnews %];
1317 .rdetail_related_subjects {
1321 .rdetail_related_series {
1329 .rdetail_openurl_entry {
1333 .bookbag-controls-holder { width: 100%; }
1334 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1335 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1336 .bookbag-controls-holder .most {
1340 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1341 .bookbag-share .fixed { min-width: 4em; }
1342 .bookbag-specific { margin-left: 1em; }
1343 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1344 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1345 #bbag-name-desc-form tr th { vertical-align: middle; }
1346 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1347 .bookbag-description {
1352 #bbag-edit-description { width: 20em; }
1353 #bbag-edit-name { width: 20em; }
1354 textarea { font-family: sans-serif; }
1355 table.bookbag-specific {
1356 border-right: 1px solid [% css_colors.accent_dark %];
1357 border-bottom: 1px solid [% css_colors.accent_medium %];
1366 padding: 5px 0px 0px 10px;
1369 .bookbag-specific td.list_checkbox {
1370 padding-left: 10px !important;
1372 .bookbag-specific td.list_entry {
1374 padding-left: 5px !important;
1376 .bookbag-specific td.list_actions {
1377 white-space: nowrap !important;
1379 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1382 padding: 8px 0px 6px 0px;
1385 font-size: [% css_fonts.size_bigger %];
1389 .save-notes { padding-bottom: 1.5ex; }
1391 .nonbreaking-wrapper {
1392 display: inline-block;
1395 /* Moved from semiauto.css */
1396 .adv_global_input_container {
1397 border-bottom: none;
1401 border-bottom: none;
1404 .adv_global_filter_sort {
1408 .clear-both { clear: both; }
1419 .alert { color: [% css_colors.text_alert %]; }
1420 .float-left { float: left; }
1421 .float-right { float: right; }
1423 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1424 .saved-searches-header .button { float: right; width: 28px; }
1425 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1426 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1427 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1428 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1429 border-right: 1px solid [% css_colors.accent_darker %];
1431 .result_item_circulated {
1435 .result_item_circulated span {
1441 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1442 #result-bookbag-heading { text-align: center; margin: 2ex; }
1444 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1445 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1446 .result-bookbag-item-note { font-style: italic; }
1447 .lowhits-bookbag-name { font-weight: bold; }
1448 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1449 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1450 .oils_AS_match_field {
1451 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1452 text-align: right; color: [% css_colors.accent_medium %];
1454 table.result_holdings_table {
1458 table.result_holdings_table thead tr {
1459 background: [% css_colors.table_heading %];
1461 table.result_holdings_table thead tr th {
1465 margin: 0 2em 0 2em;
1468 vertical-align: super;
1469 font-size: [% css_fonts.size_smaller %];
1470 line-height: normal;
1471 text-decoration: none;
1473 .rdetail-holding-group { margin-left: 1.5em; }
1474 .rdetail-holding-group span { margin-left: 1.5em; }
1475 .rdetail-holding-group .paging { margin-left: 1.5em; }
1476 #rdetail_deleted_exp {
1480 border: thick solid [% css_colors.border_alert %];
1483 #ac_tab_wrapper { width : 100%; }
1484 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1485 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1486 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1487 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1489 /* Popmenu styles used for making css menus. */
1503 width: 10em; /* Width to help Opera out */
1504 background-color: [% css_colors.primary %];
1506 .popmenu li:hover ul {
1511 border-color: [% css_colors.border_dark %];
1513 border-style: solid;
1515 .popmenu li:hover li {
1518 .popmenu li:hover li a {
1519 background-color: [% css_colors.primary %];
1520 color: [% css_colors.accent_ultralight %];
1522 .popmenu li li a:hover {
1523 background-color: [% css_colors.accent_ultralight %];
1524 color: [% css_colors.primary %];
1526 /* Styles for the temporary list entry. */
1527 .popmenu li:hover li[class~="temporary"] a {
1528 background-color: [% css_colors.primary %];
1529 color: [% css_colors.accent_ultralight %];
1531 .popmenu li li[class~="temporary"] a:hover {
1532 background-color: [% css_colors.accent_ultralight %];
1533 color: [% css_colors.primary %];
1535 /* Styles for the default list entry. */
1536 .popmenu li:hover li[class~="default"] a {
1537 background-color: [% css_colors.primary %];
1538 color: [% css_colors.accent_ultralight %];
1540 .popmenu li li[class~="default"] a:hover {
1541 background-color: [% css_colors.accent_ultralight %];
1542 color: [% css_colors.primary %];
1544 /* Styles for the new list entry. */
1545 .popmenu li:hover li[class~="new"] a {
1546 background-color: [% css_colors.primary %];
1547 color: [% css_colors.accent_ultralight %];
1549 .popmenu li li[class~="new"] a:hover {
1550 background-color: [% css_colors.accent_ultralight %];
1551 color: [% css_colors.primary %];
1553 /* Style to add a divider on the menu. */
1554 .popmenu li li[class~="divider"] {
1555 border-bottom-width: 1px;
1556 border-bottom-color: [% css_colors.border_dark %];
1557 border-bottom-style: solid;
1560 #locale_picker_form {
1564 border-right: thin [% css_colors.control %] solid;
1567 #locale_picker_form * {
1570 vertical-align: middle;
1573 #patron_usr_barcode_not_found {
1574 font-weight: bold; color: [% css_colors.text_alert %];
1587 padding-bottom: 0.5em;
1591 #maintenance_message {
1594 background-color: [% css_colors.text_alert %];
1595 color: [% css_colors.text_invert %];
1599 #search-box > span {
1606 .browse-result-sources, .browse-result-authority-bib-links {
1609 .browse-result-best-match {
1615 .browse-result-list {
1616 padding-bottom: 0.5ex;
1619 font-size: [% css_fonts.size_bigger %];
1621 .browse-result-authority-field-name {
1625 .browse-leading-article-warning {
1627 font-size: [% css_fonts.size_big %];
1629 .browse-public-general-note {
1630 font-size: [% css_fonts.size_big %];
1632 .browse-public-general-note-label { }
1633 .browse-public-general-note-institution {
1637 .browse-public-general-note-body {
1645 #main-content-register {
1647 font-size: [% css_fonts.size_bigger %];
1650 #main-content-register table {
1653 border-collapse: collapse;
1656 #main-content-register td {
1660 #main-content-register td:not(:first-child) {
1664 .patron-reg-invalid {
1667 padding-right: 10px;
1670 .result_footer_nav1 {
1674 .small_view_only, #refine_hits, #return_to_hits {
1678 .rdetail_authors_div {
1682 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1683 white-space: nowrap;
1684 display: inline-block;
1687 .result_table_title_cell {
1689 padding-bottom: 4px;
1693 font-size: [% css_fonts.size_bigger %];
1696 @media only screen and (max-width: 800px) {
1697 .facet_sidebar_hidden, .result_block_hidden {
1700 .facet_sidebar_visible, .result_block_visible {
1701 display: inline ! important;
1703 #acct_select, #acct_prefs_select {
1704 display: inline-block;
1706 #acct_tabs, #acct_prefs_tabs {
1711 @media only screen and (max-width: 600px) {
1713 font-size: [% css_fonts.size_big %];
1715 span .nav_arrow_fix {
1722 #homesearch_main_logo img {
1732 #your-acct-login a {
1742 #locale_picker_form {
1745 #gold-links-holder {
1748 #simple-detail-view-links {
1751 #acct_tabs a, #acct_fines_tabs a {
1752 padding: 2px 4px 3px 4px;
1753 -moz-border-radius: 6px 6px 0px 0px;
1754 border-radius: 6px 6px 0px 0px;
1755 font-size: [% css_fonts.size_base %];
1756 margin: 0px 5px 0px 0px;
1760 background: transparent;
1767 #dash_wrapper .opac-button {
1771 display: inline !important;
1779 #holds_box form blockquote {
1783 #holds_box form blockquote select {
1786 #myopac_sum_fines_placehold {
1792 .results_header_lbl {
1795 .results_header_nav1 span.h1 {
1801 .start_end_links_span {
1807 .result_table_pic_header {
1808 padding-left: 0px !important;
1810 width: 0px !important;
1818 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1821 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1822 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1825 .results_info_table td {
1828 #results_header_bar {
1829 background-color: inherit;
1831 .results_header_btns a {
1837 #rdetails_status thead {
1840 #rdetails_status tr {
1844 #rdetails_status td {
1849 background-color: [% css_colors.accent_lightest %];
1851 .copy_details_offers_row {
1852 background-color: [% css_colors.accent_lightest %];
1854 select#pickup_lib.search-wrapper-locg {
1857 #search-wrapper #search-box {
1861 #main-content-home {
1865 /* Make use of full width in mobile mode */
1866 .facet_box_wrapper .box_wrapper .box,
1867 .facet_template .facet,
1871 .facet_template .count {
1877 #adv_search_parent {
1878 font-size: [% css_fonts.size_smaller %];
1880 #adv_search_filters {
1887 .rdetail_aux_utils {
1894 div#rdetail_actions_div {
1900 .search_catalog_lbl {
1902 white-space: nowrap;
1904 .adv_search_catalog_lbl {
1906 white-space: nowrap;
1908 .browse_the_catalog_lbl {
1909 white-space: nowrap;
1921 .dash_account_buttons {
1924 .searchbar { line-height: 1.5em; }
1925 #browse-controls { line-height: 1.5em; }
1926 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1933 .bookshelf table thead tr {
1936 #lowhits_help { width: inherit; }
1938 font-size: [% css_fonts.size_small %];
1939 margin: 2px 2px 0px 2px;
1940 padding: 2px 2px 5px 2px;
1941 -moz-border-radius: 10px 0px 0px 0px;
1942 border-radius: 7px 7px 0px 0px;
1944 #adv_global_tbody td {
1945 border-bottom: thin solid [% css_colors.accent_light %];
1947 #adv_global_addrow td {
1948 border-bottom: none;
1950 /* Force table to not be like tables anymore */
1951 table#acct_checked_main_header thead tr th {
1954 table#acct_checked_main_header tbody tr td {
1958 /* Hide table headers (but not display: none;, for accessibility) */
1965 table#acct_checked_main_header tr { border: 1px solid #ddd; }
1967 table#acct_checked_main_header td {
1968 /* Behave like a "row" */
1970 border-bottom: 1px solid #eee;
1975 table#acct_checked_main_header td:before {
1976 /* Now like a table header */
1978 /* Top/left values mimic padding */
1981 padding-right: 10px;
1982 white-space: nowrap;
1985 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1986 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1987 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1988 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1989 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1990 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1992 table#acct_holds_main_header thead tr th {
1995 table#acct_holds_main_header tbody tr td {
1999 table#acct_holds_main_header td {
2000 /* Behave like a "row" */
2002 border-bottom: 1px solid #eee;
2008 table#acct_holds_main_header td:before {
2009 /* Now like a table header */
2011 /* Top/left values mimic padding */
2014 padding-right: 10px;
2015 white-space: nowrap;
2018 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2019 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2020 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2021 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2022 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2023 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2024 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2025 table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2026 table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2027 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2032 For text which is visible only to screen readers.
2033 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2034 See also http://webaim.org/techniques/css/invisiblecontent/
2043 clip: rect(0, 0, 0, 0);