2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
4 rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
11 only screen and (max-width: 650px) {
13 width: 100% !important;
16 /* Force table to not be like tables anymore */
17 .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
26 /* Hide table headers (but not display: none;, for accessibility) */
35 border: 1px solid #ccc;
43 border-bottom: 1px solid #eee;
58 .copyTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
59 .copyTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
60 .copyTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
61 .copyTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
62 .copyTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
63 .copyTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
64 .copyTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
65 .copyTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
66 .copyTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
67 .copyTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
69 .copyTable td:nth-of-type(1):before { content: "Library"; display: flex; }
70 .copyTable td:nth-of-type(2):before { content: "Call Number"; display: flex; }
71 .copyTable td:nth-of-type(3):before { content: "Barcode"; display: flex;}
72 .copyTable td:nth-of-type(4):before { content: "Shelving Location"; display: flex;}
73 .copyTable td:nth-of-type(5):before { content: "Status"; display: flex;}
74 .copyTable td:nth-of-type(6):before { content: "Due Date"; display: flex;}
76 .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
77 .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
78 .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
79 .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
80 .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
81 .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
82 .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
83 .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
84 .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
85 .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
88 .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
89 .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
90 .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
91 .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
93 .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
94 .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
95 .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
96 .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
97 .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
99 .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
100 .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
101 .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
102 .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
103 .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
104 .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
105 .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
107 .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
108 .activeHoldstable td:nth-of-type(2):before { content: "Title"; display: flex; }
109 .activeHoldstable td:nth-of-type(3):before { content: "Author"; display: flex;}
110 .activeHoldstable td:nth-of-type(4):before { content: "Format"; display: flex;}
111 .activeHoldstable td:nth-of-type(5):before { content: "Pickup Location"; display: flex;}
112 .activeHoldstable td:nth-of-type(6):before { content: "Cancel If Not Filled By"; display: flex;}
113 .activeHoldstable td:nth-of-type(7):before { content: "Status"; display: flex;}
114 .activeHoldstable td:nth-of-type(8):before { content: "Notes"; display: flex;}
116 .holdHistoryTable td:nth-of-type(1):before { content: "Title"; display: flex; }
117 .holdHistoryTable td:nth-of-type(2):before { content: "Author"; display: flex; }
118 .holdHistoryTable td:nth-of-type(3):before { content: "Format"; display: flex; }
119 .holdHistoryTable td:nth-of-type(4):before { content: "Pickup Location"; display: flex; }
120 .holdHistoryTable td:nth-of-type(5):before { content: "Status"; display: flex; }
122 .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
123 .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
124 .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
125 .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
127 .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
128 .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
129 .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
130 .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
131 .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
133 .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
134 .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
135 .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
136 .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
137 .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
138 .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
139 .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
141 .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
142 .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
143 .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
144 .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
145 .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
146 .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
147 .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
148 .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
150 .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
151 .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
152 .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
153 .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
154 .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
155 .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
156 .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
158 .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
159 .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
160 .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
161 .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
162 .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
164 .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
165 .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
166 .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
167 .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
169 .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
170 .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
171 .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
172 .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
174 .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
175 .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
176 .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
177 .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
179 .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
180 .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
181 .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
183 /*Media Style Additions*/
185 padding: 5px !important;
186 text-align: center !important;
193 }/*Micro Tables End*/
200 font-size: 16pt !important;
202 font-weight: 600 !important;
206 font-size: 16pt !important;
207 font-weight: 600 !important;
210 .NovSelectImageHeadingToggle{
215 /*Novelist Styling End*/
220 color: [% css_colors.button_confirm_text %];
221 background-color: [% css_colors.button_confirm %];
222 border-color: [% css_colors.button_confirm_border %];
226 color: [% css_colors.button_confirm_text %];
227 background-color: [% css_colors.button_confirm_hover %];
228 border-color: [% css_colors.button_confirm_border_hover %];
232 color: [% css_colors.button_deny_text %];
233 background-color: [% css_colors.button_deny %];
234 border-color: [% css_colors.button_deny_border_hover %];
238 color: [% css_colors.button_deny_text %];
239 background-color: [% css_colors.button_deny_hover %];
240 border-color: [% css_colors.button_deny_border_hover %];
244 color: [% css_colors.button_remove_text %];
245 background-color: [% css_colors.button_remove %];
246 border-color: [% css_colors.button_remove_border %];
250 color: [% css_colors.button_remove_text %];
251 background-color: [% css_colors.button_remove_hover %];
252 border-color: [% css_colors.button_remove_border_hover %];
256 color: [% css_colors.opac_button_text %] !important;
257 background-color: [% css_colors.opac_button %];
258 border-color: [% css_colors.opac_button_border %];
262 color: [% css_colors.opac_button_text %];
263 background-color: [% css_colors.opac_button_hover %] !important;
264 border-color: [% css_colors.opac_button_border_hover %];
268 color: [% css_colors.action_button_text %] !important;
269 background-color: [% css_colors.action_button %];
270 border-color: [% css_colors.action_button_border %];
274 color: [% css_colors.action_button_text %];
275 background-color: [% css_colors.action_button_hover %] !important;
276 border-color: [% css_colors.action_button_border_hover %];
279 color: [% css_colors.action_button_text_anchors %];
288 color: [% css_colors.zero_count %] !important;
292 color: [% css_colors.non_zero_count %] !important;
296 padding: .25rem .25rem !important;
299 border-radius: 1rem !important;
307 .cn_browse_item .card{
310 #facets .card-header,#facets .card-header a {
311 background-color: [% css_colors.facets_back %];
312 color: [% css_colors.text_invert %]
315 .facet_template:hover{
316 background-color:#e8e8e8;
330 border: 2px solid #007bff;
336 max-width: 100px !important;
356 font-family: [% css_fonts.font_main %] !important;
357 font-size: [% css_fonts.size_base %];
358 /* background-color: [% css_colors.primary %]; */
365 font-family: [% css_fonts.font_main %] !important;
366 font-size: [% css_fonts.size_base %];
377 #homesearch_main_logo {
384 color: [% css_colors.link %];
387 #search-wrapper input[type=text] {
392 #search-wrapper select, .results_header_lbl select {
393 border:1px solid [% css_colors.border_standard %];
415 #search-wrapper select {
416 border:0px solid [% css_colors.border_dark %];
417 filter:alpha(opacity=0);
428 font-size: [% css_fonts.size_biggest %];
433 font-size: [% css_fonts.size_bigger %];
438 font-size: [% css_fonts.size_bigger %];
447 div.select-box-wrapper {
469 background-color: [% css_colors.primary %];
477 display:inline-block;
480 #dashboard, #dashboard_e {
485 #dashboard span.dash-align a, #dashboard_e span.dash-align a {
487 text-decoration: none;
504 #dash_fines { color: [% css_colors.text_badnews %]; }
505 the color contrast between "text_badnews" and "primary"
506 is too low for WCAG compliance. Use "text_attention"
507 for now until a better color is picked - if needed.
510 #dash_wrapper #dash_user_message_button_container {
514 #dash_wrapper #unread_message_count_floater {
516 background-color: [% css_colors.text_alert %];
518 padding-right: 0.2em;
519 display: inline-block;
525 margin-right: -1.5em;
532 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
533 background-color: [% css_colors.header_primary_fade %];
534 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
535 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
536 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
537 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
540 color: [% css_colors.background %];
543 font-size: [% css_fonts.size_small %];
547 color: [% css_colors.background %];
551 color: [% css_colors.text_invert %];
552 text-decoration: none;
556 color: [% css_colors.text_invert %];
557 font-size: [% css_fonts.size_small %];
565 color: [% css_colors.text_invert %];
567 text-decoration: none;
577 #header-links a:hover {
578 color: [% css_colors.text_invert %];
579 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
580 text-decoration: none;
583 #header #header-links2 {
586 color: [% css_colors.text_invert %];
587 padding-bottom: 15px;
590 #header #header-links2 a {
591 color: [% css_colors.text_invert %];
594 #header #header-links2 a:hover {
595 text-decoration: underline;
623 background-color: [% css_colors.background_invert %];
638 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
640 background-color: [% css_colors.background %];
643 #search-wrapper #breadcrumb {
645 font-size: [% css_fonts.size_smaller %];
653 #search-wrapper #search-within {
665 #search-wrapper #breadcrumb a {
666 color: [% css_colors.text %];
669 #search-wrapper #search_frm label {
670 font-size: [% css_fonts.size_smaller %];
673 #search-wrapper #search-box {
682 padding-bottom: 10px;
685 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
694 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
697 margin: 10px 0px 0px 7px;
698 border-radius: 10px 10px 0px 0px;
701 margin: 10px 7px 0px 0px;
702 border-radius: 10px 10px 0px 0px;
705 vertical-align: middle;
707 padding: 10px 0px 10px 0px;
709 color: [% css_colors.text_invert %];
710 background-color: [% css_colors.control %];
712 text-decoration: none;
715 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
716 padding: 1em 1em 0.5em;
719 #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 {
720 background-color: [% css_colors.primary %];
721 color: [% css_colors.text_invert %];
722 text-decoration: none;
725 #adv_search_filters {
740 .adv_filter_block_item {
771 padding-right: 10px !important;
773 padding-left: 10px !important;
777 #adv_search.on, #num_search.on, #expert_search.on {
778 color: [% css_colors.accent_darker %];
779 background-color: [% css_colors.background %];
780 text-decoration: none;
783 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
784 color: [% css_colors.accent_darker %];
785 background-color: [% css_colors.background %];
786 text-decoration: none;
790 background-color: [% css_colors.control %];
793 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
795 font-size: [% css_fonts.size_smaller %];
796 color: [% css_colors.accent_darker %];
797 padding: 10px 10px 10px 10px;
800 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
801 background-color: [% css_colors.accent_lightest %];
802 color: [% css_colors.accent_darker %];
805 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
806 padding-bottom: 12px;
807 color: [% css_colors.accent_medium %];
810 #acct_select, #acct_prefs_select {
814 #mobile_acct_search_links {
815 background-color: [% css_colors.primary_fade %];
820 padding: 5px 0px 6px 7px;
823 padding: 5px 7px 6px 0px;
826 border-bottom: 1px dotted [% css_colors.accent_light %];
830 color:[% css_colors.primary_fade %];
832 font-size: [% css_fonts.size_bigger %];
835 .rdetail_result_count {
836 color: [% css_colors.text %];
838 display: inline-block;
846 .rdetail_result_nav {
848 display: inline-block;
856 #rdetail_details_table {
860 #rdetail_image { border: none; }
861 #rdetail_image_cell {
874 padding: 0.5em 1em 0.5em 1em;
875 background-color: [% css_colors.accent_lighter2 %];
877 div.rdetail_uris ul li {
886 div.rdetail_show_copies {
890 div#rdetail_actions_div {
891 background-color: [% css_colors.background %];
899 span#rdetail_copy_counts {
900 display: inline-block;
913 span#rdetail_hold_counts {
914 display: inline-block;
917 span#rdetail_hold_counts p {
938 border-right: 1px dotted [% css_colors.accent_light %];
942 border-left:1px dotted [% css_colors.accent_light %];
949 border-bottom: 1px dotted [% css_colors.accent_light %];
953 div.toggle_list { padding-top: 6px; }
957 border-top: 1px dotted [% css_colors.accent_light %];
970 #metarecord_population {
973 padding-bottom: 10px;
976 .metarecord_population_span_link {
980 .metarecord_population_format {
982 display: inline-block;
988 .metarecord_population_item_lang {
989 display: inline-block;
993 .metarecord_population_all {
1002 border-bottom: 1px dotted [% css_colors.accent_light %];
1004 [% IF rtl == 't' -%]
1019 #rdetails_status td {
1020 [% IF rtl == 't' -%]
1021 padding: 7px 13px 3px 0px;
1023 padding: 7px 0px 3px 13px;
1027 #rdetails_status td[headers=copy_header_library],
1028 #rdetails_status td[headers=copy_header_shelfloc] {
1029 white-space: normal;
1032 #rdetails_status thead th {
1033 [% IF rtl == 't' -%]
1034 padding: 13px 13px 13px 0px;
1037 padding: 13px 0px 13px 13px;
1040 background-color: [% css_colors.accent_lighter2 %];
1041 font-size: [% css_fonts.size_smaller %];
1045 #rdetails_status tbody td {
1046 [% IF rtl == 't' -%]
1047 padding-right: 13px;
1054 #rdetails_status tbody td.copy_note {
1055 color: [% css_colors.primary %];
1057 white-space:pre-wrap !important;
1061 #rdetails_status tbody td.copy_tag {
1062 border-color: [% css_colors.primary %];
1063 border-style: dashed;
1066 #rdetails_status tbody .copy_tag_value {
1067 font-weight: bolder;
1071 background-color: [% css_colors.primary_fade %];
1072 border: 1px solid [% css_colors.primary %];
1077 #rdetail_extras_div {
1081 .rdetail_extras_hr {
1082 [% IF rtl == 't' -%]
1090 background-color: [% css_colors.accent_light %];
1093 .rdetail_extras_link {
1095 font-size: [% css_fonts.size_smaller %];
1099 .rdetail_extras_lbl {
1100 color: [% css_colors.text_invert %];
1101 text-decoration: none;
1104 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1105 [% IF rtl == 't' -%]
1112 #rdetail_locs_expand, #rdetail_locs_collapse {
1113 [% IF rtl == 't' -%]
1122 #rdetail_anotes_div .biography {
1126 #gbp_extra, #gbp_arrow_down_link {
1130 .almost-content-wrapper {
1131 background-color: [% css_colors.background %];
1135 background-color: [% css_colors.background %];
1141 .content-wrapper-record-page { top: -15px; position: relative; }
1143 #main-content-home {
1144 [% IF rtl == 't' -%]
1145 padding-right: 17px;
1153 [% IF rtl == 't' -%]
1162 #main-content-after-bar {
1163 [% IF rtl == 't' -%]
1173 [% IF rtl == 't' -%]
1181 background-color: [% css_colors.background %];
1184 #main-content .login_boxes {
1185 border: 1px solid [% css_colors.accent_lighter %];
1186 background-color: [% css_colors.accent_lightest %];
1187 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1188 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1189 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1190 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1191 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1192 color: [% css_colors.accent_darker %];
1195 #main-content .login_boxes h1 {
1196 font-weight: normal;
1197 font-size: [% css_fonts.size_biggest %];
1201 #main-content .left_brain {
1202 [% IF rtl == 't' -%]
1203 padding-right: 28px;
1210 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1214 background-color: [% css_colors.background %];
1215 font-size: [% css_fonts.size_bigger %];
1216 color: [% css_colors.text %];
1219 #main-content .left_brain .input_bg {
1220 [% IF rtl == 't' -%]
1221 padding: 10px 13px 0px 10px;
1223 padding:10px 10px 0px 13px;
1230 [% IF rtl == 't' -%]
1241 .login-help-button {
1242 font-size: [% css_fonts.size_biggest %];
1246 #login-failed-message {
1247 font-size: [% css_fonts.size_bigger %];
1249 color: [% css_colors.text_alert %];
1253 #holds_temp_parent td {
1254 border-bottom:1px solid [% css_colors.border_standard %];
1257 #holds_temp_parent input, #holds_temp_parent select {
1261 #holds_temp_parent tr td div {
1263 margin-bottom: 10px;
1266 #holds_temp_parent tr td div.format_icon {
1272 #results_header_bar {
1273 background-color: [% css_colors.accent_medium %];
1274 border-top:1px solid [% css_colors.accent_mediumdark %];
1275 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1278 .results_header_lbl {
1279 [% IF rtl == 't' -%]
1285 color: [% css_colors.text %];
1286 /* this border is not visible, but it keeps these labels the same size
1288 border: 1px solid [% css_colors.accent_medium %];
1289 background-color: [% css_colors.accent_medium %];
1290 margin: 0.5em 0.3em;
1293 /* we need a negative margin on the select to allow the containing <label>
1294 to determine the actual size of the element. By doing this, we can increase
1295 the odds that the buttons and the select will be the same size, and therefore
1296 collapse correctly when the window width decreases */
1297 .results_header_lbl select {
1301 #limit_to_available {
1302 vertical-align: middle;
1305 .results_header_sel {
1306 [% IF rtl == 't' -%]
1316 .results_header_nav1 .h1 {
1317 font-size: [% css_fonts.size_bigger %];
1319 color:[% css_colors.primary_fade %];
1322 .table_no_border_space {
1323 border-spacing: 0px;
1325 .table_no_cell_pad td {
1329 border-collapse: collapse;
1332 #result_table_table {
1340 tr.result_table_row > td.results_row_count,
1341 tr.result_table_row > td.result_table_pic_header,
1342 tr.result_table_row > td.result_table_title_cell {
1343 vertical-align: top;
1347 [% IF rtl == 't' -%]
1357 tr.result_table_row:nth-child(n+2) > td {
1358 border-top: 1px solid [% css_colors.accent_lighter2 %];
1361 tr.result_table_row > td.result_table_pic_header {
1362 [% IF rtl == 't' -%]
1367 white-space: nowrap;
1371 /* styles for selecting records in the results set */
1372 .result_table_row_selected {
1373 background-color: [% css_colors.item_selected %];
1375 #selected_records_summary, #clear_basket {
1379 /* styles for the basket */
1381 [% IF rtl == 't' -%]
1389 #record_basket_icon {
1390 [% IF rtl == 't' -%]
1399 #record_basket_count_floater {
1400 background-color: [% css_colors.accent_lighter %];
1403 right: -3px; /* relative to icon, so don't want to adjust for RTL */
1407 #record_basket_count_floater a {
1408 text-decoration: none;
1411 [% IF rtl == 't' -%]
1417 #basket_actions select {
1418 border-color: rgb(169, 169, 169);
1422 [% IF rtl == 't' -%]
1427 white-space: nowrap;
1430 .result_count_number {
1434 .result_table_subtable {
1439 div.result_table_utils_cont {
1440 [% IF rtl == 't' -%]
1449 #myopac_summary_div p {
1451 margin-bottom: 10px;
1454 #acct_sum_checked_table td {
1458 .zero_search_hits_main {
1459 [% IF rtl == 't' -%]
1467 .zero_search_hits_saved {
1468 [% IF rtl == 't' -%]
1479 #zero_search_hits p {
1487 #zero_search_hits #spell_check_link {
1490 #zero_search_hits #zero_hits_suggestions {
1494 [% IF rtl == 't' -%]
1500 background-color: [% css_colors.accent_light %];
1505 .results_info_table td {
1506 [% IF rtl == 't' -%]
1509 padding-right: 10px;
1513 #myopac_holds_main_table {
1514 border-collapse: collapse;
1517 #myopac_holds_main_table td {
1518 border: 1px solid [% css_colors.border_dark %];
1522 .myopac-hold-available {
1523 color: [% css_colors.text_greatnews %];
1527 .myopac-hold-suspended {
1528 color: [% css_colors.text_badnews %];
1532 #myopac_prefs_div .data_grid {
1533 border-collapse:collapse;
1536 #myopac_prefs_div .data_grid td {
1537 [% IF rtl == 't' -%]
1538 padding: 6px 17px 7px 0px;
1540 padding:6px 0px 7px 17px;
1542 background-color:[% css_colors.accent_ultralight %];
1543 border-bottom:3px solid [% css_colors.background %];
1547 [% IF rtl == 't' -%]
1548 padding: 0px 0px 0px 7px;
1550 padding: 0px 7px 0px 0px;
1553 font-size: [% css_fonts.size_bigger %];
1555 color:[% css_colors.primary_header %];
1556 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1561 font-weight: normal;
1565 [% IF rtl == 't' -%]
1575 border-collapse: collapse;
1576 background-color: [% css_colors.accent_ultralight %];
1579 .acct_sum_table tr {
1580 border-bottom: 2px solid white;
1583 .acct_sum_table td {
1588 text-transform: none;
1593 .acct_sum_table .view_link {
1594 font-weight: normal;
1598 [% IF rtl == 't' -%]
1600 padding: 15px 23px 0px 0px;
1603 padding: 15px 0px 0px 23px;
1611 [% IF rtl == 't' -%]
1612 padding-right: .5em;
1618 #myopac_sum_fines_placehold {
1619 [% IF rtl == 't' -%]
1628 .acct_holds_temp td {
1629 [% IF rtl == 't' -%]
1636 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1637 [% IF rtl == 't' -%]
1650 [% IF rtl == 't' -%]
1657 /* tables for entering payment information */
1658 #acct_fines_main_header
1663 /* tables for entering payment information */
1667 [% IF rtl == 't' -%]
1677 /* tables for entering payment information */
1678 #credit_card_info_table
1684 /* tables for entering payment information */
1685 #billing_info_table td,
1686 #credit_card_info_table td
1688 [% IF rtl == 't' -%]
1689 padding-right: .5em;
1696 /* div for the payment buttons with the total */
1701 padding: 1em 0 0 1em;
1705 /* text to state what is seen on cc statement */
1710 color:[% css_colors.primary_fade %];
1714 text-transform: none;
1715 font-weight: normal;
1720 #acct_list_header select, #acct_list_header_anon select {
1722 text-transform:none;
1725 .search_catalog_lbl {
1726 font-size: [% css_fonts.size_bigger %];
1728 .adv_search_catalog_lbl {
1729 font-size: [% css_fonts.size_bigger %];
1732 .browse_the_catalog_lbl {
1733 font-size: [% css_fonts.size_bigger %];
1737 font-size: [% css_fonts.size_bigger %];
1742 font-size: [% css_fonts.size_smaller %];
1749 #fines_payments_wrapper {
1754 .myopac_payments_table th {
1755 [% IF rtl == 't' -%]
1756 text-align: right; }
1762 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1763 .myopac_payments_table thead th:first-child { width: 8em; }
1764 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1765 .myopac_payments_table form { display: inline; }
1766 .myopac_payments_table input[type="submit"] { padding: 1px; }
1771 background-color: [% css_colors.accent_lighter %];
1775 font-weight: bold; color: [% css_colors.text_alert %];
1776 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1779 .payment-processing {
1781 color: [% css_colors.text_greatnews %];
1782 font-size: [% css_fonts.size_bigger %];
1783 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1786 #adv_search_input { width: 100%; }
1787 #adv_search_parent {
1790 #search-submit-spinner {
1794 div.adv_search_available {
1802 font-size: [% css_fonts.size_bigger %];
1807 width:100px !important;
1808 text-align: center !important;
1811 .chili_review div.chili_link div {
1815 /* styling for advanced search filters that display with searchbar */
1817 #adv_filter_results_block h4 { display: inline; }
1819 #adv_filter_results_block {
1824 .adv_filter_results_block_label {
1826 [% IF rtl == 't' -%]
1827 padding: 4px 12px 4px 0px;
1829 padding: 4px 0px 4px 12px;
1833 .adv_filter_results_group {
1835 display: inline-block;
1836 background-color: [% css_colors.accent_lighter2 %];
1837 border-style: solid;
1838 border-color: [% css_colors.accent_medium %];
1841 padding: 2px 4px 2px 4px;
1844 .adv_filter_results_group_wrapper {
1845 display: inline-block;
1846 [% IF rtl == 't' -%]
1854 .adv_filter_results_group_header {
1855 display: inline-block;
1858 .adv_filter_results_group_values {
1862 .adv_search_result_filter {
1863 display: inline-block;
1869 [% IF rtl == 't' -%]
1877 text-decoration: none;
1878 color: [% css_colors.accent_dark %];
1882 display: inline-block;
1885 #refine_search_link {
1886 display: inline-block;
1889 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1890 /* some facet styling */
1891 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1892 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1893 .facetClassLabel { font-weight: bold; text-align: center; }
1894 .facetFieldContainer { }
1895 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1896 .extraFacetFieldsWrapper { }
1897 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1898 .facetFieldLineCount {
1899 display: inline-block;
1900 border-right: 1px solid [% css_colors.accent_light %];
1901 color: [% css_colors.accent_mediumdark %];
1905 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1906 .facetFields { padding-left: 5px; }
1907 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1911 [% IF rtl == 't' -%]
1924 .facet_box_temp .header {
1926 background-color:[% css_colors.primary %];
1927 border-top-left-radius: 5px;
1928 border-top-right-radius: 5px;
1930 color:[% css_colors.text_invert %];
1934 .facet_box_temp.filter_box_temp .header {
1935 background-color: [% css_colors.background_invert %] !important;
1939 color: [% css_colors.background_invert %];
1946 .facet_box_temp .header .title {
1947 [% IF rtl == 't' -%]
1949 padding-right: 12px;
1957 /* in this context, where h4 is primarily for structure,
1958 avoid the normal large font and margin for h4's */
1959 .facet_box_temp h4 {
1964 .facet_box_temp .header a.button {
1965 [% IF rtl == 't' -%]
1973 color:[% css_colors.text_invert %];
1976 .facet_box_wrapper .box_wrapper .box {
1977 border-top:1px solid [% css_colors.border_standard %];
1978 border-left:1px solid [% css_colors.border_standard %];
1979 border-right:1px solid [% css_colors.border_standard %];
1984 .filter_box_wrapper {
1987 border: 1px solid [% css_colors.background_invert %];
1994 box-sizing: border-box;
1995 -moz-box-sizing: border-box;
2001 .facet_template div {
2002 display: table-cell;
2006 .facet_template.filter_template div {
2007 padding: 0px !important;
2010 .facet_template .count {
2012 color: [% css_colors.accent_mediumdark %];
2015 .facet_template_selected {
2016 background-color: [% css_colors.accent_lighter2 %];
2017 border: 1px solid [% css_colors.accent_medium %];
2021 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2022 background-color: [% css_colors.footer_primary %];
2023 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2024 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2025 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2026 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2032 [% IF rtl == 't' -%]
2038 padding-bottom: 10px;
2039 font-size: [% css_fonts.size_small %];
2043 #copyright_text, #footer_logo {
2044 color: [% css_colors.footer_link %];
2045 font-size: [% css_fonts.size_bigger %];
2052 .advanced_div { padding-top: 15px; }
2053 #adv_global_search { width: 100%; }
2054 #adv_global_addrow td { padding-top: 7px; }
2055 [% IF rtl == 't' -%]
2056 #adv_global_addrow.td-search-left{text-align:right;}
2058 #adv_global_input_table { width: 100%; }
2059 #adv_global_input_table select { width: 7em; }
2061 font-size: [% css_fonts.size_smaller %];
2062 color: [% css_colors.text_alert %];
2064 #acct_prefs_header {
2065 [% IF rtl == 't' -%]
2071 .search_page_nav_link {
2073 [% IF rtl == 't' -%]
2079 #opac.result.sort { width: 160px; }
2080 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2082 [% IF rtl == 't' -%]
2088 color: [% css_colors.text_alert %];
2090 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2091 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2092 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2093 #adv_search_refine {
2094 [% IF rtl == 't' -%]
2099 background-color: [% css_colors.accent_lighter2 %];
2102 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2104 background-color: [% css_colors.background %];
2105 color: [% css_colors.primary %]; text-decoration: none;
2106 padding: 0; border: 0; margin: 0;
2107 vertical-align: middle;
2109 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2110 .no-dec:hover { text-decoration: none; }
2111 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2113 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2114 #account-update-email table td {
2115 [% IF rtl == 't' -%]
2120 padding: 5px 15px 5px 15px;
2121 border-bottom: 1px solid [% css_colors.accent_lighter %];
2123 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2124 a.dash-link:hover { text-decoration: underline !important; }
2125 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2126 #list_create_table {
2127 background-color: [% css_colors.accent_light %];
2128 padding-bottom: 4px;
2129 margin-bottom: 10px;
2130 border-bottom: 1px dotted [% css_colors.accent_medium %];
2133 .list_create_table_label {
2136 #list_description, #list_create_name {
2139 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2140 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2141 .results_row_count { font-weight: bold; }
2144 [% IF rtl == 't' -%]
2145 padding-right: 1em !important;
2147 padding-left: 1em !important;
2149 vertical-align: middle;
2151 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2152 .hold-editor-controls a { padding-left: 2em; }
2155 [% IF rtl == 't' -%]
2162 [% IF rtl == 't' -%]
2165 vertical-align: top;
2168 .rdetail-author-div {
2169 padding-bottom: 10px;
2170 display: inline-block;
2173 .invisible { visibility: hidden; }
2174 .rdetail-extras-summary { margin: 10px; }
2175 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2176 .expert-search tbody tr th {
2177 [% IF rtl == 't' -%]
2185 .expert-search-row { padding-top: 10px; }
2186 #adv_expert_row label { font-weight: bold; }
2188 .bookshelf tr.browse_border td {
2189 border-bottom: 1px dashed [% css_colors.accent_dark %];
2192 padding-bottom: 1ex;
2194 .cn_browse_item { padding: 2ex; }
2195 .results-paginator-list {
2196 [% IF rtl == 't' -%]
2202 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2203 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2204 .unread-patron-message { font-weight: bold; }
2206 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2207 .hold-items-list-title {
2208 font-size: [% css_fonts.size_bigger %];
2209 margin-bottom: 20px;
2211 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2213 .hold_success_links > span { margin: 0 2em; }
2215 .radio-parts-selection {
2217 margin-bottom: 20px;
2220 .parts-radio-option {
2221 display: inline-block;
2225 .mr_holds_no_formats {
2226 [% IF rtl == 't' -%]
2234 color: [% css_colors.text_invert %];
2235 background-color: [% css_colors.primary %];
2238 .holds_item_row_separator td {
2239 border-top: 2px dashed [% css_colors.accent_medium %];
2242 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2244 .results_header_btns, .results_header_sel {
2245 [% IF rtl == 't' -%]
2253 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2254 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2257 .opac-multiline-button > a,
2258 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2259 color: [% css_colors.button_text %];
2261 text-decoration: none;
2262 cursor: pointer !important;
2264 border: 1px solid [% css_colors.primary %];
2265 background-color: [% css_colors.primary_fade %];
2268 display: inline-block;
2271 .opac-multiline-button > a:hover,
2272 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2273 background-color: [% css_colors.primary %];
2276 .opac-button:disabled {
2277 color: [% css_colors.accent_medium %];
2278 cursor: pointer !important;
2279 border: 1px solid [% css_colors.accent_light %];
2280 background-color: [% css_colors.accent_lighter %];
2283 /* Firefox adds its own special space to inputs; this gets us closer */
2284 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2289 .opac-button-header, #dash_wrapper .opac-button {
2290 background-color: [% css_colors.control %];
2291 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2292 font-size: [% css_fonts.size_base %];
2294 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2295 border-color: [% css_colors.control %];
2298 .opac-multiline-button > a {
2299 display: inline-block;
2302 #myopac_checked_div {
2306 .rdetail-mfhd-head {
2309 background-color: [% css_colors.table_heading %];
2312 .rdetail-mfhd-type {
2313 [% IF rtl == 't' -%]
2320 .rdetail-mfhd-bottom {
2321 border-bottom: thin solid [% css_colors.border_dark %];
2325 #rdetail_record_details {
2331 [% IF rtl == 't' -%]
2332 margin-right: 1.5em;
2333 padding-right: 1.5em;
2336 padding-left: 1.5em;
2340 .rdetail_content_type, .rdetail_subject_type {
2341 vertical-align: top;
2345 .bookbag-item-row td { vertical-align: top; }
2347 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2349 color: [% css_colors.text_greatnews %];
2353 .rdetail_related_subjects {
2357 .rdetail_related_series {
2365 .rdetail_openurl_entry {
2366 [% IF rtl == 't' -%]
2374 .bookbag-controls-holder { width: 100%; }
2375 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2376 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2377 .bookbag-controls-holder .most {
2378 [% IF rtl == 't' -%]
2386 .bookbag-controls-title-block {
2387 [% IF rtl == 't' -%]
2394 .bookbag-controls-button-block {
2395 [% IF rtl == 't' -%]
2402 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2403 .bookbag-share .fixed { min-width: 4em; }
2405 [% IF rtl == 't' -%]
2411 .bookbag-specific div.sort {
2412 [% IF rtl == 't' -%]
2423 .bookbag-specific div.meta {
2424 background-color: [% css_colors.accent_light %];
2425 [% IF rtl == 't' -%]
2433 border: 1px solid [% css_colors.accent_light %];
2437 #bbag-name-desc-form tr th { vertical-align: middle; }
2438 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2439 .bookbag-description {
2444 .bbag-edit-desc-label {
2445 [% IF rtl == 't' -%]
2452 .bbag-edit-desc-save {
2456 #bbag-edit-description {
2458 [% IF rtl == 't' -%]
2466 [% IF rtl == 't' -%]
2473 [% IF rtl == 't' -%]
2479 .bbag-navigate-list {
2480 [% IF rtl == 't' -%]
2481 padding-right: 32px;
2488 .bbag-navigate-list-pages {
2489 [% IF rtl == 't' -%]
2490 padding-right: 10px;
2497 textarea { font-family: sans-serif; }
2498 table.bookbag-specific {
2499 border-right: 1px solid [% css_colors.accent_dark %];
2500 border-bottom: 1px solid [% css_colors.accent_medium %];
2505 [% IF rtl == 't' -%]
2507 padding: 0px 10px 0px 0px;
2510 padding: 0px 0px 0px 10px;
2513 .bookbag-share .fixed { min-width: 6em; }
2515 [% IF rtl == 't' -%]
2517 padding: 0px 10px 0px 0px;
2520 padding: 0px 0px 0px 10px;
2523 .bookbag-specific td.list_checkbox {
2524 [% IF rtl == 't' -%]
2525 padding-right: 10px !important;
2527 padding-left: 10px !important;
2530 .bookbag-specific td.list_entry {
2532 [% IF rtl == 't' -%]
2533 padding-right: 5px !important;
2535 padding-left: 5px !important;
2538 .bookbag-specific td.list_actions {
2539 white-space: nowrap !important;
2541 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2544 padding: 8px 0px 6px 0px;
2547 font-size: [% css_fonts.size_bigger %];
2551 .save-notes { padding-bottom: 1.5ex; }
2553 .nonbreaking-wrapper {
2554 display: inline-block;
2557 /* Moved from semiauto.css */
2558 .adv_global_input_container {
2559 border-bottom: none;
2563 border-bottom: none;
2566 .adv_global_filter_sort {
2570 .clear-both { clear: both; }
2581 .opac-alert { color: [% css_colors.text_alert %]; }
2583 [% IF rtl == 't' -%]
2590 [% IF rtl == 't' -%]
2597 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2598 .saved-searches-header .button {
2599 [% IF rtl == 't' -%]
2606 .saved-searches-header .text {
2607 [% IF rtl == 't' -%]
2616 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2617 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2618 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2619 [% IF rtl == 't' -%]
2620 border-left: 1px solid [% css_colors.accent_darker %];
2622 border-right: 1px solid [% css_colors.accent_darker %];
2625 .result_item_circulated {
2629 .result_item_circulated span {
2632 [% IF rtl == 't' -%]
2639 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2640 #result-bookbag-heading { text-align: center; margin: 2ex; }
2642 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2643 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2644 .result-bookbag-item-note { font-style: italic; }
2645 .lowhits-bookbag-name { font-weight: bold; }
2646 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2647 .oils_AS_match_term {
2648 [% IF rtl == 't' -%]
2653 color: [% css_colors.text %];
2655 .oils_AS_match_field {
2656 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2657 [% IF rtl == 't' -%]
2662 color: [% css_colors.accent_medium %];
2664 table.result_holdings_table {
2668 table.result_holdings_table thead tr {
2669 background-color: [% css_colors.table_heading %];
2671 table.result_holdings_table thead tr th {
2675 margin: 0 2em 0 2em;
2678 vertical-align: super;
2679 font-size: [% css_fonts.size_smaller %];
2680 line-height: normal;
2681 text-decoration: none;
2683 .rdetail-holding-group {
2684 [% IF rtl == 't' -%]
2685 margin-right: 1.5em;
2690 .rdetail-holding-group span {
2691 [% IF rtl == 't' -%]
2692 margin-right: 1.5em;
2697 .rdetail-holding-group .paging {
2698 [% IF rtl == 't' -%]
2699 margin-right: 1.5em;
2704 #rdetail_deleted_exp {
2708 border: thick solid [% css_colors.border_alert %];
2711 #ac_tab_wrapper { width : 100%; }
2713 [% IF rtl == 't' -%]
2718 padding-right: 10px;
2720 font-size: [% css_fonts.size_big %];
2722 border: 1px solid [% css_colors.primary_offset %];
2724 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2725 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2726 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2728 /* Popmenu styles used for making css menus. */
2742 width: 10em; /* Width to help Opera out */
2743 background-color: [% css_colors.primary %];
2745 .popmenu li:hover ul {
2750 border-color: [% css_colors.border_dark %];
2752 border-style: solid;
2754 .popmenu li:hover li {
2757 .popmenu li:hover li a {
2758 background-color: [% css_colors.primary %];
2759 color: [% css_colors.accent_ultralight %];
2761 .popmenu li li a:hover {
2762 background-color: [% css_colors.accent_ultralight %];
2763 color: [% css_colors.primary %];
2765 /* Styles for the basket entry. */
2766 .popmenu li:hover li[class~="temporary"] a {
2767 background-color: [% css_colors.primary %];
2768 color: [% css_colors.accent_ultralight %];
2770 .popmenu li li[class~="temporary"] a:hover {
2771 background-color: [% css_colors.accent_ultralight %];
2772 color: [% css_colors.primary %];
2774 /* Styles for the default list entry. */
2775 .popmenu li:hover li[class~="default"] a {
2776 background-color: [% css_colors.primary %];
2777 color: [% css_colors.accent_ultralight %];
2779 .popmenu li li[class~="default"] a:hover {
2780 background-color: [% css_colors.accent_ultralight %];
2781 color: [% css_colors.primary %];
2783 /* Styles for the new list entry. */
2784 .popmenu li:hover li[class~="new"] a {
2785 background-color: [% css_colors.primary %];
2786 color: [% css_colors.accent_ultralight %];
2788 .popmenu li li[class~="new"] a:hover {
2789 background-color: [% css_colors.accent_ultralight %];
2790 color: [% css_colors.primary %];
2792 /* Style to add a divider on the menu. */
2793 .popmenu li li[class~="divider"] {
2794 border-bottom-width: 1px;
2795 border-bottom-color: [% css_colors.border_dark %];
2796 border-bottom-style: solid;
2802 #patron_usr_barcode_not_found {
2803 font-weight: bold; color: [% css_colors.text_alert %];
2816 padding-bottom: 0.5em;
2820 #maintenance_message {
2823 background-color: [% css_colors.text_alert %];
2824 color: [% css_colors.text_invert %];
2828 #search-box > span {
2835 .browse-result-sources, .browse-result-authority-bib-links {
2836 [% IF rtl == 't' -%]
2842 .browse-result-best-match {
2848 .browse-result-list {
2849 padding-bottom: 0.5ex;
2852 font-size: [% css_fonts.size_bigger %];
2854 .browse-result-authority-field-name {
2856 [% IF rtl == 't' -%]
2862 .browse-leading-article-warning {
2864 font-size: [% css_fonts.size_big %];
2866 .browse-public-general-note {
2867 font-size: [% css_fonts.size_big %];
2869 .browse-public-general-note-label { }
2870 .browse-public-general-note-institution {
2874 .browse-public-general-note-body {
2882 #main-content-register {
2883 [% IF rtl == 't' -%]
2888 font-size: [% css_fonts.size_bigger %];
2891 #main-content-register table {
2894 border-collapse: collapse;
2897 #main-content-register td {
2898 [% IF rtl == 't' -%]
2905 #main-content-register td:not(:first-child) {
2906 [% IF rtl == 't' -%]
2907 padding-right: 20px;
2913 .patron-reg-invalid {
2916 [% IF rtl == 't' -%]
2919 padding-right: 10px;
2923 .result_footer_nav1 {
2927 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2931 .rdetail_authors_div {
2935 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2936 white-space: nowrap;
2937 display: inline-block;
2940 .result_table_title_cell {
2942 padding-bottom: 4px;
2946 font-size: [% css_fonts.size_bigger %];
2949 /* styling for sms text call number */
2951 font-family: Arial, Helvetica, sans-serif;
2952 font-size: [% css_fonts.size_medium %];
2953 background-color: [% css_colors.accent_lightest %];
2955 /* Allow text to wrap */
2956 white-space: pre-wrap; /* css-3 */
2957 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
2958 white-space: -pre-wrap; /* Opera 4-6 */
2959 white-space: -o-pre-wrap; /* Opera 7 */
2960 word-wrap: break-word; /* Internet Explorer 5.5+ */
2967 /* patron message center */
2968 #myopac_message_tbody {
2969 vertical-align: top;
2971 .myopac_message_message {
2972 white-space: pre-wrap;
2975 @media only screen and (min-width: 992px) {
2983 display:none !important;
2986 @media only screen and (max-width: 800px) {
2987 .facet_sidebar_hidden, .result_block_hidden {
2990 .facet_sidebar_visible, .result_block_visible {
2991 display: inline ! important;
2993 #acct_select, #acct_prefs_select {
2994 display: inline-block;
2996 #acct_tabs, #acct_prefs_tabs {
2999 .radio-parts-selection { width: 90%; }
3000 #list_description, #list_create_name {
3005 @media only screen and (max-width: 600px) {
3007 font-size: [% css_fonts.size_big %];
3009 span .nav_arrow_fix {
3016 #homesearch_main_logo img {
3026 #your-acct-login a {
3037 #gold-links-holder {
3040 #simple-detail-view-links {
3043 #acct_tabs a, #acct_fines_tabs a {
3044 [% IF rtl == 't' -%]
3045 border-radius: 6px 0px 0px 6px;
3046 margin: 0px 0px 0px 5px;
3048 border-radius: 6px 6px 0px 0px;
3049 margin: 0px 5px 0px 0px;
3051 padding: 2px 4px 3px 4px;
3052 font-size: [% css_fonts.size_base %];
3054 .bookbag-controls-title-block {
3055 [% IF rtl == 't' -%]
3062 .bookbag-controls-button-block {
3063 [% IF rtl == 't' -%]
3071 [% IF rtl == 't' -%]
3077 .bookbag-specific div.sort {
3078 [% IF rtl == 't' -%]
3086 margin: 5px 0px 5px 0px;
3087 border: 1px solid [% css_colors.accent_light %];
3090 .bookbag-specific div.meta {
3091 [% IF rtl == 't' -%]
3105 [% IF rtl == 't' -%]
3112 #bbag-edit-description {
3118 border:1px solid [% css_colors.accent_light %];
3121 [% IF rtl == 't' -%]
3128 .bbag-action-field {
3131 .bookbag-specific div.sort select {
3134 .bookbag-specific tr {
3136 border-bottom: 1px solid [% css_colors.border_standard %];
3138 .bookbag-specific td.list_checkbox {
3139 [% IF rtl == 't' -%]
3140 padding-right: 0px !important;
3142 padding-left: 0px !important;
3145 .bookbag-specific td.list_entry {
3146 display: inline-block;
3148 [% IF rtl == 't' -%]
3149 padding-right: 40% !important;
3151 padding-left: 40% !important;
3154 .bookbag-specific td.list_entry:before {
3155 content: attr(data-label);
3157 [% IF rtl == 't' -%]
3163 .bbag-navigate-list {
3166 .bbag-navigate-list-pages {
3167 [% IF rtl == 't' -%]
3176 background-color: transparent;
3183 #dash_wrapper .opac-button {
3186 .small_view_only, #filter_hits {
3187 display: inline !important;
3190 [% IF rtl == 't' -%]
3196 #dashboard, #dashboard_e {
3199 #holds_box form blockquote {
3200 [% IF rtl == 't' -%]
3208 #holds_box form blockquote select {
3211 #myopac_sum_fines_placehold {
3217 #list_description, #list_create_name {
3220 .results_header_lbl {
3223 .results_header_nav1 span.h1 {
3229 .start_end_links_span {
3235 .result_table_pic_header {
3236 [% IF rtl == 't' -%]
3237 padding-right: 0px !important;
3240 padding-left: 0px !important;
3243 width: 0px !important;
3251 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3254 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3255 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3258 #results_header_bar {
3259 background-color: inherit;
3261 .results_header_btns a {
3264 .adv_filter_results_hide {
3267 .adv_filter_results_show {
3270 .adv_filter_results_block_label {
3273 .adv_filter_results_group_wrapper {
3279 #rdetails_status thead {
3282 #rdetails_status tr {
3286 #rdetails_status td {
3291 background-color: [% css_colors.accent_lightest %];
3293 .copy_details_offers_row {
3294 background-color: [% css_colors.accent_lightest %];
3296 select#pickup_lib.search-wrapper-locg {
3299 #search-wrapper #search-box {
3303 #main-content-home {
3307 /* Make use of full width in mobile mode */
3308 .facet_box_wrapper .box_wrapper .box,
3309 .facet_template .facet,
3313 .facet_template .count {
3314 [% IF rtl == 't' -%]
3323 #adv_search_parent {
3324 font-size: [% css_fonts.size_smaller %];
3326 #adv_search_filters {
3331 [% IF rtl == 't' -%]
3337 .rdetail_aux_utils {
3344 div#rdetail_actions_div {
3350 #metarecord_population {
3354 .metarecord_population_span_link {
3356 .metarecord_population_item_lang {
3359 .search_catalog_lbl {
3360 [% IF rtl == 't' -%]
3365 white-space: nowrap;
3367 .adv_search_catalog_lbl {
3369 white-space: nowrap;
3371 .browse_the_catalog_lbl {
3372 white-space: nowrap;
3386 .dash_account_buttons {
3389 .searchbar { line-height: 1.5em; }
3390 #browse-controls { line-height: 1.5em; }
3391 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3398 .bookshelf table thead tr {
3401 #lowhits_help { width: inherit; }
3403 font-size: [% css_fonts.size_small %];
3404 margin: 2px 2px 0px 2px;
3405 padding: 2px 2px 5px 2px;
3406 [% IF rtl == 't' -%]
3407 border-radius: 7px 0px 0px 7px;
3409 border-radius: 7px 7px 0px 0px;
3412 #adv_global_tbody td {
3413 border-bottom: thin solid [% css_colors.accent_light %];
3415 #adv_global_addrow td {
3416 border-bottom: none;
3418 /* Force table to not be like tables anymore */
3419 table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
3422 table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
3426 /* Hide table headers (but not display: none;, for accessibility) */
3430 [% IF rtl == 't' -%]
3437 table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
3441 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3443 /* Holds history gets large white border to mimic header cell on other
3444 account screens that provide visual cue for next title. We should do
3445 the same for ebook tables too since we have no actions on those
3446 tables. If actions get added, we should move those tables out of
3449 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3450 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3452 table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
3453 /* Behave like a "row" */
3455 border-bottom: 1px solid #eee;
3457 [% IF rtl == 't' -%]
3464 table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
3465 /* Now like a table header */
3467 /* Top/left values mimic padding */
3470 [% IF rtl == 't' -%]
3475 padding-right: 10px;
3477 white-space: nowrap;
3480 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3481 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3482 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3483 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3484 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3485 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3486 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3488 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3489 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3490 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3491 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3492 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3493 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3494 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3495 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3497 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3498 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3499 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3500 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3501 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3502 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3503 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3504 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3506 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3507 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3508 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3509 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3510 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3512 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3513 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3514 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3515 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3517 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3518 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3519 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3520 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3524 /*Want to see these in mobile ONLY */
3529 .mobile_search_lbl_clr{
3530 color:[% css_colors.mobile_header_text %];
3536 For text which is visible only to screen readers.
3537 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3538 See also http://webaim.org/techniques/css/invisiblecontent/
3547 clip: rect(0, 0, 0, 0);
3551 /* Make added rows in Expert Search have bold labels like the initial row */
3558 font-weight: lighter;
3562 #results-page-depth-hint {
3567 #clear-history-confirm {
3569 color: [% css_colors.text_badnews %];
3573 /*Inline rules from other templates files*/
3576 [% IF rtl == 't' -%]
3584 [% IF rtl == 't' -%]
3590 #myopac_summary_div{padding:0px;}
3592 [% IF rtl == 't' -%]
3599 [% IF rtl == 't' -%]
3606 [% IF rtl == 't' -%]
3613 padding-bottom: 10px;
3616 [% IF rtl == 't' -%]
3617 padding-right: 10px;
3621 padding-bottom: 15px;
3623 .hold-span{font-weight: bold;}
3625 [% IF rtl == 't' -%]
3632 [% IF rtl == 't' -%]
3639 [% IF rtl == 't' -%]
3646 /* Rules from metarecord_hold_filters.tt2 */
3648 .metarecord_filters{
3651 border-bottom: 1px solid #333;
3652 border-top: 1px solid #333; }
3653 .metarecord_filter_container{
3654 [% IF rtl == 't' -%]
3662 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3663 .metarecord_filter_header{padding-bottom: 5px;}
3665 /* Toggled items. */
3666 /* A block that is initially hidden and shown by clicking an anchor. */
3667 [id^="toggled-block-"]{
3670 [id^="toggled-block-"]:target{
3673 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3674 [id^="toggled-inline-"]{
3677 [id^="toggled-inline-"]:target{
3682 font-weight: bolder;
3683 background-color: #99ff99;
3686 .oils_SH.identifier {
3687 font-weight: bolder;
3688 background-color: #42b0f4;
3690 .hold_note_title { font-weight: bold; }
3693 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td {
3694 background-color: [% css_colors.background %];
3696 border: 1px solid #d3d3d3;
3699 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_main_header th, #acct_checked_hist_header th, #acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header th, #ebook_holds_main_table th {
3700 [% IF rtl == 't' -%]
3705 padding: 0px 10px 0px 10px;
3707 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
3708 border-collapse: collapse;
3711 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3712 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3713 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3714 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3715 #hold_editor_table th {
3716 [% IF rtl == 't' -%]
3724 #hold_editor_table td { padding: 0.25em 0; }
3744 .carousel-entry-image {
3748 .carousel .glide__arrow {
3749 color: [% css_colors.button_text %];
3750 font-weight: bold !important;
3751 text-decoration: none !important;
3754 border: 1px solid [% css_colors.primary %];
3755 background-color: [% css_colors.primary_fade %];
3758 display: inline-block;
3760 .carousel .glide__arrow--right {
3763 .carousel .glide__arrow--left {
3774 display: inline-block;
3784 filter: alpha(opacity=50);
3785 background-color: #fff; /* Used if the image is unavailable */
3786 height: 500px; /* You must set a specified height */
3787 background-position: center; /* Center the image */
3788 background-repeat: no-repeat; /* Do not repeat the image */
3789 background-size: contain; /* Resize the background image to cover the entire container */
3790 background-image: url("https://evergreen-ils.org/wp-content/uploads/2018/09/Evergreen-Final-Logo.png");