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;
377 max-width: 150px !important;
396 font-family: [% css_fonts.font_main %] !important;
397 font-size: [% css_fonts.size_base %];
398 /* background-color: [% css_colors.primary %]; */
405 font-family: [% css_fonts.font_main %] !important;
406 font-size: [% css_fonts.size_base %];
417 #homesearch_main_logo {
424 color: [% css_colors.link %];
432 #search-wrapper input[type=text] {
433 height: calc(1.8125rem + 2px);
438 #search-wrapper select, .results_header_lbl select {
439 border:1px solid [% css_colors.border_standard %];
440 height: calc(1.8125rem + 2px);
466 #search-wrapper select {
467 border:0px solid [% css_colors.border_dark %];
468 filter:alpha(opacity=0);
477 #actions .btn-action {
487 font-size: [% css_fonts.size_bigger %];
496 div.select-box-wrapper {
518 background-color: [% css_colors.primary %];
526 display:inline-block;
545 #dash_fines { color: [% css_colors.text_badnews %]; }
546 the color contrast between "text_badnews" and "primary"
547 is too low for WCAG compliance. Use "text_attention"
548 for now until a better color is picked - if needed.
551 #dash_wrapper #dash_user_message_button_container {
555 #dash_wrapper #unread_message_count_floater {
557 background-color: [% css_colors.text_alert %];
559 padding-right: 0.2em;
560 display: inline-block;
566 margin-right: -1.5em;
573 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
574 background-color: [% css_colors.header_primary_fade %];
575 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
576 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
577 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
578 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
581 color: [% css_colors.background %];
584 font-size: [% css_fonts.size_small %];
588 color: [% css_colors.background %];
592 color: [% css_colors.text_invert %];
593 text-decoration: none;
597 color: [% css_colors.text_invert %];
598 font-size: [% css_fonts.size_small %];
606 color: [% css_colors.text_invert %];
608 text-decoration: none;
618 #header-links a:hover {
619 color: [% css_colors.text_invert %];
620 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
621 text-decoration: none;
624 #header #header-links2 {
627 color: [% css_colors.text_invert %];
628 padding-bottom: 15px;
631 #header #header-links2 a {
632 color: [% css_colors.text_invert %];
635 #header #header-links2 a:hover {
636 text-decoration: underline;
664 background-color: [% css_colors.background_invert %];
678 .search_box_wrapper {
683 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
685 background-color: [% css_colors.background %];
688 #search-wrapper #breadcrumb {
690 font-size: [% css_fonts.size_smaller %];
698 #search-wrapper #search-within {
710 #search-wrapper #breadcrumb a {
711 color: [% css_colors.text %];
714 #search-wrapper #search_frm label {
715 font-size: [% css_fonts.size_smaller %];
718 #search-wrapper #search-box {
727 padding-bottom: 10px;
730 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
739 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
742 margin: 10px 0px 0px 7px;
743 border-radius: 10px 10px 0px 0px;
746 margin: 10px 7px 0px 0px;
747 border-radius: 10px 10px 0px 0px;
750 vertical-align: middle;
752 padding: 10px 0px 10px 0px;
754 color: [% css_colors.text_invert %];
755 background-color: [% css_colors.control %];
757 text-decoration: none;
760 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
761 padding: 1em 1em 0.5em;
764 #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 {
765 background-color: [% css_colors.primary %];
766 color: [% css_colors.text_invert %];
767 text-decoration: none;
770 #adv_search_filters {
785 .adv_filter_block_item {
804 padding-right: 10px !important;
806 padding-left: 10px !important;
810 #adv_search.on, #num_search.on, #expert_search.on {
811 color: [% css_colors.accent_darker %];
812 background-color: [% css_colors.background %];
813 text-decoration: none;
816 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
817 color: [% css_colors.accent_darker %];
818 background-color: [% css_colors.background %];
819 text-decoration: none;
823 background-color: [% css_colors.control %];
826 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
828 font-size: [% css_fonts.size_smaller %];
829 color: [% css_colors.accent_darker %];
830 padding: 10px 10px 10px 10px;
833 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
834 background-color: [% css_colors.accent_lightest %];
835 color: [% css_colors.accent_darker %];
838 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
839 padding-bottom: 12px;
840 color: [% css_colors.accent_medium %];
843 #acct_select, #acct_prefs_select {
847 #mobile_acct_search_links {
848 background-color: [% css_colors.primary_fade %];
853 padding: 5px 0px 6px 7px;
856 padding: 5px 7px 6px 0px;
859 border-bottom: 1px dotted [% css_colors.accent_light %];
863 color:[% css_colors.primary_fade %];
865 font-size: [% css_fonts.size_bigger %];
868 .rdetail_result_count {
869 color: [% css_colors.text %];
871 display: inline-block;
879 .rdetail_result_nav {
881 display: inline-block;
889 #rdetail_details_table {
893 #rdetail_image { border: none; }
894 #rdetail_image_cell {
907 padding: 0.5em 1em 0.5em 1em;
908 background-color: [% css_colors.accent_lighter2 %];
910 div.rdetail_uris ul li {
919 div.rdetail_show_copies {
923 div#rdetail_actions_div {
924 background-color: [% css_colors.background %];
932 span#rdetail_copy_counts {
933 display: inline-block;
946 span#rdetail_hold_counts {
947 display: inline-block;
950 span#rdetail_hold_counts p {
971 border-right: 1px dotted [% css_colors.accent_light %];
975 border-left:1px dotted [% css_colors.accent_light %];
982 border-bottom: 1px dotted [% css_colors.accent_light %];
986 div.toggle_list { padding-top: 6px; }
990 border-top: 1px dotted [% css_colors.accent_light %];
1003 #metarecord_population {
1006 padding-bottom: 10px;
1009 .metarecord_population_span_link {
1013 .metarecord_population_format {
1015 display: inline-block;
1018 vertical-align: top;
1021 .metarecord_population_item_lang {
1022 display: inline-block;
1023 vertical-align: top;
1026 .metarecord_population_all {
1030 .results_aux_utils {
1031 display: table-cell;
1035 border-bottom: 1px dotted [% css_colors.accent_light %];
1037 [% IF rtl == 't' -%]
1052 #rdetails_status td {
1053 [% IF rtl == 't' -%]
1054 padding: 7px 13px 3px 0px;
1056 padding: 7px 0px 3px 13px;
1060 #rdetails_status td[headers=copy_header_library],
1061 #rdetails_status td[headers=copy_header_shelfloc] {
1062 white-space: normal;
1065 #rdetails_status thead th {
1066 [% IF rtl == 't' -%]
1067 padding: 13px 13px 13px 0px;
1070 padding: 13px 0px 13px 13px;
1073 background-color: [% css_colors.accent_lighter2 %];
1074 font-size: [% css_fonts.size_smaller %];
1078 #rdetails_status tbody td {
1079 [% IF rtl == 't' -%]
1080 padding-right: 13px;
1087 #rdetails_status tbody td.copy_note {
1088 color: [% css_colors.primary %];
1090 white-space:pre-wrap !important;
1094 #rdetails_status tbody td.copy_tag {
1095 border-color: [% css_colors.primary %];
1096 border-style: dashed;
1099 #rdetails_status tbody .copy_tag_value {
1100 font-weight: bolder;
1104 background-color: [% css_colors.primary_fade %];
1105 border: 1px solid [% css_colors.primary %];
1110 #rdetail_extras_div {
1114 .rdetail_extras_hr {
1115 [% IF rtl == 't' -%]
1123 background-color: [% css_colors.accent_light %];
1126 .rdetail_extras_link {
1128 font-size: [% css_fonts.size_smaller %];
1132 .rdetail_extras_lbl {
1133 color: [% css_colors.text_invert %];
1134 text-decoration: none;
1137 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1138 [% IF rtl == 't' -%]
1145 #rdetail_locs_expand, #rdetail_locs_collapse {
1146 [% IF rtl == 't' -%]
1155 #rdetail_anotes_div .biography {
1159 span.copy_note_label {
1163 span.copy_tag_type_label {
1167 #gbp_extra, #gbp_arrow_down_link {
1171 .almost-content-wrapper {
1172 background-color: [% css_colors.background %];
1175 #cartDropdown .dropdown-menu {
1180 background-color: [% css_colors.background %];
1185 .content-wrapper-record-page { top: -15px; position: relative; }
1187 #main-content-home {
1188 [% IF rtl == 't' -%]
1189 padding-right: 17px;
1197 [% IF rtl == 't' -%]
1206 #main-content-after-bar {
1207 [% IF rtl == 't' -%]
1216 #results_header_inner {
1217 padding-bottom: 1rem;
1221 [% IF rtl == 't' -%]
1229 background-color: [% css_colors.background %];
1232 #main-content .login_boxes {
1233 border: 1px solid [% css_colors.accent_lighter %];
1234 background-color: [% css_colors.accent_lightest %];
1235 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1236 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1237 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1238 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1239 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1240 color: [% css_colors.accent_darker %];
1243 #main-content .login_boxes h1 {
1244 font-weight: normal;
1245 font-size: [% css_fonts.size_biggest %];
1249 #main-content .left_brain {
1250 [% IF rtl == 't' -%]
1251 padding-right: 28px;
1258 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1262 background-color: [% css_colors.background %];
1263 font-size: [% css_fonts.size_bigger %];
1264 color: [% css_colors.text %];
1267 #main-content .left_brain .input_bg {
1268 [% IF rtl == 't' -%]
1269 padding: 10px 13px 0px 10px;
1271 padding:10px 10px 0px 13px;
1278 [% IF rtl == 't' -%]
1289 .login-help-button {
1290 font-size: [% css_fonts.size_biggest %];
1294 #login-failed-message {
1295 font-size: [% css_fonts.size_bigger %];
1297 color: [% css_colors.text_alert %];
1301 #holds_temp_parent td {
1302 border-bottom:1px solid [% css_colors.border_standard %];
1305 #holds_temp_parent input, #holds_temp_parent select {
1310 #holds_temp_parent tr td div.format_icon {
1316 #results_header_bar {
1317 background-color: [% css_colors.accent_medium %];
1318 border-top:1px solid [% css_colors.accent_mediumdark %];
1319 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1322 .results_header_lbl {
1323 [% IF rtl == 't' -%]
1329 color: [% css_colors.text %];
1330 /* this border is not visible, but it keeps these labels the same size
1332 border: 1px solid [% css_colors.accent_medium %];
1333 background-color: [% css_colors.accent_medium %];
1334 margin: 0.5em 0.3em;
1337 /* we need a negative margin on the select to allow the containing <label>
1338 to determine the actual size of the element. By doing this, we can increase
1339 the odds that the buttons and the select will be the same size, and therefore
1340 collapse correctly when the window width decreases */
1341 .results_header_lbl select {
1345 #limit_to_available {
1346 vertical-align: middle;
1349 .results_header_sel {
1350 [% IF rtl == 't' -%]
1359 .results_header_nav1 {
1363 .results_header_nav1 .h1 {
1364 font-size: [% css_fonts.size_bigger %];
1366 color:[% css_colors.primary_fade %];
1369 .table_no_border_space {
1370 border-spacing: 0px;
1372 .table_no_cell_pad td {
1376 border-collapse: collapse;
1379 #result_table_table {
1387 tr.result_table_row > td.results_row_count,
1388 tr.result_table_row > td.result_table_pic_header,
1389 tr.result_table_row > td.result_table_title_cell {
1390 vertical-align: top;
1394 [% IF rtl == 't' -%]
1404 tr.result_table_row:nth-child(n+2) > td {
1405 border-top: 1px solid [% css_colors.accent_lighter2 %];
1408 tr.result_table_row > td.result_table_pic_header {
1409 [% IF rtl == 't' -%]
1414 white-space: nowrap;
1418 /* styles for selecting records in the results set */
1419 .result_table_row_selected {
1420 background-color: [% css_colors.item_selected %];
1422 #selected_records_summary, #clear_basket {
1426 /* styles for the basket */
1428 [% IF rtl == 't' -%]
1436 #record_basket_icon {
1437 [% IF rtl == 't' -%]
1446 #record_basket_count_floater {
1447 background-color: #ddd;
1456 #record_basket_count_floater a {
1457 text-decoration: none;
1462 #basket_actions select {
1463 border-color: rgb(169, 169, 169);
1467 [% IF rtl == 't' -%]
1472 white-space: nowrap;
1475 .result_count_number {
1479 .result_table_subtable {
1484 div.result_table_utils_cont {
1485 [% IF rtl == 't' -%]
1494 .mylist_action:hover{
1495 text-decoration: none;
1498 #myopac_summary_div p {
1500 margin-bottom: 10px;
1503 #acct_sum_checked_table td {
1507 .zero_search_hits_main {
1508 [% IF rtl == 't' -%]
1516 .zero_search_hits_saved {
1517 [% IF rtl == 't' -%]
1528 #zero_search_hits p {
1536 #zero_search_hits #spell_check_link {
1539 #zero_search_hits #zero_hits_suggestions {
1543 [% IF rtl == 't' -%]
1549 background-color: [% css_colors.accent_light %];
1554 .results_info_table td {
1555 [% IF rtl == 't' -%]
1558 padding-right: 10px;
1562 #myopac_holds_main_table {
1563 border-collapse: collapse;
1566 #myopac_holds_main_table td {
1567 border: 1px solid [% css_colors.border_dark %];
1571 .myopac-hold-available {
1572 color: [% css_colors.text_greatnews %];
1576 .myopac-hold-suspended {
1577 color: [% css_colors.text_badnews %];
1581 #myopac_prefs_div .data_grid {
1582 border-collapse:collapse;
1585 #myopac_prefs_div .data_grid td {
1586 [% IF rtl == 't' -%]
1587 padding: 6px 17px 7px 0px;
1589 padding:6px 0px 7px 17px;
1591 background-color:[% css_colors.accent_ultralight %];
1592 border-bottom:3px solid [% css_colors.background %];
1596 [% IF rtl == 't' -%]
1597 padding: 0px 0px 0px 7px;
1599 padding: 0px 7px 0px 0px;
1602 font-size: [% css_fonts.size_bigger %];
1604 color:[% css_colors.primary_header %];
1605 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1610 font-weight: normal;
1614 [% IF rtl == 't' -%]
1624 border-collapse: collapse;
1625 background-color: [% css_colors.accent_ultralight %];
1628 .acct_sum_table tr {
1629 border-bottom: 2px solid white;
1632 .acct_sum_table td {
1637 text-transform: none;
1642 .acct_sum_table .view_link {
1643 font-weight: normal;
1647 [% IF rtl == 't' -%]
1649 padding: 15px 23px 0px 0px;
1652 padding: 15px 0px 0px 23px;
1660 [% IF rtl == 't' -%]
1661 padding-right: .5em;
1667 #myopac_sum_fines_placehold {
1668 [% IF rtl == 't' -%]
1677 .acct_holds_temp td {
1678 [% IF rtl == 't' -%]
1685 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1686 [% IF rtl == 't' -%]
1699 [% IF rtl == 't' -%]
1706 /* tables for entering payment information */
1707 #acct_fines_main_header
1712 /* tables for entering payment information */
1716 [% IF rtl == 't' -%]
1726 /* tables for entering payment information */
1727 #credit_card_info_table
1733 /* tables for entering payment information */
1734 #billing_info_table td,
1735 #credit_card_info_table td
1737 [% IF rtl == 't' -%]
1738 padding-right: .5em;
1745 /* div for the payment buttons with the total */
1750 padding: 1em 0 0 1em;
1754 /* Stripe's payment form */
1757 background-color: [% css_colors.accent_ultralight %];
1765 /* text to state what is seen on cc statement */
1770 color:[% css_colors.primary_fade %];
1774 text-transform: none;
1775 font-weight: normal;
1780 #acct_list_header select, #acct_list_header_anon select {
1782 text-transform:none;
1785 .search_catalog_lbl,
1786 .adv_search_catalog_lbl,
1787 .browse_the_catalog_lbl,
1788 .search_courses_lbl,
1789 .browse_courses_lbl {
1790 font-size: [% css_fonts.size_bigger %];
1794 font-size: [% css_fonts.size_bigger %];
1799 font-size: [% css_fonts.size_smaller %];
1806 #fines_payments_wrapper {
1811 .myopac_payments_table th {
1812 [% IF rtl == 't' -%]
1813 text-align: right; }
1819 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1820 .myopac_payments_table thead th:first-child { width: 8em; }
1821 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1822 .myopac_payments_table form { display: inline; }
1823 .myopac_payments_table input[type="submit"] { padding: 1px; }
1828 background-color: [% css_colors.accent_lighter %];
1832 font-weight: bold; color: [% css_colors.text_alert %];
1833 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1836 .payment-processing {
1838 color: [% css_colors.text_greatnews %];
1839 font-size: [% css_fonts.size_bigger %];
1840 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1843 #adv_search_input { width: 100%; }
1844 #adv_search_parent {
1848 #search-wrapper #search-submit-go,
1849 #search-wrapper #search-submit-go-1,
1850 #search-wrapper #search-submit-go-2,
1851 #search-wrapper #search-submit-go-depth {
1852 display: inline-block;
1856 #search-submit-spinner {
1860 div.adv_search_available {
1868 font-size: [% css_fonts.size_bigger %];
1873 width:100px !important;
1874 text-align: center !important;
1877 .chili_review div.chili_link div {
1881 /* styling for advanced search filters that display with searchbar */
1883 #adv_filter_results_block h4 { display: inline; }
1885 #adv_filter_results_block {
1890 .adv_filter_results_block_label {
1892 [% IF rtl == 't' -%]
1893 padding: 4px 12px 4px 0px;
1895 padding: 4px 0px 4px 12px;
1899 .adv_filter_results_group {
1901 display: inline-block;
1902 background-color: [% css_colors.accent_lighter2 %];
1903 border-style: solid;
1904 border-color: [% css_colors.accent_medium %];
1907 padding: 2px 4px 2px 4px;
1910 .adv_filter_results_group_wrapper {
1911 display: inline-block;
1912 [% IF rtl == 't' -%]
1920 .adv_filter_results_group_header {
1921 display: inline-block;
1924 .adv_filter_results_group_values {
1928 .adv_search_result_filter {
1929 display: inline-block;
1935 [% IF rtl == 't' -%]
1943 text-decoration: none;
1944 color: [% css_colors.accent_dark %];
1948 display: inline-block;
1951 #refine_search_link {
1952 display: inline-block;
1955 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1956 /* some facet styling */
1957 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1958 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1959 .facetClassLabel { font-weight: bold; text-align: center; }
1960 .facetFieldContainer { }
1961 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1962 .extraFacetFieldsWrapper { }
1963 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1964 .facetFieldLineCount {
1965 display: inline-block;
1966 border-right: 1px solid [% css_colors.accent_light %];
1967 color: [% css_colors.accent_mediumdark %];
1971 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1972 .facetFields { padding-left: 5px; }
1973 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1977 [% IF rtl == 't' -%]
1990 .facet_box_temp .header {
1992 background-color:[% css_colors.primary %];
1993 border-top-left-radius: 5px;
1994 border-top-right-radius: 5px;
1996 color:[% css_colors.text_invert %];
2000 .facet_box_temp.filter_box_temp .header {
2001 background-color: [% css_colors.background_invert %] !important;
2005 color: [% css_colors.background_invert %];
2012 .facet_box_temp .header .title {
2013 [% IF rtl == 't' -%]
2015 padding-right: 12px;
2023 /* in this context, where h4 is primarily for structure,
2024 avoid the normal large font and margin for h4's */
2025 .facet_box_temp h4 {
2030 .facet_box_temp .header a.button {
2031 [% IF rtl == 't' -%]
2039 color:[% css_colors.text_invert %];
2042 .facet_box_wrapper .box_wrapper .box {
2043 border-top:1px solid [% css_colors.border_standard %];
2044 border-left:1px solid [% css_colors.border_standard %];
2045 border-right:1px solid [% css_colors.border_standard %];
2050 .filter_box_wrapper {
2053 border: 1px solid [% css_colors.background_invert %];
2060 box-sizing: border-box;
2061 -moz-box-sizing: border-box;
2067 .facet_template div {
2068 display: table-cell;
2072 .facet_template.filter_template div {
2073 padding: 0px !important;
2076 .facet_template .count {
2078 color: [% css_colors.accent_dark %];
2081 .page-item.active .page-link {
2082 background-color: #00593d;
2083 border-color: #00593d;
2091 background-color: [% css_colors.bg_filter %];
2092 color: [% css_colors.text_filter %];
2095 .filter-header:hover{
2096 background-color: [% css_colors.bg_filter_hover %];
2100 background-color: [% css_colors.bg_extras %];
2102 .facet_template_selected {
2103 background-color: [% css_colors.accent_lighter2 %];
2104 border: 1px solid [% css_colors.accent_medium %];
2108 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2109 background-color: [% css_colors.footer_primary %];
2110 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2111 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2112 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2113 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2119 [% IF rtl == 't' -%]
2125 padding-bottom: 10px;
2126 font-size: [% css_fonts.size_small %];
2129 #footer .navbar-nav {
2130 justify-content: center;
2133 #copyright_text, #footer_logo {
2134 color: [% css_colors.footer_link %];
2135 font-size: [% css_fonts.size_small %];
2144 .advanced_div { padding-top: 15px; }
2145 #adv_global_search { width: 100%; }
2146 #adv_global_addrow td { padding-top: 7px; }
2147 [% IF rtl == 't' -%]
2148 #adv_global_addrow.td-search-left{text-align:right;}
2150 #adv_global_input_table { width: 100%; }
2151 #adv_global_input_table select { width: 7em; }
2153 font-size: [% css_fonts.size_smaller %];
2154 color: [% css_colors.text_alert %];
2156 #acct_prefs_header {
2157 [% IF rtl == 't' -%]
2163 .search_page_nav_link {
2165 [% IF rtl == 't' -%]
2171 #opac.result.sort { width: 160px; }
2172 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2174 [% IF rtl == 't' -%]
2180 color: [% css_colors.text_alert %];
2182 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2183 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2184 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2185 #adv_search_refine {
2186 [% IF rtl == 't' -%]
2191 background-color: [% css_colors.accent_lighter2 %];
2194 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2196 background-color: [% css_colors.background %];
2197 color: [% css_colors.primary %]; text-decoration: none;
2198 padding: 0; border: 0; margin: 0;
2199 vertical-align: middle;
2201 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2202 .no-dec:hover { text-decoration: none; }
2203 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2205 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2206 #account-update-email table td {
2207 [% IF rtl == 't' -%]
2212 padding: 5px 15px 5px 15px;
2213 border-bottom: 1px solid [% css_colors.accent_lighter %];
2215 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2216 a.dash-link:hover { text-decoration: underline !important; }
2217 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2218 #list_create_table {
2219 background-color: [% css_colors.accent_light %];
2220 padding-bottom: 4px;
2221 margin-bottom: 10px;
2222 border-bottom: 1px dotted [% css_colors.accent_medium %];
2225 .list_create_table_label {
2228 #list_description, #list_create_name {
2231 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2232 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2233 .results_row_count { font-weight: bold; }
2236 [% IF rtl == 't' -%]
2237 padding-right: 1em !important;
2239 padding-left: 1em !important;
2241 vertical-align: middle;
2243 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2244 .hold-editor-controls a { padding-left: 2em; }
2247 [% IF rtl == 't' -%]
2254 [% IF rtl == 't' -%]
2257 vertical-align: top;
2260 .rdetail-author-div {
2261 padding-bottom: 10px;
2262 display: inline-block;
2265 .invisible { visibility: hidden; }
2266 .rdetail-extras-summary { margin: 10px; }
2267 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2268 .expert-search tbody tr th {
2269 [% IF rtl == 't' -%]
2277 #adv_expert_row label { font-weight: bold; }
2279 .cn_browse_item { padding: 2ex; }
2280 .results-paginator-list {
2281 [% IF rtl == 't' -%]
2287 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2288 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2289 .unread-patron-message { font-weight: bold; }
2291 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2292 .hold-items-list-title {
2293 font-size: [% css_fonts.size_bigger %];
2294 margin-bottom: 20px;
2296 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2298 .hold_success_links > span { margin: 0 2em; }
2300 .radio-parts-selection {
2302 margin-bottom: 20px;
2305 .parts-radio-option {
2306 display: inline-block;
2310 .mr_holds_no_formats {
2311 [% IF rtl == 't' -%]
2319 color: [% css_colors.text_invert %];
2320 background-color: [% css_colors.primary %];
2323 .holds_item_row_separator td {
2324 border-top: 2px dashed [% css_colors.accent_medium %];
2327 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2329 .results_header_btns, .results_header_sel {
2330 [% IF rtl == 't' -%]
2338 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2339 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2342 .opac-multiline-button > a,
2343 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2344 color: [% css_colors.button_text %];
2346 text-decoration: none;
2347 cursor: pointer !important;
2349 border: 1px solid [% css_colors.primary %];
2350 background-color: [% css_colors.primary_fade %];
2353 display: inline-block;
2356 .opac-multiline-button > a:hover,
2357 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2358 background-color: [% css_colors.primary %];
2361 .opac-button:disabled {
2362 color: [% css_colors.accent_medium %];
2363 cursor: pointer !important;
2364 border: 1px solid [% css_colors.accent_light %];
2365 background-color: [% css_colors.accent_lighter %];
2368 /* Firefox adds its own special space to inputs; this gets us closer */
2369 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2374 .opac-button-header, #dash_wrapper .opac-button {
2375 background-color: [% css_colors.control %];
2376 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2377 font-size: [% css_fonts.size_base %];
2379 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2380 border-color: [% css_colors.control %];
2383 .opac-multiline-button > a {
2384 display: inline-block;
2387 #myopac_checked_div {
2391 .rdetail-mfhd-head {
2394 background-color: [% css_colors.table_heading %];
2397 .rdetail-mfhd-type {
2398 [% IF rtl == 't' -%]
2405 .rdetail-mfhd-bottom {
2406 border-bottom: thin solid [% css_colors.border_dark %];
2410 #rdetail_record_details {
2416 [% IF rtl == 't' -%]
2417 margin-right: 1.5em;
2418 padding-right: 1.5em;
2421 padding-left: 1.5em;
2425 .rdetail_content_type, .rdetail_subject_type {
2426 vertical-align: top;
2430 .bookbag-item-row td { vertical-align: top; }
2432 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2434 color: [% css_colors.text_greatnews %];
2438 .rdetail_related_subjects {
2442 .rdetail_related_series {
2450 .rdetail_openurl_entry {
2451 [% IF rtl == 't' -%]
2459 .bookbag-controls-holder { width: 100%; }
2460 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2461 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2462 .bookbag-controls-holder .most {
2463 [% IF rtl == 't' -%]
2471 .bookbag-controls-title-block {
2472 [% IF rtl == 't' -%]
2479 .bookbag-controls-button-block {
2480 [% IF rtl == 't' -%]
2487 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2488 .bookbag-share .fixed { min-width: 4em; }
2490 [% IF rtl == 't' -%]
2496 .bookbag-specific div.sort {
2497 [% IF rtl == 't' -%]
2508 .bookbag-specific div.meta {
2509 background-color: [% css_colors.accent_light %];
2510 [% IF rtl == 't' -%]
2518 border: 1px solid [% css_colors.accent_light %];
2522 #bbag-name-desc-form tr th { vertical-align: middle; }
2523 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2524 .bookbag-description {
2529 .bbag-edit-desc-label {
2530 [% IF rtl == 't' -%]
2537 .bbag-edit-desc-save {
2541 #bbag-edit-description {
2543 [% IF rtl == 't' -%]
2551 [% IF rtl == 't' -%]
2558 [% IF rtl == 't' -%]
2564 .bbag-navigate-list {
2565 [% IF rtl == 't' -%]
2566 padding-right: 32px;
2573 .bbag-navigate-list-pages {
2574 [% IF rtl == 't' -%]
2575 padding-right: 10px;
2582 textarea { font-family: sans-serif; }
2583 table.bookbag-specific {
2584 border-right: 1px solid [% css_colors.accent_dark %];
2585 border-bottom: 1px solid [% css_colors.accent_medium %];
2590 [% IF rtl == 't' -%]
2592 padding: 0px 10px 0px 0px;
2595 padding: 0px 0px 0px 10px;
2598 .bookbag-share .fixed { min-width: 6em; }
2600 [% IF rtl == 't' -%]
2602 padding: 0px 10px 0px 0px;
2605 padding: 0px 0px 0px 10px;
2608 .bookbag-specific td.list_checkbox {
2609 [% IF rtl == 't' -%]
2610 padding-right: 10px !important;
2612 padding-left: 10px !important;
2615 .bookbag-specific td.list_entry {
2617 [% IF rtl == 't' -%]
2618 padding-right: 5px !important;
2620 padding-left: 5px !important;
2623 .bookbag-specific td.list_actions {
2624 white-space: nowrap !important;
2626 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2629 padding: 8px 0px 6px 0px;
2632 font-size: [% css_fonts.size_bigger %];
2636 .save-notes { padding-bottom: 1.5ex; }
2638 .nonbreaking-wrapper {
2639 display: inline-block;
2642 /* Moved from semiauto.css */
2643 .adv_global_input_container {
2644 border-bottom: none;
2648 border-bottom: none;
2651 .adv_global_filter_sort {
2655 .clear-both { clear: both; }
2666 .opac-alert { color: [% css_colors.text_alert %]; }
2669 [% IF rtl == 't' -%]
2676 [% IF rtl == 't' -%]
2683 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2684 .saved-searches-header .button {
2685 [% IF rtl == 't' -%]
2692 .saved-searches-header .text {
2693 [% IF rtl == 't' -%]
2702 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2703 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2704 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2705 [% IF rtl == 't' -%]
2706 border-left: 1px solid [% css_colors.accent_darker %];
2708 border-right: 1px solid [% css_colors.accent_darker %];
2711 .result_item_circulated {
2715 .result_item_circulated span {
2718 [% IF rtl == 't' -%]
2725 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2726 #result-bookbag-heading { text-align: center; margin: 2ex; }
2728 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2729 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2730 .result-bookbag-item-note { font-style: italic; }
2731 .lowhits-bookbag-name { font-weight: bold; }
2732 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2733 .oils_AS_match_term {
2734 [% IF rtl == 't' -%]
2739 color: [% css_colors.text %];
2741 .oils_AS_match_field {
2742 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2743 [% IF rtl == 't' -%]
2748 color: [% css_colors.accent_medium %];
2750 table.result_holdings_table {
2754 table.result_holdings_table thead tr {
2755 background-color: [% css_colors.table_heading %];
2757 table.result_holdings_table thead tr th {
2761 margin: 0 2em 0 2em;
2764 vertical-align: super;
2765 font-size: [% css_fonts.size_smaller %];
2766 line-height: normal;
2767 text-decoration: none;
2769 .rdetail-holding-group {
2770 [% IF rtl == 't' -%]
2771 margin-right: 1.5em;
2776 .rdetail-holding-group span {
2777 [% IF rtl == 't' -%]
2778 margin-right: 1.5em;
2783 .rdetail-holding-group .paging {
2784 [% IF rtl == 't' -%]
2785 margin-right: 1.5em;
2790 #rdetail_deleted_exp {
2794 border: thick solid [% css_colors.border_alert %];
2797 #ac_tab_wrapper { width : 100%; }
2799 [% IF rtl == 't' -%]
2804 padding-right: 10px;
2806 font-size: [% css_fonts.size_big %];
2808 border: 1px solid [% css_colors.primary_offset %];
2810 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2811 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2812 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2814 /* Popmenu styles used for making css menus. */
2828 width: 10em; /* Width to help Opera out */
2829 background-color: [% css_colors.primary %];
2831 .popmenu li:hover ul {
2836 border-color: [% css_colors.border_dark %];
2838 border-style: solid;
2840 .popmenu li:hover li {
2843 .popmenu li:hover li a {
2844 background-color: [% css_colors.primary %];
2845 color: [% css_colors.accent_ultralight %];
2847 .popmenu li li a:hover {
2848 background-color: [% css_colors.accent_ultralight %];
2849 color: [% css_colors.primary %];
2851 /* Styles for the basket entry. */
2852 .popmenu li:hover li[class~="temporary"] a {
2853 background-color: [% css_colors.primary %];
2854 color: [% css_colors.accent_ultralight %];
2856 .popmenu li li[class~="temporary"] a:hover {
2857 background-color: [% css_colors.accent_ultralight %];
2858 color: [% css_colors.primary %];
2860 /* Styles for the default list entry. */
2861 .popmenu li:hover li[class~="default"] a {
2862 background-color: [% css_colors.primary %];
2863 color: [% css_colors.accent_ultralight %];
2865 .popmenu li li[class~="default"] a:hover {
2866 background-color: [% css_colors.accent_ultralight %];
2867 color: [% css_colors.primary %];
2869 /* Styles for the new list entry. */
2870 .popmenu li:hover li[class~="new"] a {
2871 background-color: [% css_colors.primary %];
2872 color: [% css_colors.accent_ultralight %];
2874 .popmenu li li[class~="new"] a:hover {
2875 background-color: [% css_colors.accent_ultralight %];
2876 color: [% css_colors.primary %];
2878 /* Style to add a divider on the menu. */
2879 .popmenu li li[class~="divider"] {
2880 border-bottom-width: 1px;
2881 border-bottom-color: [% css_colors.border_dark %];
2882 border-bottom-style: solid;
2888 #patron_usr_barcode_not_found {
2889 font-weight: bold; color: [% css_colors.text_alert %];
2902 padding-bottom: 0.5em;
2906 #maintenance_message {
2909 background-color: [% css_colors.text_alert %];
2910 color: [% css_colors.text_invert %];
2914 #search-box > span {
2921 .browse-result-sources, .browse-result-authority-bib-links {
2922 [% IF rtl == 't' -%]
2928 .browse-result-best-match {
2934 .browse-result-list {
2935 padding-bottom: 0.5ex;
2938 font-size: [% css_fonts.size_bigger %];
2940 .browse-result-authority-field-name {
2942 [% IF rtl == 't' -%]
2948 .browse-leading-article-warning {
2950 font-size: [% css_fonts.size_big %];
2952 .browse-public-general-note {
2953 font-size: [% css_fonts.size_big %];
2955 .browse-public-general-note-label { }
2956 .browse-public-general-note-institution {
2960 .browse-public-general-note-body {
2968 #main-content-register {
2969 [% IF rtl == 't' -%]
2974 font-size: [% css_fonts.size_bigger %];
2977 #main-content-register table {
2980 border-collapse: collapse;
2983 #main-content-register td {
2984 [% IF rtl == 't' -%]
2991 #main-content-register td:not(:first-child) {
2992 [% IF rtl == 't' -%]
2993 padding-right: 20px;
2999 .patron-reg-invalid {
3002 [% IF rtl == 't' -%]
3005 padding-right: 10px;
3009 .result_footer_nav1 {
3013 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
3017 .rdetail_authors_div {
3021 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3022 white-space: nowrap;
3023 display: inline-block;
3026 .result_table_title_cell {
3028 padding-bottom: 4px;
3032 font-size: [% css_fonts.size_bigger %];
3035 /* styling for sms text call number */
3037 font-family: Arial, Helvetica, sans-serif;
3038 font-size: [% css_fonts.size_medium %];
3039 background-color: [% css_colors.accent_lightest %];
3041 /* Allow text to wrap */
3042 white-space: pre-wrap; /* css-3 */
3043 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
3044 white-space: -pre-wrap; /* Opera 4-6 */
3045 white-space: -o-pre-wrap; /* Opera 7 */
3046 word-wrap: break-word; /* Internet Explorer 5.5+ */
3053 /* patron message center */
3054 #myopac_message_tbody {
3055 vertical-align: top;
3057 .myopac_message_message {
3058 white-space: pre-wrap;
3065 .browse-pager-spinner {
3066 display: inline-block;
3071 /* override a tiny bootstrap alignment issue */
3076 @media only screen and (min-width: 992px) {
3084 display:none !important;
3088 @media only screen and (max-width: 767px) {
3089 .search_box_wrapper {
3095 @media only screen and (max-width: 800px) {
3097 width: 100% !important;
3099 .facet_sidebar_hidden, .result_block_hidden {
3102 .facet_sidebar_visible, .result_block_visible {
3103 display: inline ! important;
3105 #acct_select, #acct_prefs_select {
3106 display: inline-block;
3108 #acct_tabs, #acct_prefs_tabs {
3111 .radio-parts-selection { width: 90%; }
3112 #list_description, #list_create_name {
3117 @media only screen and (max-width: 600px) {
3119 font-size: [% css_fonts.size_big %];
3121 span .nav_arrow_fix {
3128 #homesearch_main_logo img {
3138 #your-acct-login a {
3149 #gold-links-holder {
3152 #simple-detail-view-links {
3155 #acct_tabs a, #acct_fines_tabs a {
3156 [% IF rtl == 't' -%]
3157 border-radius: 6px 0px 0px 6px;
3158 margin: 0px 0px 0px 5px;
3160 border-radius: 6px 6px 0px 0px;
3161 margin: 0px 5px 0px 0px;
3163 padding: 2px 4px 3px 4px;
3164 font-size: [% css_fonts.size_base %];
3166 .bookbag-controls-title-block {
3167 [% IF rtl == 't' -%]
3174 .bookbag-controls-button-block {
3175 [% IF rtl == 't' -%]
3183 [% IF rtl == 't' -%]
3189 .bookbag-specific div.sort {
3190 [% IF rtl == 't' -%]
3198 margin: 5px 0px 5px 0px;
3199 border: 1px solid [% css_colors.accent_light %];
3202 .bookbag-specific div.meta {
3203 [% IF rtl == 't' -%]
3217 [% IF rtl == 't' -%]
3224 #bbag-edit-description {
3230 border:1px solid [% css_colors.accent_light %];
3233 [% IF rtl == 't' -%]
3240 .bbag-action-field {
3243 .bookbag-specific div.sort select {
3246 .bookbag-specific tr {
3248 border-bottom: 1px solid [% css_colors.border_standard %];
3250 .bookbag-specific td.list_checkbox {
3251 [% IF rtl == 't' -%]
3252 padding-right: 0px !important;
3254 padding-left: 0px !important;
3257 .bookbag-specific td.list_entry {
3258 display: inline-block;
3260 [% IF rtl == 't' -%]
3261 padding-right: 40% !important;
3263 padding-left: 40% !important;
3266 .bookbag-specific td.list_entry:before {
3267 content: attr(data-label);
3269 [% IF rtl == 't' -%]
3275 .bbag-navigate-list {
3278 .bbag-navigate-list-pages {
3279 [% IF rtl == 't' -%]
3288 background-color: transparent;
3295 #dash_wrapper .opac-button {
3298 .small_view_only, #filter_hits {
3299 display: inline !important;
3302 [% IF rtl == 't' -%]
3309 #holds_box form blockquote {
3310 [% IF rtl == 't' -%]
3318 #holds_box form blockquote select {
3321 #myopac_sum_fines_placehold {
3327 #list_description, #list_create_name {
3330 .results_header_lbl {
3333 .results_header_nav1 span.h1 {
3339 .start_end_links_span {
3345 .result_table_pic_header {
3346 [% IF rtl == 't' -%]
3347 padding-right: 0px !important;
3350 padding-left: 0px !important;
3353 width: 0px !important;
3361 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3364 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3365 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3368 #results_header_bar {
3369 background-color: inherit;
3371 .results_header_btns a {
3374 .adv_filter_results_hide {
3377 .adv_filter_results_show {
3380 .adv_filter_results_block_label {
3383 .adv_filter_results_group_wrapper {
3389 #rdetails_status thead {
3392 #rdetails_status tr {
3396 #rdetails_status td {
3401 background-color: [% css_colors.accent_lightest %];
3403 .copy_details_offers_row {
3404 background-color: [% css_colors.accent_lightest %];
3406 select#pickup_lib.search-wrapper-locg {
3409 #search-wrapper #search-box {
3413 #main-content-home {
3417 /* Make use of full width in mobile mode */
3418 .facet_box_wrapper .box_wrapper .box,
3419 .facet_template .facet,
3423 .facet_template .count {
3424 [% IF rtl == 't' -%]
3433 #adv_search_parent {
3434 font-size: [% css_fonts.size_smaller %];
3436 #adv_search_filters {
3441 [% IF rtl == 't' -%]
3447 .rdetail_aux_utils {
3454 div#rdetail_actions_div {
3460 #metarecord_population {
3464 .metarecord_population_span_link {
3466 .metarecord_population_item_lang {
3469 .search_catalog_lbl {
3470 [% IF rtl == 't' -%]
3475 white-space: nowrap;
3477 .adv_search_catalog_lbl {
3479 white-space: nowrap;
3481 .browse_the_catalog_lbl {
3482 white-space: nowrap;
3496 .dash_account_buttons {
3499 .searchbar { line-height: 1.5em; }
3500 #browse-controls { line-height: 1.5em; }
3501 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3508 .bookshelf table thead tr {
3511 #lowhits_help { width: inherit; }
3513 font-size: [% css_fonts.size_small %];
3514 margin: 2px 2px 0px 2px;
3515 padding: 2px 2px 5px 2px;
3516 [% IF rtl == 't' -%]
3517 border-radius: 7px 0px 0px 7px;
3519 border-radius: 7px 7px 0px 0px;
3522 #adv_global_tbody td {
3523 border-bottom: thin solid [% css_colors.accent_light %];
3525 #adv_global_addrow td {
3526 border-bottom: none;
3528 /* Force table to not be like tables anymore */
3529 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 {
3532 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 {
3536 /* Hide table headers (but not display: none;, for accessibility) */
3540 [% IF rtl == 't' -%]
3547 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 {
3551 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3553 /* Holds history gets large white border to mimic header cell on other
3554 account screens that provide visual cue for next title. We should do
3555 the same for ebook tables too since we have no actions on those
3556 tables. If actions get added, we should move those tables out of
3559 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3560 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3562 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 {
3563 /* Behave like a "row" */
3565 border-bottom: 1px solid #eee;
3567 [% IF rtl == 't' -%]
3574 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 {
3575 /* Now like a table header */
3577 /* Top/left values mimic padding */
3580 [% IF rtl == 't' -%]
3585 padding-right: 10px;
3587 white-space: nowrap;
3590 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3591 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3592 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3593 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3594 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3595 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3596 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3598 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3599 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3600 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3601 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3602 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3603 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3604 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3605 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3607 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3608 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3609 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3610 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3611 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3612 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3613 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3614 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3616 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3617 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3618 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3619 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3620 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3622 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3623 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3624 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3625 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3627 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3628 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3629 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3630 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3634 /*Want to see these in mobile ONLY */
3639 .mobile_search_lbl_clr{
3640 color:[% css_colors.mobile_header_text %];
3646 For text which is visible only to screen readers.
3647 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3648 See also http://webaim.org/techniques/css/invisiblecontent/
3657 clip: rect(0, 0, 0, 0);
3661 /* Make added rows in Expert Search have bold labels like the initial row */
3668 font-weight: lighter;
3672 #results-page-depth-hint {
3677 #clear-history-confirm {
3679 color: [% css_colors.text_badnews %];
3683 /*Inline rules from other templates files*/
3686 [% IF rtl == 't' -%]
3694 [% IF rtl == 't' -%]
3700 #myopac_summary_div{padding:0px;}
3702 [% IF rtl == 't' -%]
3709 [% IF rtl == 't' -%]
3716 [% IF rtl == 't' -%]
3723 padding-bottom: 10px;
3726 [% IF rtl == 't' -%]
3727 padding-right: 10px;
3731 padding-bottom: 15px;
3733 .hold-span{font-weight: bold;}
3735 [% IF rtl == 't' -%]
3742 [% IF rtl == 't' -%]
3749 [% IF rtl == 't' -%]
3756 /* Rules from metarecord_hold_filters.tt2 */
3758 .metarecord_filters{
3761 border-bottom: 1px solid #333;
3762 border-top: 1px solid #333; }
3763 .metarecord_filter_container{
3764 [% IF rtl == 't' -%]
3772 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3773 .metarecord_filter_header{padding-bottom: 5px;}
3775 /* Toggled items. */
3776 /* A block that is initially hidden and shown by clicking an anchor. */
3777 [id^="toggled-block-"]{
3780 [id^="toggled-block-"]:target{
3783 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3784 [id^="toggled-inline-"]{
3787 [id^="toggled-inline-"]:target{
3792 font-weight: bolder;
3793 background-color: #99ff99;
3796 .oils_SH.identifier {
3797 font-weight: bolder;
3798 background-color: #42b0f4;
3800 .hold_note_title { font-weight: bold; }
3803 #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 {
3804 background-color: [% css_colors.background %];
3806 border: 1px solid #d3d3d3;
3809 #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 {
3810 [% IF rtl == 't' -%]
3815 padding: 0px 10px 0px 10px;
3817 #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 {
3818 border-collapse: collapse;
3821 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3822 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3823 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3824 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3825 #hold_editor_table th {
3826 [% IF rtl == 't' -%]
3834 #hold_editor_table td { padding: 0.25em 0; }
3858 .carousel-entry-image {
3862 .carousel .glide__arrow {
3863 color: [% css_colors.button_text %];
3864 font-weight: bold !important;
3865 text-decoration: none !important;
3868 border: 1px solid [% css_colors.primary %];
3869 background-color: [% css_colors.primary_fade %];
3872 display: inline-block;
3874 .carousel .glide__arrow--right {
3877 .carousel .glide__arrow--left {
3883 white-space: nowrap;
3889 display: inline-block;
3895 filter: alpha(opacity=50);
3896 background-color: #fff; /* Used if the image is unavailable */
3897 height: 500px; /* You must set a specified height */
3898 background-position: center; /* Center the image */
3899 background-repeat: no-repeat; /* Do not repeat the image */
3900 background-size: contain; /* Resize the background image to cover the entire container */
3901 background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3905 .navbar-dark .navbar-nav .nav-link{
3906 color: #fff !important;
3917 .checkCell{width:30px;}
3919 @media (min-width: 650px){
3921 max-width: 600px !important;
3930 .facet_box_wrapper .card-header{
3931 background-color: [% css_colors.facets_back %];
3932 color: [% css_colors.facets_text %];
3934 .facet_box_wrapper .card-body {
3941 transform: translateY(-50%);
3949 background-color: #c8ffaf;
3953 text-align:left !important;
3962 .my_nav .dropdown button {
3966 .my_nav .dropdown-toggle::after{
3968 margin: 5px 0 0 5px;
3971 .dropdown-item:active {
3972 background-color: #EDFFCC;
3975 .my_nav .fas, .mynav .far{
3984 color: [% css_colors.link %];
3987 .page-item.active .page-link {
3988 background-color: [% css_colors.link %];
3989 border-color: [% css_colors.link %];
3992 .btn-outline-primary {
3993 border-color: [% css_colors.link %];
3994 color: [% css_colors.link %];
3997 .btn-outline-primary:hover {
3998 color: [% css_colors.button_confirm_text %];
3999 background-color: [% css_colors.button_confirm_hover %];
4000 border-color: [% css_colors.button_confirm_border_hover %];
4003 #rdetail_extras_div .card-header {
4004 background-color: #007a54;
4007 #rdetail_extras_div .card-header a {
4011 #record_actions .btn {
4015 .alert-danger a:link,
4016 .alert-danger a:visited {
4020 .language_form button {
4025 color:[% css_colors.footer_link %];
4027 .language_form button:disabled {
4028 color:[% css_colors.footer_link_disabled %];
4034 color:[% css_colors.footer_link %];
4041 .course-material-title-column {
4045 #course_material_table td, #course_material_table th {
4050 border: 1px solid [% css_colors.border_standard %];