2 PROCESS "opac/parts/css/colors.tt2";
3 PROCESS "opac/parts/css/fonts.tt2";
4 rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
10 -moz-column-gap: 20px;
11 -webkit-column-count: 4;
12 -webkit-column-gap: 20px;
19 border-top: 1px solid rgba(0,0,0,.1);
26 only screen and (max-width: 650px) {
28 width: 100% !important;
31 /* Force table to not be like tables anymore */
32 .miniTable table, .miniTable thead, .miniTable tbody, .miniTable th, .miniTable td, .miniTable tr
41 /* Hide table headers (but not display: none;, for accessibility) */
50 border: 1px solid #ccc;
58 border-bottom: 1px solid #eee;
73 .copyTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
74 .copyTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
75 .copyTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
76 .copyTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
77 .copyTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
78 .copyTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
79 .copyTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
80 .copyTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
81 .copyTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
82 .copyTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
84 .copyTable td:nth-of-type(1):before { content: "Library"; display: flex; }
85 .copyTable td:nth-of-type(2):before { content: "Call Number"; display: flex; }
86 .copyTable td:nth-of-type(3):before { content: "Barcode"; display: flex;}
87 .copyTable td:nth-of-type(4):before { content: "Shelving Location"; display: flex;}
88 .copyTable td:nth-of-type(5):before { content: "Status"; display: flex;}
89 .copyTable td:nth-of-type(6):before { content: "Due Date"; display: flex;}
90 .copyTable td:nth-of-type(7):before { content: "[% l('Distance') %]"; display: flex;}
92 .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
93 .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
94 .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
95 .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
96 .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
97 .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
98 .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
99 .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
100 .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
101 .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
104 .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
105 .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
106 .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
107 .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
109 .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
110 .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
111 .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
112 .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
113 .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
115 .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
116 .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
117 .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
118 .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
119 .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
120 .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
121 .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
123 .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
124 .activeHoldstable td:nth-of-type(2):before { content: "Title"; display: flex; }
125 .activeHoldstable td:nth-of-type(3):before { content: "Author"; display: flex;}
126 .activeHoldstable td:nth-of-type(4):before { content: "Format"; display: flex;}
127 .activeHoldstable td:nth-of-type(5):before { content: "Pickup Location"; display: flex;}
128 .activeHoldstable td:nth-of-type(6):before { content: "Cancel If Not Filled By"; display: flex;}
129 .activeHoldstable td:nth-of-type(7):before { content: "Status"; display: flex;}
130 .activeHoldstable td:nth-of-type(8):before { content: "Notes"; display: flex;}
132 .holdHistoryTable td:nth-of-type(1):before { content: "Title"; display: flex; }
133 .holdHistoryTable td:nth-of-type(2):before { content: "Author"; display: flex; }
134 .holdHistoryTable td:nth-of-type(3):before { content: "Format"; display: flex; }
135 .holdHistoryTable td:nth-of-type(4):before { content: "Pickup Location"; display: flex; }
136 .holdHistoryTable td:nth-of-type(5):before { content: "Status"; display: flex; }
138 .curbsideApptTable td:nth-of-type(1):before { content: "Pickup Location"; display: flex; }
139 .curbsideApptTable td:nth-of-type(2):before { content: "Date"; display: flex; }
140 .curbsideApptTable td:nth-of-type(3):before { content: "Time"; display: flex;}
141 .curbsideApptTable td:nth-of-type(4):before { content: "Arrival Notes"; display: flex;}
142 .curbsideApptTable td:nth-of-type(5):before { content: "Action"; display: flex;}
144 .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
145 .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
146 .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
147 .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
149 .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
150 .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
151 .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
152 .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
153 .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
155 .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
156 .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
157 .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
158 .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
159 .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
160 .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
161 .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
163 .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
164 .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
165 .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
166 .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
167 .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
168 .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
169 .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
170 .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
172 .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
173 .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
174 .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
175 .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
176 .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
177 .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
178 .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
180 .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
181 .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
182 .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
183 .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
184 .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
186 .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
187 .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
188 .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
189 .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
191 .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
192 .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
193 .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
194 .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
196 .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
197 .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
198 .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
199 .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
201 .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
202 .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
203 .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
205 /*Media Style Additions*/
207 padding: 5px !important;
208 text-align: center !important;
215 }/*Micro Tables End*/
221 .coverImage{position: relative;}
222 .carousel .glide__arrow{background: unset;}
229 font-size: 16pt !important;
231 font-weight: 600 !important;
235 font-size: 16pt !important;
236 font-weight: 600 !important;
239 .NovSelectImageHeadingToggle{
244 /*Novelist Styling End*/
249 color: [% css_colors.button_confirm_text %];
250 background-color: [% css_colors.button_confirm %];
251 border-color: [% css_colors.button_confirm_border %];
255 color: [% css_colors.button_confirm_text %];
256 background-color: [% css_colors.button_confirm_hover %];
257 border-color: [% css_colors.button_confirm_border_hover %];
261 color: [% css_colors.button_deny_text %];
262 background-color: [% css_colors.button_deny %];
263 border-color: [% css_colors.button_deny_border_hover %];
267 color: [% css_colors.button_deny_text %];
268 background-color: [% css_colors.button_deny_hover %];
269 border-color: [% css_colors.button_deny_border_hover %];
273 color: [% css_colors.button_remove_text %];
274 background-color: [% css_colors.button_remove %];
275 border-color: [% css_colors.button_remove_border %];
279 color: [% css_colors.button_remove_text %];
280 background-color: [% css_colors.button_remove_hover %];
281 border-color: [% css_colors.button_remove_border_hover %];
285 color: [% css_colors.opac_button_text %] !important;
286 background-color: [% css_colors.opac_button %];
287 border-color: [% css_colors.opac_button_border %];
291 color: [% css_colors.opac_button_text %];
292 background-color: [% css_colors.opac_button_hover %] !important;
293 border-color: [% css_colors.opac_button_border_hover %];
297 color: [% css_colors.action_button_text %] !important;
298 background-color: [% css_colors.action_button %];
299 border-color: [% css_colors.action_button_border %];
303 color: [% css_colors.action_button_text %];
304 background-color: [% css_colors.action_button_hover %] !important;
305 border-color: [% css_colors.action_button_border_hover %];
308 color: [% css_colors.action_button_text_anchors %];
317 color: [% css_colors.zero_count %] !important;
321 color: [% css_colors.non_zero_count %] !important;
325 padding: .25rem .25rem !important;
328 border-radius: 1rem !important;
332 .cn_browse_item .card{
335 #facets .card-header,#facets .card-header a {
336 background-color: [% css_colors.facets_back %];
337 color: [% css_colors.text_invert %]
340 .facet_template:hover{
341 background-color:#e8e8e8;
345 color: [% css_colors.text_alert %] !important;
354 color: green !important;
357 border: 1px solid black;
358 box-shadow: 2px 2px #00000054;
360 .dropdown-item.active, .dropdown-item:active{
361 color : #000 !important;
367 border: 2px solid #007bff;
373 max-width: 100px !important;
392 font-family: [% css_fonts.font_main %] !important;
393 font-size: [% css_fonts.size_base %];
394 /* background-color: [% css_colors.primary %]; */
401 font-family: [% css_fonts.font_main %] !important;
402 font-size: [% css_fonts.size_base %];
413 #homesearch_main_logo {
420 color: [% css_colors.link %];
428 #search-wrapper input[type=text] {
429 height: calc(1.8125rem + 2px);
434 #search-wrapper select, .results_header_lbl select {
435 border:1px solid [% css_colors.border_standard %];
436 height: calc(1.8125rem + 2px);
462 #search-wrapper select {
463 border:0px solid [% css_colors.border_dark %];
464 filter:alpha(opacity=0);
473 #actions .btn-action {
483 font-size: [% css_fonts.size_bigger %];
492 div.select-box-wrapper {
514 background-color: [% css_colors.primary %];
522 display:inline-block;
541 #dash_fines { color: [% css_colors.text_badnews %]; }
542 the color contrast between "text_badnews" and "primary"
543 is too low for WCAG compliance. Use "text_attention"
544 for now until a better color is picked - if needed.
547 #dash_wrapper #dash_user_message_button_container {
551 #dash_wrapper #unread_message_count_floater {
553 background-color: [% css_colors.text_alert %];
555 padding-right: 0.2em;
556 display: inline-block;
562 margin-right: -1.5em;
569 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
570 background-color: [% css_colors.header_primary_fade %];
571 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
572 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
573 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
574 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
577 color: [% css_colors.background %];
580 font-size: [% css_fonts.size_small %];
584 color: [% css_colors.background %];
588 color: [% css_colors.text_invert %];
589 text-decoration: none;
593 color: [% css_colors.text_invert %];
594 font-size: [% css_fonts.size_small %];
602 color: [% css_colors.text_invert %];
604 text-decoration: none;
614 #header-links a:hover {
615 color: [% css_colors.text_invert %];
616 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
617 text-decoration: none;
620 #header #header-links2 {
623 color: [% css_colors.text_invert %];
624 padding-bottom: 15px;
627 #header #header-links2 a {
628 color: [% css_colors.text_invert %];
631 #header #header-links2 a:hover {
632 text-decoration: underline;
660 background-color: [% css_colors.background_invert %];
674 .search_box_wrapper {
679 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
681 background-color: [% css_colors.background %];
684 #search-wrapper #breadcrumb {
686 font-size: [% css_fonts.size_smaller %];
694 #search-wrapper #search-within {
706 #search-wrapper #breadcrumb a {
707 color: [% css_colors.text %];
710 #search-wrapper #search_frm label {
711 font-size: [% css_fonts.size_smaller %];
714 #search-wrapper #search-box {
723 padding-bottom: 10px;
726 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
735 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
738 margin: 10px 0px 0px 7px;
739 border-radius: 10px 10px 0px 0px;
742 margin: 10px 7px 0px 0px;
743 border-radius: 10px 10px 0px 0px;
746 vertical-align: middle;
748 padding: 10px 0px 10px 0px;
750 color: [% css_colors.text_invert %];
751 background-color: [% css_colors.control %];
753 text-decoration: none;
756 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
757 padding: 1em 1em 0.5em;
760 #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 {
761 background-color: [% css_colors.primary %];
762 color: [% css_colors.text_invert %];
763 text-decoration: none;
766 #adv_search_filters {
781 .adv_filter_block_item {
800 padding-right: 10px !important;
802 padding-left: 10px !important;
806 #adv_search.on, #num_search.on, #expert_search.on {
807 color: [% css_colors.accent_darker %];
808 background-color: [% css_colors.background %];
809 text-decoration: none;
812 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
813 color: [% css_colors.accent_darker %];
814 background-color: [% css_colors.background %];
815 text-decoration: none;
819 background-color: [% css_colors.control %];
822 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
824 font-size: [% css_fonts.size_smaller %];
825 color: [% css_colors.accent_darker %];
826 padding: 10px 10px 10px 10px;
829 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
830 background-color: [% css_colors.accent_lightest %];
831 color: [% css_colors.accent_darker %];
834 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
835 padding-bottom: 12px;
836 color: [% css_colors.accent_medium %];
839 #acct_select, #acct_prefs_select {
843 #mobile_acct_search_links {
844 background-color: [% css_colors.primary_fade %];
849 padding: 5px 0px 6px 7px;
852 padding: 5px 7px 6px 0px;
855 border-bottom: 1px dotted [% css_colors.accent_light %];
859 color:[% css_colors.primary_fade %];
861 font-size: [% css_fonts.size_bigger %];
864 .rdetail_result_count {
865 color: [% css_colors.text %];
867 display: inline-block;
875 .rdetail_result_nav {
877 display: inline-block;
885 #rdetail_details_table {
889 #rdetail_image { border: none; }
890 #rdetail_image_cell {
903 padding: 0.5em 1em 0.5em 1em;
904 background-color: [% css_colors.accent_lighter2 %];
906 div.rdetail_uris ul li {
915 div.rdetail_show_copies {
919 div#rdetail_actions_div {
920 background-color: [% css_colors.background %];
928 span#rdetail_copy_counts {
929 display: inline-block;
942 span#rdetail_hold_counts {
943 display: inline-block;
946 span#rdetail_hold_counts p {
967 border-right: 1px dotted [% css_colors.accent_light %];
971 border-left:1px dotted [% css_colors.accent_light %];
978 border-bottom: 1px dotted [% css_colors.accent_light %];
982 div.toggle_list { padding-top: 6px; }
986 border-top: 1px dotted [% css_colors.accent_light %];
999 #metarecord_population {
1002 padding-bottom: 10px;
1005 .metarecord_population_span_link {
1009 .metarecord_population_format {
1011 display: inline-block;
1014 vertical-align: top;
1017 .metarecord_population_item_lang {
1018 display: inline-block;
1019 vertical-align: top;
1022 .metarecord_population_all {
1026 .results_aux_utils {
1027 display: table-cell;
1031 border-bottom: 1px dotted [% css_colors.accent_light %];
1033 [% IF rtl == 't' -%]
1048 #rdetails_status td {
1049 [% IF rtl == 't' -%]
1050 padding: 7px 13px 3px 0px;
1052 padding: 7px 0px 3px 13px;
1056 #rdetails_status td[headers=copy_header_library],
1057 #rdetails_status td[headers=copy_header_shelfloc] {
1058 white-space: normal;
1061 #rdetails_status thead th {
1062 [% IF rtl == 't' -%]
1063 padding: 13px 13px 13px 0px;
1066 padding: 13px 0px 13px 13px;
1069 background-color: [% css_colors.accent_lighter2 %];
1070 font-size: [% css_fonts.size_smaller %];
1074 #rdetails_status tbody td {
1075 [% IF rtl == 't' -%]
1076 padding-right: 13px;
1083 #rdetails_status tbody td.copy_note {
1084 color: [% css_colors.primary %];
1086 white-space:pre-wrap !important;
1090 #rdetails_status tbody td.copy_tag {
1091 border-color: [% css_colors.primary %];
1092 border-style: dashed;
1095 #rdetails_status tbody .copy_tag_value {
1096 font-weight: bolder;
1100 background-color: [% css_colors.primary_fade %];
1101 border: 1px solid [% css_colors.primary %];
1106 #rdetail_extras_div {
1110 .rdetail_extras_hr {
1111 [% IF rtl == 't' -%]
1119 background-color: [% css_colors.accent_light %];
1122 .rdetail_extras_link {
1124 font-size: [% css_fonts.size_smaller %];
1128 .rdetail_extras_lbl {
1129 color: [% css_colors.text_invert %];
1130 text-decoration: none;
1133 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1134 [% IF rtl == 't' -%]
1141 #rdetail_locs_expand, #rdetail_locs_collapse {
1142 [% IF rtl == 't' -%]
1151 #rdetail_anotes_div .biography {
1155 span.copy_note_label {
1159 span.copy_tag_type_label {
1163 #gbp_extra, #gbp_arrow_down_link {
1167 .almost-content-wrapper {
1168 background-color: [% css_colors.background %];
1171 #cartDropdown .dropdown-menu {
1176 background-color: [% css_colors.background %];
1181 .content-wrapper-record-page { top: -15px; position: relative; }
1183 #main-content-home {
1184 [% IF rtl == 't' -%]
1185 padding-right: 17px;
1193 [% IF rtl == 't' -%]
1202 #main-content-after-bar {
1203 [% IF rtl == 't' -%]
1212 #results_header_inner {
1213 padding-bottom: 1rem;
1217 [% IF rtl == 't' -%]
1225 background-color: [% css_colors.background %];
1228 #main-content .login_boxes {
1229 border: 1px solid [% css_colors.accent_lighter %];
1230 background-color: [% css_colors.accent_lightest %];
1231 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1232 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1233 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1234 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1235 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1236 color: [% css_colors.accent_darker %];
1239 #main-content .login_boxes h1 {
1240 font-weight: normal;
1241 font-size: [% css_fonts.size_biggest %];
1245 #main-content .left_brain {
1246 [% IF rtl == 't' -%]
1247 padding-right: 28px;
1254 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1258 background-color: [% css_colors.background %];
1259 font-size: [% css_fonts.size_bigger %];
1260 color: [% css_colors.text %];
1263 #main-content .left_brain .input_bg {
1264 [% IF rtl == 't' -%]
1265 padding: 10px 13px 0px 10px;
1267 padding:10px 10px 0px 13px;
1274 [% IF rtl == 't' -%]
1285 .login-help-button {
1286 font-size: [% css_fonts.size_biggest %];
1290 #login-failed-message {
1291 font-size: [% css_fonts.size_bigger %];
1293 color: [% css_colors.text_alert %];
1297 #holds_temp_parent td {
1298 border-bottom:1px solid [% css_colors.border_standard %];
1301 #holds_temp_parent input, #holds_temp_parent select {
1306 #holds_temp_parent tr td div.format_icon {
1312 #results_header_bar {
1313 background-color: [% css_colors.accent_medium %];
1314 border-top:1px solid [% css_colors.accent_mediumdark %];
1315 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1318 .results_header_lbl {
1319 [% IF rtl == 't' -%]
1325 color: [% css_colors.text %];
1326 /* this border is not visible, but it keeps these labels the same size
1328 border: 1px solid [% css_colors.accent_medium %];
1329 background-color: [% css_colors.accent_medium %];
1330 margin: 0.5em 0.3em;
1333 /* we need a negative margin on the select to allow the containing <label>
1334 to determine the actual size of the element. By doing this, we can increase
1335 the odds that the buttons and the select will be the same size, and therefore
1336 collapse correctly when the window width decreases */
1337 .results_header_lbl select {
1341 #limit_to_available {
1342 vertical-align: middle;
1345 .results_header_sel {
1346 [% IF rtl == 't' -%]
1355 .results_header_nav1 {
1359 .results_header_nav1 .h1 {
1360 font-size: [% css_fonts.size_bigger %];
1362 color:[% css_colors.primary_fade %];
1365 .table_no_border_space {
1366 border-spacing: 0px;
1368 .table_no_cell_pad td {
1372 border-collapse: collapse;
1375 #result_table_table {
1383 tr.result_table_row > td.results_row_count,
1384 tr.result_table_row > td.result_table_pic_header,
1385 tr.result_table_row > td.result_table_title_cell {
1386 vertical-align: top;
1390 [% IF rtl == 't' -%]
1400 tr.result_table_row:nth-child(n+2) > td {
1401 border-top: 1px solid [% css_colors.accent_lighter2 %];
1404 tr.result_table_row > td.result_table_pic_header {
1405 [% IF rtl == 't' -%]
1410 white-space: nowrap;
1414 /* styles for selecting records in the results set */
1415 .result_table_row_selected {
1416 background-color: [% css_colors.item_selected %];
1418 #selected_records_summary, #clear_basket {
1422 /* styles for the basket */
1424 [% IF rtl == 't' -%]
1432 #record_basket_icon {
1433 [% IF rtl == 't' -%]
1442 #record_basket_count_floater {
1443 background-color: #ddd;
1452 #record_basket_count_floater a {
1453 text-decoration: none;
1458 #basket_actions select {
1459 border-color: rgb(169, 169, 169);
1463 [% IF rtl == 't' -%]
1468 white-space: nowrap;
1471 .result_count_number {
1475 .result_table_subtable {
1480 div.result_table_utils_cont {
1481 [% IF rtl == 't' -%]
1490 .mylist_action:hover{
1491 text-decoration: none;
1494 #myopac_summary_div p {
1496 margin-bottom: 10px;
1499 #acct_sum_checked_table td {
1503 .zero_search_hits_main {
1504 [% IF rtl == 't' -%]
1512 .zero_search_hits_saved {
1513 [% IF rtl == 't' -%]
1524 #zero_search_hits p {
1532 #zero_search_hits #spell_check_link {
1535 #zero_search_hits #zero_hits_suggestions {
1539 [% IF rtl == 't' -%]
1545 background-color: [% css_colors.accent_light %];
1550 .results_info_table td {
1551 [% IF rtl == 't' -%]
1554 padding-right: 10px;
1558 #myopac_holds_main_table {
1559 border-collapse: collapse;
1562 #myopac_holds_main_table td {
1563 border: 1px solid [% css_colors.border_dark %];
1567 .myopac-hold-available {
1568 color: [% css_colors.text_greatnews %];
1572 .myopac-hold-suspended {
1573 color: [% css_colors.text_badnews %];
1577 #myopac_prefs_div .data_grid {
1578 border-collapse:collapse;
1581 #myopac_prefs_div .data_grid td {
1582 [% IF rtl == 't' -%]
1583 padding: 6px 17px 7px 0px;
1585 padding:6px 0px 7px 17px;
1587 background-color:[% css_colors.accent_ultralight %];
1588 border-bottom:3px solid [% css_colors.background %];
1592 [% IF rtl == 't' -%]
1593 padding: 0px 0px 0px 7px;
1595 padding: 0px 7px 0px 0px;
1598 font-size: [% css_fonts.size_bigger %];
1600 color:[% css_colors.primary_header %];
1601 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1606 font-weight: normal;
1610 [% IF rtl == 't' -%]
1620 border-collapse: collapse;
1621 background-color: [% css_colors.accent_ultralight %];
1624 .acct_sum_table tr {
1625 border-bottom: 2px solid white;
1628 .acct_sum_table td {
1633 text-transform: none;
1638 .acct_sum_table .view_link {
1639 font-weight: normal;
1643 [% IF rtl == 't' -%]
1645 padding: 15px 23px 0px 0px;
1648 padding: 15px 0px 0px 23px;
1656 [% IF rtl == 't' -%]
1657 padding-right: .5em;
1663 #myopac_sum_fines_placehold {
1664 [% IF rtl == 't' -%]
1673 .acct_holds_temp td {
1674 [% IF rtl == 't' -%]
1681 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1682 [% IF rtl == 't' -%]
1695 [% IF rtl == 't' -%]
1702 /* tables for entering payment information */
1703 #acct_fines_main_header
1708 /* tables for entering payment information */
1712 [% IF rtl == 't' -%]
1722 /* tables for entering payment information */
1723 #credit_card_info_table
1729 /* tables for entering payment information */
1730 #billing_info_table td,
1731 #credit_card_info_table td
1733 [% IF rtl == 't' -%]
1734 padding-right: .5em;
1741 /* div for the payment buttons with the total */
1746 padding: 1em 0 0 1em;
1750 /* Stripe's payment form */
1753 background-color: [% css_colors.accent_ultralight %];
1761 /* text to state what is seen on cc statement */
1766 color:[% css_colors.primary_fade %];
1770 text-transform: none;
1771 font-weight: normal;
1776 #acct_list_header select, #acct_list_header_anon select {
1778 text-transform:none;
1781 .search_catalog_lbl,
1782 .adv_search_catalog_lbl,
1783 .browse_the_catalog_lbl,
1784 .search_courses_lbl,
1785 .browse_courses_lbl {
1786 font-size: [% css_fonts.size_bigger %];
1790 font-size: [% css_fonts.size_bigger %];
1795 font-size: [% css_fonts.size_smaller %];
1802 #fines_payments_wrapper {
1807 .myopac_payments_table th {
1808 [% IF rtl == 't' -%]
1809 text-align: right; }
1815 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1816 .myopac_payments_table thead th:first-child { width: 8em; }
1817 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1818 .myopac_payments_table form { display: inline; }
1819 .myopac_payments_table input[type="submit"] { padding: 1px; }
1824 background-color: [% css_colors.accent_lighter %];
1828 font-weight: bold; color: [% css_colors.text_alert %];
1829 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1832 .payment-processing {
1834 color: [% css_colors.text_greatnews %];
1835 font-size: [% css_fonts.size_bigger %];
1836 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1839 #adv_search_input { width: 100%; }
1840 #adv_search_parent {
1844 #search-wrapper #search-submit-go,
1845 #search-wrapper #search-submit-go-1,
1846 #search-wrapper #search-submit-go-2,
1847 #search-wrapper #search-submit-go-depth {
1848 display: inline-block;
1852 #search-submit-spinner {
1856 div.adv_search_available {
1864 font-size: [% css_fonts.size_bigger %];
1869 width:100px !important;
1870 text-align: center !important;
1873 .chili_review div.chili_link div {
1877 /* styling for advanced search filters that display with searchbar */
1879 #adv_filter_results_block h4 { display: inline; }
1881 #adv_filter_results_block {
1886 .adv_filter_results_block_label {
1888 [% IF rtl == 't' -%]
1889 padding: 4px 12px 4px 0px;
1891 padding: 4px 0px 4px 12px;
1895 .adv_filter_results_group {
1897 display: inline-block;
1898 background-color: [% css_colors.accent_lighter2 %];
1899 border-style: solid;
1900 border-color: [% css_colors.accent_medium %];
1903 padding: 2px 4px 2px 4px;
1906 .adv_filter_results_group_wrapper {
1907 display: inline-block;
1908 [% IF rtl == 't' -%]
1916 .adv_filter_results_group_header {
1917 display: inline-block;
1920 .adv_filter_results_group_values {
1924 .adv_search_result_filter {
1925 display: inline-block;
1931 [% IF rtl == 't' -%]
1939 text-decoration: none;
1940 color: [% css_colors.accent_dark %];
1944 display: inline-block;
1947 #refine_search_link {
1948 display: inline-block;
1951 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1952 /* some facet styling */
1953 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1954 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1955 .facetClassLabel { font-weight: bold; text-align: center; }
1956 .facetFieldContainer { }
1957 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1958 .extraFacetFieldsWrapper { }
1959 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1960 .facetFieldLineCount {
1961 display: inline-block;
1962 border-right: 1px solid [% css_colors.accent_light %];
1963 color: [% css_colors.accent_mediumdark %];
1967 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1968 .facetFields { padding-left: 5px; }
1969 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1973 [% IF rtl == 't' -%]
1986 .facet_box_temp .header {
1988 background-color:[% css_colors.primary %];
1989 border-top-left-radius: 5px;
1990 border-top-right-radius: 5px;
1992 color:[% css_colors.text_invert %];
1996 .facet_box_temp.filter_box_temp .header {
1997 background-color: [% css_colors.background_invert %] !important;
2001 color: [% css_colors.background_invert %];
2008 .facet_box_temp .header .title {
2009 [% IF rtl == 't' -%]
2011 padding-right: 12px;
2019 /* in this context, where h4 is primarily for structure,
2020 avoid the normal large font and margin for h4's */
2021 .facet_box_temp h4 {
2026 .facet_box_temp .header a.button {
2027 [% IF rtl == 't' -%]
2035 color:[% css_colors.text_invert %];
2038 .facet_box_wrapper .box_wrapper .box {
2039 border-top:1px solid [% css_colors.border_standard %];
2040 border-left:1px solid [% css_colors.border_standard %];
2041 border-right:1px solid [% css_colors.border_standard %];
2046 .filter_box_wrapper {
2049 border: 1px solid [% css_colors.background_invert %];
2056 box-sizing: border-box;
2057 -moz-box-sizing: border-box;
2063 .facet_template div {
2064 display: table-cell;
2068 .facet_template.filter_template div {
2069 padding: 0px !important;
2072 .facet_template .count {
2074 color: [% css_colors.accent_dark %];
2077 .page-item.active .page-link {
2078 background-color: #00593d;
2079 border-color: #00593d;
2087 background-color: [% css_colors.bg_filter %];
2088 color: [% css_colors.text_filter %];
2091 .filter-header:hover{
2092 background-color: [% css_colors.bg_filter_hover %];
2096 background-color: [% css_colors.bg_extras %];
2098 .facet_template_selected {
2099 background-color: [% css_colors.accent_lighter2 %];
2100 border: 1px solid [% css_colors.accent_medium %];
2104 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2105 background-color: [% css_colors.footer_primary %];
2106 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2107 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2108 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2109 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2115 [% IF rtl == 't' -%]
2121 padding-bottom: 10px;
2122 font-size: [% css_fonts.size_small %];
2125 #footer .navbar-nav {
2126 justify-content: center;
2129 #copyright_text, #footer_logo {
2130 color: [% css_colors.footer_link %];
2131 font-size: [% css_fonts.size_small %];
2140 .advanced_div { padding-top: 15px; }
2141 #adv_global_search { width: 100%; }
2142 #adv_global_addrow td { padding-top: 7px; }
2143 [% IF rtl == 't' -%]
2144 #adv_global_addrow.td-search-left{text-align:right;}
2146 #adv_global_input_table { width: 100%; }
2147 #adv_global_input_table select { width: 7em; }
2149 font-size: [% css_fonts.size_smaller %];
2150 color: [% css_colors.text_alert %];
2152 #acct_prefs_header {
2153 [% IF rtl == 't' -%]
2159 .search_page_nav_link {
2161 [% IF rtl == 't' -%]
2167 #opac.result.sort { width: 160px; }
2168 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2170 [% IF rtl == 't' -%]
2176 color: [% css_colors.text_alert %];
2178 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2179 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2180 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2181 #adv_search_refine {
2182 [% IF rtl == 't' -%]
2187 background-color: [% css_colors.accent_lighter2 %];
2190 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2192 background-color: [% css_colors.background %];
2193 color: [% css_colors.primary %]; text-decoration: none;
2194 padding: 0; border: 0; margin: 0;
2195 vertical-align: middle;
2197 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2198 .no-dec:hover { text-decoration: none; }
2199 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2201 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2202 #account-update-email table td {
2203 [% IF rtl == 't' -%]
2208 padding: 5px 15px 5px 15px;
2209 border-bottom: 1px solid [% css_colors.accent_lighter %];
2211 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2212 a.dash-link:hover { text-decoration: underline !important; }
2213 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2214 #list_create_table {
2215 background-color: [% css_colors.accent_light %];
2216 padding-bottom: 4px;
2217 margin-bottom: 10px;
2218 border-bottom: 1px dotted [% css_colors.accent_medium %];
2221 .list_create_table_label {
2224 #list_description, #list_create_name {
2227 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2228 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2229 .results_row_count { font-weight: bold; }
2232 [% IF rtl == 't' -%]
2233 padding-right: 1em !important;
2235 padding-left: 1em !important;
2237 vertical-align: middle;
2239 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2240 .hold-editor-controls a { padding-left: 2em; }
2243 [% IF rtl == 't' -%]
2250 [% IF rtl == 't' -%]
2253 vertical-align: top;
2256 .rdetail-author-div {
2257 padding-bottom: 10px;
2258 display: inline-block;
2261 .invisible { visibility: hidden; }
2262 .rdetail-extras-summary { margin: 10px; }
2263 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2264 .expert-search tbody tr th {
2265 [% IF rtl == 't' -%]
2273 #adv_expert_row label { font-weight: bold; }
2275 .cn_browse_item { padding: 2ex; }
2276 .results-paginator-list {
2277 [% IF rtl == 't' -%]
2283 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2284 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2285 .unread-patron-message { font-weight: bold; }
2287 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2288 .hold-items-list-title {
2289 font-size: [% css_fonts.size_bigger %];
2290 margin-bottom: 20px;
2292 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2294 .hold_success_links > span { margin: 0 2em; }
2296 .radio-parts-selection {
2298 margin-bottom: 20px;
2301 .parts-radio-option {
2302 display: inline-block;
2306 .mr_holds_no_formats {
2307 [% IF rtl == 't' -%]
2315 color: [% css_colors.text_invert %];
2316 background-color: [% css_colors.primary %];
2319 .holds_item_row_separator td {
2320 border-top: 2px dashed [% css_colors.accent_medium %];
2323 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2325 .results_header_btns, .results_header_sel {
2326 [% IF rtl == 't' -%]
2334 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2335 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2338 .opac-multiline-button > a,
2339 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2340 color: [% css_colors.button_text %];
2342 text-decoration: none;
2343 cursor: pointer !important;
2345 border: 1px solid [% css_colors.primary %];
2346 background-color: [% css_colors.primary_fade %];
2349 display: inline-block;
2352 .opac-multiline-button > a:hover,
2353 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2354 background-color: [% css_colors.primary %];
2357 .opac-button:disabled {
2358 color: [% css_colors.accent_medium %];
2359 cursor: pointer !important;
2360 border: 1px solid [% css_colors.accent_light %];
2361 background-color: [% css_colors.accent_lighter %];
2364 /* Firefox adds its own special space to inputs; this gets us closer */
2365 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2370 .opac-button-header, #dash_wrapper .opac-button {
2371 background-color: [% css_colors.control %];
2372 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2373 font-size: [% css_fonts.size_base %];
2375 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2376 border-color: [% css_colors.control %];
2379 .opac-multiline-button > a {
2380 display: inline-block;
2383 #myopac_checked_div {
2387 .rdetail-mfhd-head {
2390 background-color: [% css_colors.table_heading %];
2393 .rdetail-mfhd-type {
2394 [% IF rtl == 't' -%]
2401 .rdetail-mfhd-bottom {
2402 border-bottom: thin solid [% css_colors.border_dark %];
2406 #rdetail_record_details {
2412 [% IF rtl == 't' -%]
2413 margin-right: 1.5em;
2414 padding-right: 1.5em;
2417 padding-left: 1.5em;
2421 .rdetail_content_type, .rdetail_subject_type {
2422 vertical-align: top;
2426 .bookbag-item-row td { vertical-align: top; }
2428 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2430 color: [% css_colors.text_greatnews %];
2434 .rdetail_related_subjects {
2438 .rdetail_related_series {
2446 .rdetail_openurl_entry {
2447 [% IF rtl == 't' -%]
2455 .bookbag-controls-holder { width: 100%; }
2456 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2457 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2458 .bookbag-controls-holder .most {
2459 [% IF rtl == 't' -%]
2467 .bookbag-controls-title-block {
2468 [% IF rtl == 't' -%]
2475 .bookbag-controls-button-block {
2476 [% IF rtl == 't' -%]
2483 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2484 .bookbag-share .fixed { min-width: 4em; }
2486 [% IF rtl == 't' -%]
2492 .bookbag-specific div.sort {
2493 [% IF rtl == 't' -%]
2504 .bookbag-specific div.meta {
2505 background-color: [% css_colors.accent_light %];
2506 [% IF rtl == 't' -%]
2514 border: 1px solid [% css_colors.accent_light %];
2518 #bbag-name-desc-form tr th { vertical-align: middle; }
2519 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2520 .bookbag-description {
2525 .bbag-edit-desc-label {
2526 [% IF rtl == 't' -%]
2533 .bbag-edit-desc-save {
2537 #bbag-edit-description {
2539 [% IF rtl == 't' -%]
2547 [% IF rtl == 't' -%]
2554 [% IF rtl == 't' -%]
2560 .bbag-navigate-list {
2561 [% IF rtl == 't' -%]
2562 padding-right: 32px;
2569 .bbag-navigate-list-pages {
2570 [% IF rtl == 't' -%]
2571 padding-right: 10px;
2578 textarea { font-family: sans-serif; }
2579 table.bookbag-specific {
2580 border-right: 1px solid [% css_colors.accent_dark %];
2581 border-bottom: 1px solid [% css_colors.accent_medium %];
2586 [% IF rtl == 't' -%]
2588 padding: 0px 10px 0px 0px;
2591 padding: 0px 0px 0px 10px;
2594 .bookbag-share .fixed { min-width: 6em; }
2596 [% IF rtl == 't' -%]
2598 padding: 0px 10px 0px 0px;
2601 padding: 0px 0px 0px 10px;
2604 .bookbag-specific td.list_checkbox {
2605 [% IF rtl == 't' -%]
2606 padding-right: 10px !important;
2608 padding-left: 10px !important;
2611 .bookbag-specific td.list_entry {
2613 [% IF rtl == 't' -%]
2614 padding-right: 5px !important;
2616 padding-left: 5px !important;
2619 .bookbag-specific td.list_actions {
2620 white-space: nowrap !important;
2622 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2625 padding: 8px 0px 6px 0px;
2628 font-size: [% css_fonts.size_bigger %];
2632 .save-notes { padding-bottom: 1.5ex; }
2634 .nonbreaking-wrapper {
2635 display: inline-block;
2638 /* Moved from semiauto.css */
2639 .adv_global_input_container {
2640 border-bottom: none;
2644 border-bottom: none;
2647 .adv_global_filter_sort {
2651 .clear-both { clear: both; }
2662 .opac-alert { color: [% css_colors.text_alert %]; }
2665 [% IF rtl == 't' -%]
2672 [% IF rtl == 't' -%]
2679 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2680 .saved-searches-header .button {
2681 [% IF rtl == 't' -%]
2688 .saved-searches-header .text {
2689 [% IF rtl == 't' -%]
2698 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2699 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2700 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2701 [% IF rtl == 't' -%]
2702 border-left: 1px solid [% css_colors.accent_darker %];
2704 border-right: 1px solid [% css_colors.accent_darker %];
2707 .result_item_circulated {
2711 .result_item_circulated span {
2714 [% IF rtl == 't' -%]
2721 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2722 #result-bookbag-heading { text-align: center; margin: 2ex; }
2724 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2725 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2726 .result-bookbag-item-note { font-style: italic; }
2727 .lowhits-bookbag-name { font-weight: bold; }
2728 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2729 .oils_AS_match_term {
2730 [% IF rtl == 't' -%]
2735 color: [% css_colors.text %];
2737 .oils_AS_match_field {
2738 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2739 [% IF rtl == 't' -%]
2744 color: [% css_colors.accent_medium %];
2746 table.result_holdings_table {
2750 table.result_holdings_table thead tr {
2751 background-color: [% css_colors.table_heading %];
2753 table.result_holdings_table thead tr th {
2757 margin: 0 2em 0 2em;
2760 vertical-align: super;
2761 font-size: [% css_fonts.size_smaller %];
2762 line-height: normal;
2763 text-decoration: none;
2765 .rdetail-holding-group {
2766 [% IF rtl == 't' -%]
2767 margin-right: 1.5em;
2772 .rdetail-holding-group span {
2773 [% IF rtl == 't' -%]
2774 margin-right: 1.5em;
2779 .rdetail-holding-group .paging {
2780 [% IF rtl == 't' -%]
2781 margin-right: 1.5em;
2786 #rdetail_deleted_exp {
2790 border: thick solid [% css_colors.border_alert %];
2793 #ac_tab_wrapper { width : 100%; }
2795 [% IF rtl == 't' -%]
2800 padding-right: 10px;
2802 font-size: [% css_fonts.size_big %];
2804 border: 1px solid [% css_colors.primary_offset %];
2806 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2807 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2808 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2810 /* Popmenu styles used for making css menus. */
2824 width: 10em; /* Width to help Opera out */
2825 background-color: [% css_colors.primary %];
2827 .popmenu li:hover ul {
2832 border-color: [% css_colors.border_dark %];
2834 border-style: solid;
2836 .popmenu li:hover li {
2839 .popmenu li:hover li a {
2840 background-color: [% css_colors.primary %];
2841 color: [% css_colors.accent_ultralight %];
2843 .popmenu li li a:hover {
2844 background-color: [% css_colors.accent_ultralight %];
2845 color: [% css_colors.primary %];
2847 /* Styles for the basket entry. */
2848 .popmenu li:hover li[class~="temporary"] a {
2849 background-color: [% css_colors.primary %];
2850 color: [% css_colors.accent_ultralight %];
2852 .popmenu li li[class~="temporary"] a:hover {
2853 background-color: [% css_colors.accent_ultralight %];
2854 color: [% css_colors.primary %];
2856 /* Styles for the default list entry. */
2857 .popmenu li:hover li[class~="default"] a {
2858 background-color: [% css_colors.primary %];
2859 color: [% css_colors.accent_ultralight %];
2861 .popmenu li li[class~="default"] a:hover {
2862 background-color: [% css_colors.accent_ultralight %];
2863 color: [% css_colors.primary %];
2865 /* Styles for the new list entry. */
2866 .popmenu li:hover li[class~="new"] a {
2867 background-color: [% css_colors.primary %];
2868 color: [% css_colors.accent_ultralight %];
2870 .popmenu li li[class~="new"] a:hover {
2871 background-color: [% css_colors.accent_ultralight %];
2872 color: [% css_colors.primary %];
2874 /* Style to add a divider on the menu. */
2875 .popmenu li li[class~="divider"] {
2876 border-bottom-width: 1px;
2877 border-bottom-color: [% css_colors.border_dark %];
2878 border-bottom-style: solid;
2884 #patron_usr_barcode_not_found {
2885 font-weight: bold; color: [% css_colors.text_alert %];
2898 padding-bottom: 0.5em;
2902 #maintenance_message {
2905 background-color: [% css_colors.text_alert %];
2906 color: [% css_colors.text_invert %];
2910 #search-box > span {
2917 .browse-result-sources, .browse-result-authority-bib-links {
2918 [% IF rtl == 't' -%]
2924 .browse-result-best-match {
2930 .browse-result-list {
2931 padding-bottom: 0.5ex;
2934 font-size: [% css_fonts.size_bigger %];
2936 .browse-result-authority-field-name {
2938 [% IF rtl == 't' -%]
2944 .browse-leading-article-warning {
2946 font-size: [% css_fonts.size_big %];
2948 .browse-public-general-note {
2949 font-size: [% css_fonts.size_big %];
2951 .browse-public-general-note-label { }
2952 .browse-public-general-note-institution {
2956 .browse-public-general-note-body {
2964 #main-content-register {
2965 [% IF rtl == 't' -%]
2970 font-size: [% css_fonts.size_bigger %];
2973 #main-content-register table {
2976 border-collapse: collapse;
2979 #main-content-register td {
2980 [% IF rtl == 't' -%]
2987 #main-content-register td:not(:first-child) {
2988 [% IF rtl == 't' -%]
2989 padding-right: 20px;
2995 .patron-reg-invalid {
2998 [% IF rtl == 't' -%]
3001 padding-right: 10px;
3005 .result_footer_nav1 {
3009 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
3013 .rdetail_authors_div {
3017 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3018 white-space: nowrap;
3019 display: inline-block;
3022 .result_table_title_cell {
3024 padding-bottom: 4px;
3028 font-size: [% css_fonts.size_bigger %];
3031 /* styling for sms text call number */
3033 font-family: Arial, Helvetica, sans-serif;
3034 font-size: [% css_fonts.size_medium %];
3035 background-color: [% css_colors.accent_lightest %];
3037 /* Allow text to wrap */
3038 white-space: pre-wrap; /* css-3 */
3039 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
3040 white-space: -pre-wrap; /* Opera 4-6 */
3041 white-space: -o-pre-wrap; /* Opera 7 */
3042 word-wrap: break-word; /* Internet Explorer 5.5+ */
3049 /* patron message center */
3050 #myopac_message_tbody {
3051 vertical-align: top;
3053 .myopac_message_message {
3054 white-space: pre-wrap;
3061 .browse-pager-spinner {
3062 display: inline-block;
3067 /* override a tiny bootstrap alignment issue */
3072 @media only screen and (min-width: 992px) {
3080 display:none !important;
3084 @media only screen and (max-width: 767px) {
3085 .search_box_wrapper {
3091 @media only screen and (max-width: 800px) {
3093 width: 100% !important;
3095 .facet_sidebar_hidden, .result_block_hidden {
3098 .facet_sidebar_visible, .result_block_visible {
3099 display: inline ! important;
3101 #acct_select, #acct_prefs_select {
3102 display: inline-block;
3104 #acct_tabs, #acct_prefs_tabs {
3107 .radio-parts-selection { width: 90%; }
3108 #list_description, #list_create_name {
3113 @media only screen and (max-width: 600px) {
3115 font-size: [% css_fonts.size_big %];
3117 span .nav_arrow_fix {
3124 #homesearch_main_logo img {
3134 #your-acct-login a {
3145 #gold-links-holder {
3148 #simple-detail-view-links {
3151 #acct_tabs a, #acct_fines_tabs a {
3152 [% IF rtl == 't' -%]
3153 border-radius: 6px 0px 0px 6px;
3154 margin: 0px 0px 0px 5px;
3156 border-radius: 6px 6px 0px 0px;
3157 margin: 0px 5px 0px 0px;
3159 padding: 2px 4px 3px 4px;
3160 font-size: [% css_fonts.size_base %];
3162 .bookbag-controls-title-block {
3163 [% IF rtl == 't' -%]
3170 .bookbag-controls-button-block {
3171 [% IF rtl == 't' -%]
3179 [% IF rtl == 't' -%]
3185 .bookbag-specific div.sort {
3186 [% IF rtl == 't' -%]
3194 margin: 5px 0px 5px 0px;
3195 border: 1px solid [% css_colors.accent_light %];
3198 .bookbag-specific div.meta {
3199 [% IF rtl == 't' -%]
3213 [% IF rtl == 't' -%]
3220 #bbag-edit-description {
3226 border:1px solid [% css_colors.accent_light %];
3229 [% IF rtl == 't' -%]
3236 .bbag-action-field {
3239 .bookbag-specific div.sort select {
3242 .bookbag-specific tr {
3244 border-bottom: 1px solid [% css_colors.border_standard %];
3246 .bookbag-specific td.list_checkbox {
3247 [% IF rtl == 't' -%]
3248 padding-right: 0px !important;
3250 padding-left: 0px !important;
3253 .bookbag-specific td.list_entry {
3254 display: inline-block;
3256 [% IF rtl == 't' -%]
3257 padding-right: 40% !important;
3259 padding-left: 40% !important;
3262 .bookbag-specific td.list_entry:before {
3263 content: attr(data-label);
3265 [% IF rtl == 't' -%]
3271 .bbag-navigate-list {
3274 .bbag-navigate-list-pages {
3275 [% IF rtl == 't' -%]
3284 background-color: transparent;
3291 #dash_wrapper .opac-button {
3294 .small_view_only, #filter_hits {
3295 display: inline !important;
3298 [% IF rtl == 't' -%]
3305 #holds_box form blockquote {
3306 [% IF rtl == 't' -%]
3314 #holds_box form blockquote select {
3317 #myopac_sum_fines_placehold {
3323 #list_description, #list_create_name {
3326 .results_header_lbl {
3329 .results_header_nav1 span.h1 {
3335 .start_end_links_span {
3341 .result_table_pic_header {
3342 [% IF rtl == 't' -%]
3343 padding-right: 0px !important;
3346 padding-left: 0px !important;
3349 width: 0px !important;
3357 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3360 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3361 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3364 #results_header_bar {
3365 background-color: inherit;
3367 .results_header_btns a {
3370 .adv_filter_results_hide {
3373 .adv_filter_results_show {
3376 .adv_filter_results_block_label {
3379 .adv_filter_results_group_wrapper {
3385 #rdetails_status thead {
3388 #rdetails_status tr {
3392 #rdetails_status td {
3397 background-color: [% css_colors.accent_lightest %];
3399 .copy_details_offers_row {
3400 background-color: [% css_colors.accent_lightest %];
3402 select#pickup_lib.search-wrapper-locg {
3405 #search-wrapper #search-box {
3409 #main-content-home {
3413 /* Make use of full width in mobile mode */
3414 .facet_box_wrapper .box_wrapper .box,
3415 .facet_template .facet,
3419 .facet_template .count {
3420 [% IF rtl == 't' -%]
3429 #adv_search_parent {
3430 font-size: [% css_fonts.size_smaller %];
3432 #adv_search_filters {
3437 [% IF rtl == 't' -%]
3443 .rdetail_aux_utils {
3450 div#rdetail_actions_div {
3456 #metarecord_population {
3460 .metarecord_population_span_link {
3462 .metarecord_population_item_lang {
3465 .search_catalog_lbl {
3466 [% IF rtl == 't' -%]
3471 white-space: nowrap;
3473 .adv_search_catalog_lbl {
3475 white-space: nowrap;
3477 .browse_the_catalog_lbl {
3478 white-space: nowrap;
3492 .dash_account_buttons {
3495 .searchbar { line-height: 1.5em; }
3496 #browse-controls { line-height: 1.5em; }
3497 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3504 .bookshelf table thead tr {
3507 #lowhits_help { width: inherit; }
3509 font-size: [% css_fonts.size_small %];
3510 margin: 2px 2px 0px 2px;
3511 padding: 2px 2px 5px 2px;
3512 [% IF rtl == 't' -%]
3513 border-radius: 7px 0px 0px 7px;
3515 border-radius: 7px 7px 0px 0px;
3518 #adv_global_tbody td {
3519 border-bottom: thin solid [% css_colors.accent_light %];
3521 #adv_global_addrow td {
3522 border-bottom: none;
3524 /* Force table to not be like tables anymore */
3525 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 {
3528 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 {
3532 /* Hide table headers (but not display: none;, for accessibility) */
3536 [% IF rtl == 't' -%]
3543 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 {
3547 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3549 /* Holds history gets large white border to mimic header cell on other
3550 account screens that provide visual cue for next title. We should do
3551 the same for ebook tables too since we have no actions on those
3552 tables. If actions get added, we should move those tables out of
3555 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3556 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3558 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 {
3559 /* Behave like a "row" */
3561 border-bottom: 1px solid #eee;
3563 [% IF rtl == 't' -%]
3570 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 {
3571 /* Now like a table header */
3573 /* Top/left values mimic padding */
3576 [% IF rtl == 't' -%]
3581 padding-right: 10px;
3583 white-space: nowrap;
3586 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3587 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3588 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3589 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3590 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3591 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3592 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3594 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3595 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3596 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3597 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3598 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3599 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3600 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3601 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3603 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3604 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3605 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3606 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3607 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3608 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3609 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3610 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3612 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3613 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3614 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3615 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3616 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3618 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3619 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3620 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3621 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3623 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3624 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3625 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3626 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3630 /*Want to see these in mobile ONLY */
3635 .mobile_search_lbl_clr{
3636 color:[% css_colors.mobile_header_text %];
3642 For text which is visible only to screen readers.
3643 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3644 See also http://webaim.org/techniques/css/invisiblecontent/
3653 clip: rect(0, 0, 0, 0);
3657 /* Make added rows in Expert Search have bold labels like the initial row */
3664 font-weight: lighter;
3668 #results-page-depth-hint {
3673 #clear-history-confirm {
3675 color: [% css_colors.text_badnews %];
3679 /*Inline rules from other templates files*/
3682 [% IF rtl == 't' -%]
3690 [% IF rtl == 't' -%]
3696 #myopac_summary_div{padding:0px;}
3698 [% IF rtl == 't' -%]
3705 [% IF rtl == 't' -%]
3712 [% IF rtl == 't' -%]
3719 padding-bottom: 10px;
3722 [% IF rtl == 't' -%]
3723 padding-right: 10px;
3727 padding-bottom: 15px;
3729 .hold-span{font-weight: bold;}
3731 [% IF rtl == 't' -%]
3738 [% IF rtl == 't' -%]
3745 [% IF rtl == 't' -%]
3752 /* Rules from metarecord_hold_filters.tt2 */
3754 .metarecord_filters{
3757 border-bottom: 1px solid #333;
3758 border-top: 1px solid #333; }
3759 .metarecord_filter_container{
3760 [% IF rtl == 't' -%]
3768 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3769 .metarecord_filter_header{padding-bottom: 5px;}
3771 /* Toggled items. */
3772 /* A block that is initially hidden and shown by clicking an anchor. */
3773 [id^="toggled-block-"]{
3776 [id^="toggled-block-"]:target{
3779 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3780 [id^="toggled-inline-"]{
3783 [id^="toggled-inline-"]:target{
3788 font-weight: bolder;
3789 background-color: #99ff99;
3792 .oils_SH.identifier {
3793 font-weight: bolder;
3794 background-color: #42b0f4;
3796 .hold_note_title { font-weight: bold; }
3799 #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 {
3800 background-color: [% css_colors.background %];
3802 border: 1px solid #d3d3d3;
3805 #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 {
3806 [% IF rtl == 't' -%]
3811 padding: 0px 10px 0px 10px;
3813 #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 {
3814 border-collapse: collapse;
3817 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3818 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3819 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3820 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3821 #hold_editor_table th {
3822 [% IF rtl == 't' -%]
3830 #hold_editor_table td { padding: 0.25em 0; }
3854 .carousel-entry-image {
3858 .carousel .glide__arrow {
3859 color: [% css_colors.button_text %];
3860 font-weight: bold !important;
3861 text-decoration: none !important;
3864 border: 1px solid [% css_colors.primary %];
3865 background-color: [% css_colors.primary_fade %];
3868 display: inline-block;
3870 .carousel .glide__arrow--right {
3873 .carousel .glide__arrow--left {
3879 white-space: nowrap;
3885 display: inline-block;
3891 filter: alpha(opacity=50);
3892 background-color: #fff; /* Used if the image is unavailable */
3893 height: 500px; /* You must set a specified height */
3894 background-position: center; /* Center the image */
3895 background-repeat: no-repeat; /* Do not repeat the image */
3896 background-size: contain; /* Resize the background image to cover the entire container */
3897 background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3901 .navbar-dark .navbar-nav .nav-link{
3902 color: #fff !important;
3913 .checkCell{width:30px;}
3915 @media (min-width: 650px){
3917 max-width: 600px !important;
3926 .facet_box_wrapper .card-header{
3927 background-color: [% css_colors.facets_back %];
3928 color: [% css_colors.facets_text %];
3930 .facet_box_wrapper .card-body {
3937 transform: translateY(-50%);
3945 background-color: #c8ffaf;
3949 text-align:left !important;
3958 .my_nav .dropdown button {
3962 .my_nav .dropdown-toggle::after{
3964 margin: 5px 0 0 5px;
3967 .dropdown-item:active {
3968 background-color: #EDFFCC;
3971 .my_nav .fas, .mynav .far{
3980 color: [% css_colors.link %];
3983 .page-item.active .page-link {
3984 background-color: [% css_colors.link %];
3985 border-color: [% css_colors.link %];
3988 .btn-outline-primary {
3989 border-color: [% css_colors.link %];
3990 color: [% css_colors.link %];
3993 .btn-outline-primary:hover {
3994 color: [% css_colors.button_confirm_text %];
3995 background-color: [% css_colors.button_confirm_hover %];
3996 border-color: [% css_colors.button_confirm_border_hover %];
3999 #rdetail_extras_div .card-header {
4000 background-color: #007a54;
4003 #rdetail_extras_div .card-header a {
4007 #record_actions .btn {
4011 .alert-danger a:link,
4012 .alert-danger a:visited {
4016 .language_form button {
4021 color:[% css_colors.footer_link %];
4023 .language_form button:disabled {
4024 color:[% css_colors.footer_link_disabled %];
4030 color:[% css_colors.footer_link %];