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 .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
139 .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
140 .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
141 .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
143 .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
144 .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
145 .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
146 .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
147 .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
149 .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
150 .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
151 .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
152 .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
153 .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
154 .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
155 .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
157 .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
158 .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
159 .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
160 .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
161 .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
162 .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
163 .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
164 .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
166 .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
167 .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
168 .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
169 .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
170 .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
171 .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
172 .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
174 .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
175 .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
176 .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
177 .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
178 .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
180 .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
181 .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
182 .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
183 .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
185 .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
186 .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
187 .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
188 .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
190 .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
191 .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
192 .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
193 .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
195 .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
196 .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
197 .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
199 /*Media Style Additions*/
201 padding: 5px !important;
202 text-align: center !important;
209 }/*Micro Tables End*/
215 .coverImage{position: relative;}
216 .carousel .glide__arrow{background: unset;}
223 font-size: 16pt !important;
225 font-weight: 600 !important;
229 font-size: 16pt !important;
230 font-weight: 600 !important;
233 .NovSelectImageHeadingToggle{
238 /*Novelist Styling End*/
243 color: [% css_colors.button_confirm_text %];
244 background-color: [% css_colors.button_confirm %];
245 border-color: [% css_colors.button_confirm_border %];
249 color: [% css_colors.button_confirm_text %];
250 background-color: [% css_colors.button_confirm_hover %];
251 border-color: [% css_colors.button_confirm_border_hover %];
255 color: [% css_colors.button_deny_text %];
256 background-color: [% css_colors.button_deny %];
257 border-color: [% css_colors.button_deny_border_hover %];
261 color: [% css_colors.button_deny_text %];
262 background-color: [% css_colors.button_deny_hover %];
263 border-color: [% css_colors.button_deny_border_hover %];
267 color: [% css_colors.button_remove_text %];
268 background-color: [% css_colors.button_remove %];
269 border-color: [% css_colors.button_remove_border %];
273 color: [% css_colors.button_remove_text %];
274 background-color: [% css_colors.button_remove_hover %];
275 border-color: [% css_colors.button_remove_border_hover %];
279 color: [% css_colors.opac_button_text %] !important;
280 background-color: [% css_colors.opac_button %];
281 border-color: [% css_colors.opac_button_border %];
285 color: [% css_colors.opac_button_text %];
286 background-color: [% css_colors.opac_button_hover %] !important;
287 border-color: [% css_colors.opac_button_border_hover %];
291 color: [% css_colors.action_button_text %] !important;
292 background-color: [% css_colors.action_button %];
293 border-color: [% css_colors.action_button_border %];
297 color: [% css_colors.action_button_text %];
298 background-color: [% css_colors.action_button_hover %] !important;
299 border-color: [% css_colors.action_button_border_hover %];
302 color: [% css_colors.action_button_text_anchors %];
311 color: [% css_colors.zero_count %] !important;
315 color: [% css_colors.non_zero_count %] !important;
319 padding: .25rem .25rem !important;
322 border-radius: 1rem !important;
326 .cn_browse_item .card{
329 #facets .card-header,#facets .card-header a {
330 background-color: [% css_colors.facets_back %];
331 color: [% css_colors.text_invert %]
334 .facet_template:hover{
335 background-color:#e8e8e8;
339 color: [% css_colors.text_alert %] !important;
348 color: green !important;
351 border: 1px solid black;
352 box-shadow: 2px 2px #00000054;
354 .dropdown-item.active, .dropdown-item:active{
355 color : #000 !important;
361 border: 2px solid #007bff;
367 max-width: 100px !important;
386 font-family: [% css_fonts.font_main %] !important;
387 font-size: [% css_fonts.size_base %];
388 /* background-color: [% css_colors.primary %]; */
395 font-family: [% css_fonts.font_main %] !important;
396 font-size: [% css_fonts.size_base %];
407 #homesearch_main_logo {
414 color: [% css_colors.link %];
422 #search-wrapper input[type=text] {
423 height: calc(1.8125rem + 2px);
428 #search-wrapper select, .results_header_lbl select {
429 border:1px solid [% css_colors.border_standard %];
430 height: calc(1.8125rem + 2px);
456 #search-wrapper select {
457 border:0px solid [% css_colors.border_dark %];
458 filter:alpha(opacity=0);
467 #actions .btn-action {
477 font-size: [% css_fonts.size_bigger %];
486 div.select-box-wrapper {
508 background-color: [% css_colors.primary %];
516 display:inline-block;
535 #dash_fines { color: [% css_colors.text_badnews %]; }
536 the color contrast between "text_badnews" and "primary"
537 is too low for WCAG compliance. Use "text_attention"
538 for now until a better color is picked - if needed.
541 #dash_wrapper #dash_user_message_button_container {
545 #dash_wrapper #unread_message_count_floater {
547 background-color: [% css_colors.text_alert %];
549 padding-right: 0.2em;
550 display: inline-block;
556 margin-right: -1.5em;
563 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
564 background-color: [% css_colors.header_primary_fade %];
565 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
566 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
567 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
568 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
571 color: [% css_colors.background %];
574 font-size: [% css_fonts.size_small %];
578 color: [% css_colors.background %];
582 color: [% css_colors.text_invert %];
583 text-decoration: none;
587 color: [% css_colors.text_invert %];
588 font-size: [% css_fonts.size_small %];
596 color: [% css_colors.text_invert %];
598 text-decoration: none;
608 #header-links a:hover {
609 color: [% css_colors.text_invert %];
610 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
611 text-decoration: none;
614 #header #header-links2 {
617 color: [% css_colors.text_invert %];
618 padding-bottom: 15px;
621 #header #header-links2 a {
622 color: [% css_colors.text_invert %];
625 #header #header-links2 a:hover {
626 text-decoration: underline;
654 background-color: [% css_colors.background_invert %];
668 .search_box_wrapper {
673 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
675 background-color: [% css_colors.background %];
678 #search-wrapper #breadcrumb {
680 font-size: [% css_fonts.size_smaller %];
688 #search-wrapper #search-within {
700 #search-wrapper #breadcrumb a {
701 color: [% css_colors.text %];
704 #search-wrapper #search_frm label {
705 font-size: [% css_fonts.size_smaller %];
708 #search-wrapper #search-box {
717 padding-bottom: 10px;
720 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
729 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
732 margin: 10px 0px 0px 7px;
733 border-radius: 10px 10px 0px 0px;
736 margin: 10px 7px 0px 0px;
737 border-radius: 10px 10px 0px 0px;
740 vertical-align: middle;
742 padding: 10px 0px 10px 0px;
744 color: [% css_colors.text_invert %];
745 background-color: [% css_colors.control %];
747 text-decoration: none;
750 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
751 padding: 1em 1em 0.5em;
754 #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 {
755 background-color: [% css_colors.primary %];
756 color: [% css_colors.text_invert %];
757 text-decoration: none;
760 #adv_search_filters {
775 .adv_filter_block_item {
794 padding-right: 10px !important;
796 padding-left: 10px !important;
800 #adv_search.on, #num_search.on, #expert_search.on {
801 color: [% css_colors.accent_darker %];
802 background-color: [% css_colors.background %];
803 text-decoration: none;
806 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
807 color: [% css_colors.accent_darker %];
808 background-color: [% css_colors.background %];
809 text-decoration: none;
813 background-color: [% css_colors.control %];
816 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
818 font-size: [% css_fonts.size_smaller %];
819 color: [% css_colors.accent_darker %];
820 padding: 10px 10px 10px 10px;
823 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
824 background-color: [% css_colors.accent_lightest %];
825 color: [% css_colors.accent_darker %];
828 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
829 padding-bottom: 12px;
830 color: [% css_colors.accent_medium %];
833 #acct_select, #acct_prefs_select {
837 #mobile_acct_search_links {
838 background-color: [% css_colors.primary_fade %];
843 padding: 5px 0px 6px 7px;
846 padding: 5px 7px 6px 0px;
849 border-bottom: 1px dotted [% css_colors.accent_light %];
853 color:[% css_colors.primary_fade %];
855 font-size: [% css_fonts.size_bigger %];
858 .rdetail_result_count {
859 color: [% css_colors.text %];
861 display: inline-block;
869 .rdetail_result_nav {
871 display: inline-block;
879 #rdetail_details_table {
883 #rdetail_image { border: none; }
884 #rdetail_image_cell {
897 padding: 0.5em 1em 0.5em 1em;
898 background-color: [% css_colors.accent_lighter2 %];
900 div.rdetail_uris ul li {
909 div.rdetail_show_copies {
913 div#rdetail_actions_div {
914 background-color: [% css_colors.background %];
922 span#rdetail_copy_counts {
923 display: inline-block;
936 span#rdetail_hold_counts {
937 display: inline-block;
940 span#rdetail_hold_counts p {
961 border-right: 1px dotted [% css_colors.accent_light %];
965 border-left:1px dotted [% css_colors.accent_light %];
972 border-bottom: 1px dotted [% css_colors.accent_light %];
976 div.toggle_list { padding-top: 6px; }
980 border-top: 1px dotted [% css_colors.accent_light %];
993 #metarecord_population {
996 padding-bottom: 10px;
999 .metarecord_population_span_link {
1003 .metarecord_population_format {
1005 display: inline-block;
1008 vertical-align: top;
1011 .metarecord_population_item_lang {
1012 display: inline-block;
1013 vertical-align: top;
1016 .metarecord_population_all {
1020 .results_aux_utils {
1021 display: table-cell;
1025 border-bottom: 1px dotted [% css_colors.accent_light %];
1027 [% IF rtl == 't' -%]
1042 #rdetails_status td {
1043 [% IF rtl == 't' -%]
1044 padding: 7px 13px 3px 0px;
1046 padding: 7px 0px 3px 13px;
1050 #rdetails_status td[headers=copy_header_library],
1051 #rdetails_status td[headers=copy_header_shelfloc] {
1052 white-space: normal;
1055 #rdetails_status thead th {
1056 [% IF rtl == 't' -%]
1057 padding: 13px 13px 13px 0px;
1060 padding: 13px 0px 13px 13px;
1063 background-color: [% css_colors.accent_lighter2 %];
1064 font-size: [% css_fonts.size_smaller %];
1068 #rdetails_status tbody td {
1069 [% IF rtl == 't' -%]
1070 padding-right: 13px;
1077 #rdetails_status tbody td.copy_note {
1078 color: [% css_colors.primary %];
1080 white-space:pre-wrap !important;
1084 #rdetails_status tbody td.copy_tag {
1085 border-color: [% css_colors.primary %];
1086 border-style: dashed;
1089 #rdetails_status tbody .copy_tag_value {
1090 font-weight: bolder;
1094 background-color: [% css_colors.primary_fade %];
1095 border: 1px solid [% css_colors.primary %];
1100 #rdetail_extras_div {
1104 .rdetail_extras_hr {
1105 [% IF rtl == 't' -%]
1113 background-color: [% css_colors.accent_light %];
1116 .rdetail_extras_link {
1118 font-size: [% css_fonts.size_smaller %];
1122 .rdetail_extras_lbl {
1123 color: [% css_colors.text_invert %];
1124 text-decoration: none;
1127 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1128 [% IF rtl == 't' -%]
1135 #rdetail_locs_expand, #rdetail_locs_collapse {
1136 [% IF rtl == 't' -%]
1145 #rdetail_anotes_div .biography {
1149 #gbp_extra, #gbp_arrow_down_link {
1153 .almost-content-wrapper {
1154 background-color: [% css_colors.background %];
1157 #cartDropdown .dropdown-menu {
1162 background-color: [% css_colors.background %];
1167 .content-wrapper-record-page { top: -15px; position: relative; }
1169 #main-content-home {
1170 [% IF rtl == 't' -%]
1171 padding-right: 17px;
1179 [% IF rtl == 't' -%]
1188 #main-content-after-bar {
1189 [% IF rtl == 't' -%]
1198 #results_header_inner {
1199 padding-bottom: 1rem;
1203 [% IF rtl == 't' -%]
1211 background-color: [% css_colors.background %];
1214 #main-content .login_boxes {
1215 border: 1px solid [% css_colors.accent_lighter %];
1216 background-color: [% css_colors.accent_lightest %];
1217 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1218 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1219 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1220 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1221 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1222 color: [% css_colors.accent_darker %];
1225 #main-content .login_boxes h1 {
1226 font-weight: normal;
1227 font-size: [% css_fonts.size_biggest %];
1231 #main-content .left_brain {
1232 [% IF rtl == 't' -%]
1233 padding-right: 28px;
1240 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1244 background-color: [% css_colors.background %];
1245 font-size: [% css_fonts.size_bigger %];
1246 color: [% css_colors.text %];
1249 #main-content .left_brain .input_bg {
1250 [% IF rtl == 't' -%]
1251 padding: 10px 13px 0px 10px;
1253 padding:10px 10px 0px 13px;
1260 [% IF rtl == 't' -%]
1271 .login-help-button {
1272 font-size: [% css_fonts.size_biggest %];
1276 #login-failed-message {
1277 font-size: [% css_fonts.size_bigger %];
1279 color: [% css_colors.text_alert %];
1283 #holds_temp_parent td {
1284 border-bottom:1px solid [% css_colors.border_standard %];
1287 #holds_temp_parent input, #holds_temp_parent select {
1292 #holds_temp_parent tr td div.format_icon {
1298 #results_header_bar {
1299 background-color: [% css_colors.accent_medium %];
1300 border-top:1px solid [% css_colors.accent_mediumdark %];
1301 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1304 .results_header_lbl {
1305 [% IF rtl == 't' -%]
1311 color: [% css_colors.text %];
1312 /* this border is not visible, but it keeps these labels the same size
1314 border: 1px solid [% css_colors.accent_medium %];
1315 background-color: [% css_colors.accent_medium %];
1316 margin: 0.5em 0.3em;
1319 /* we need a negative margin on the select to allow the containing <label>
1320 to determine the actual size of the element. By doing this, we can increase
1321 the odds that the buttons and the select will be the same size, and therefore
1322 collapse correctly when the window width decreases */
1323 .results_header_lbl select {
1327 #limit_to_available {
1328 vertical-align: middle;
1331 .results_header_sel {
1332 [% IF rtl == 't' -%]
1341 .results_header_nav1 {
1345 .results_header_nav1 .h1 {
1346 font-size: [% css_fonts.size_bigger %];
1348 color:[% css_colors.primary_fade %];
1351 .table_no_border_space {
1352 border-spacing: 0px;
1354 .table_no_cell_pad td {
1358 border-collapse: collapse;
1361 #result_table_table {
1369 tr.result_table_row > td.results_row_count,
1370 tr.result_table_row > td.result_table_pic_header,
1371 tr.result_table_row > td.result_table_title_cell {
1372 vertical-align: top;
1376 [% IF rtl == 't' -%]
1386 tr.result_table_row:nth-child(n+2) > td {
1387 border-top: 1px solid [% css_colors.accent_lighter2 %];
1390 tr.result_table_row > td.result_table_pic_header {
1391 [% IF rtl == 't' -%]
1396 white-space: nowrap;
1400 /* styles for selecting records in the results set */
1401 .result_table_row_selected {
1402 background-color: [% css_colors.item_selected %];
1404 #selected_records_summary, #clear_basket {
1408 /* styles for the basket */
1410 [% IF rtl == 't' -%]
1418 #record_basket_icon {
1419 [% IF rtl == 't' -%]
1428 #record_basket_count_floater {
1429 background-color: #ddd;
1438 #record_basket_count_floater a {
1439 text-decoration: none;
1444 #basket_actions select {
1445 border-color: rgb(169, 169, 169);
1449 [% IF rtl == 't' -%]
1454 white-space: nowrap;
1457 .result_count_number {
1461 .result_table_subtable {
1466 div.result_table_utils_cont {
1467 [% IF rtl == 't' -%]
1476 .mylist_action:hover{
1477 text-decoration: none;
1480 #myopac_summary_div p {
1482 margin-bottom: 10px;
1485 #acct_sum_checked_table td {
1489 .zero_search_hits_main {
1490 [% IF rtl == 't' -%]
1498 .zero_search_hits_saved {
1499 [% IF rtl == 't' -%]
1510 #zero_search_hits p {
1518 #zero_search_hits #spell_check_link {
1521 #zero_search_hits #zero_hits_suggestions {
1525 [% IF rtl == 't' -%]
1531 background-color: [% css_colors.accent_light %];
1536 .results_info_table td {
1537 [% IF rtl == 't' -%]
1540 padding-right: 10px;
1544 #myopac_holds_main_table {
1545 border-collapse: collapse;
1548 #myopac_holds_main_table td {
1549 border: 1px solid [% css_colors.border_dark %];
1553 .myopac-hold-available {
1554 color: [% css_colors.text_greatnews %];
1558 .myopac-hold-suspended {
1559 color: [% css_colors.text_badnews %];
1563 #myopac_prefs_div .data_grid {
1564 border-collapse:collapse;
1567 #myopac_prefs_div .data_grid td {
1568 [% IF rtl == 't' -%]
1569 padding: 6px 17px 7px 0px;
1571 padding:6px 0px 7px 17px;
1573 background-color:[% css_colors.accent_ultralight %];
1574 border-bottom:3px solid [% css_colors.background %];
1578 [% IF rtl == 't' -%]
1579 padding: 0px 0px 0px 7px;
1581 padding: 0px 7px 0px 0px;
1584 font-size: [% css_fonts.size_bigger %];
1586 color:[% css_colors.primary_header %];
1587 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1592 font-weight: normal;
1596 [% IF rtl == 't' -%]
1606 border-collapse: collapse;
1607 background-color: [% css_colors.accent_ultralight %];
1610 .acct_sum_table tr {
1611 border-bottom: 2px solid white;
1614 .acct_sum_table td {
1619 text-transform: none;
1624 .acct_sum_table .view_link {
1625 font-weight: normal;
1629 [% IF rtl == 't' -%]
1631 padding: 15px 23px 0px 0px;
1634 padding: 15px 0px 0px 23px;
1642 [% IF rtl == 't' -%]
1643 padding-right: .5em;
1649 #myopac_sum_fines_placehold {
1650 [% IF rtl == 't' -%]
1659 .acct_holds_temp td {
1660 [% IF rtl == 't' -%]
1667 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1668 [% IF rtl == 't' -%]
1681 [% IF rtl == 't' -%]
1688 /* tables for entering payment information */
1689 #acct_fines_main_header
1694 /* tables for entering payment information */
1698 [% IF rtl == 't' -%]
1708 /* tables for entering payment information */
1709 #credit_card_info_table
1715 /* tables for entering payment information */
1716 #billing_info_table td,
1717 #credit_card_info_table td
1719 [% IF rtl == 't' -%]
1720 padding-right: .5em;
1727 /* div for the payment buttons with the total */
1732 padding: 1em 0 0 1em;
1736 /* Stripe's payment form */
1739 background-color: [% css_colors.accent_ultralight %];
1747 /* text to state what is seen on cc statement */
1752 color:[% css_colors.primary_fade %];
1756 text-transform: none;
1757 font-weight: normal;
1762 #acct_list_header select, #acct_list_header_anon select {
1764 text-transform:none;
1767 .search_catalog_lbl,
1768 .adv_search_catalog_lbl,
1769 .browse_the_catalog_lbl,
1770 .search_courses_lbl,
1771 .browse_courses_lbl {
1772 font-size: [% css_fonts.size_bigger %];
1776 font-size: [% css_fonts.size_bigger %];
1781 font-size: [% css_fonts.size_smaller %];
1788 #fines_payments_wrapper {
1793 .myopac_payments_table th {
1794 [% IF rtl == 't' -%]
1795 text-align: right; }
1801 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1802 .myopac_payments_table thead th:first-child { width: 8em; }
1803 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1804 .myopac_payments_table form { display: inline; }
1805 .myopac_payments_table input[type="submit"] { padding: 1px; }
1810 background-color: [% css_colors.accent_lighter %];
1814 font-weight: bold; color: [% css_colors.text_alert %];
1815 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1818 .payment-processing {
1820 color: [% css_colors.text_greatnews %];
1821 font-size: [% css_fonts.size_bigger %];
1822 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1825 #adv_search_input { width: 100%; }
1826 #adv_search_parent {
1830 #search-wrapper #search-submit-go,
1831 #search-wrapper #search-submit-go-depth {
1832 display: inline-block;
1836 #search-submit-spinner {
1840 div.adv_search_available {
1848 font-size: [% css_fonts.size_bigger %];
1853 width:100px !important;
1854 text-align: center !important;
1857 .chili_review div.chili_link div {
1861 /* styling for advanced search filters that display with searchbar */
1863 #adv_filter_results_block h4 { display: inline; }
1865 #adv_filter_results_block {
1870 .adv_filter_results_block_label {
1872 [% IF rtl == 't' -%]
1873 padding: 4px 12px 4px 0px;
1875 padding: 4px 0px 4px 12px;
1879 .adv_filter_results_group {
1881 display: inline-block;
1882 background-color: [% css_colors.accent_lighter2 %];
1883 border-style: solid;
1884 border-color: [% css_colors.accent_medium %];
1887 padding: 2px 4px 2px 4px;
1890 .adv_filter_results_group_wrapper {
1891 display: inline-block;
1892 [% IF rtl == 't' -%]
1900 .adv_filter_results_group_header {
1901 display: inline-block;
1904 .adv_filter_results_group_values {
1908 .adv_search_result_filter {
1909 display: inline-block;
1915 [% IF rtl == 't' -%]
1923 text-decoration: none;
1924 color: [% css_colors.accent_dark %];
1928 display: inline-block;
1931 #refine_search_link {
1932 display: inline-block;
1935 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1936 /* some facet styling */
1937 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1938 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1939 .facetClassLabel { font-weight: bold; text-align: center; }
1940 .facetFieldContainer { }
1941 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1942 .extraFacetFieldsWrapper { }
1943 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1944 .facetFieldLineCount {
1945 display: inline-block;
1946 border-right: 1px solid [% css_colors.accent_light %];
1947 color: [% css_colors.accent_mediumdark %];
1951 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1952 .facetFields { padding-left: 5px; }
1953 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1957 [% IF rtl == 't' -%]
1970 .facet_box_temp .header {
1972 background-color:[% css_colors.primary %];
1973 border-top-left-radius: 5px;
1974 border-top-right-radius: 5px;
1976 color:[% css_colors.text_invert %];
1980 .facet_box_temp.filter_box_temp .header {
1981 background-color: [% css_colors.background_invert %] !important;
1985 color: [% css_colors.background_invert %];
1992 .facet_box_temp .header .title {
1993 [% IF rtl == 't' -%]
1995 padding-right: 12px;
2003 /* in this context, where h4 is primarily for structure,
2004 avoid the normal large font and margin for h4's */
2005 .facet_box_temp h4 {
2010 .facet_box_temp .header a.button {
2011 [% IF rtl == 't' -%]
2019 color:[% css_colors.text_invert %];
2022 .facet_box_wrapper .box_wrapper .box {
2023 border-top:1px solid [% css_colors.border_standard %];
2024 border-left:1px solid [% css_colors.border_standard %];
2025 border-right:1px solid [% css_colors.border_standard %];
2030 .filter_box_wrapper {
2033 border: 1px solid [% css_colors.background_invert %];
2040 box-sizing: border-box;
2041 -moz-box-sizing: border-box;
2047 .facet_template div {
2048 display: table-cell;
2052 .facet_template.filter_template div {
2053 padding: 0px !important;
2056 .facet_template .count {
2058 color: [% css_colors.accent_dark %];
2061 .page-item.active .page-link {
2062 background-color: #00593d;
2063 border-color: #00593d;
2071 background-color: [% css_colors.bg_filter %];
2072 color: [% css_colors.text_filter %];
2075 .filter-header:hover{
2076 background-color: [% css_colors.bg_filter_hover %];
2080 background-color: [% css_colors.bg_extras %];
2082 .facet_template_selected {
2083 background-color: [% css_colors.accent_lighter2 %];
2084 border: 1px solid [% css_colors.accent_medium %];
2088 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2089 background-color: [% css_colors.footer_primary %];
2090 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2091 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2092 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2093 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2099 [% IF rtl == 't' -%]
2105 padding-bottom: 10px;
2106 font-size: [% css_fonts.size_small %];
2109 #footer .navbar-nav {
2110 justify-content: center;
2113 #copyright_text, #footer_logo {
2114 color: [% css_colors.footer_link %];
2115 font-size: [% css_fonts.size_small %];
2124 .advanced_div { padding-top: 15px; }
2125 #adv_global_search { width: 100%; }
2126 #adv_global_addrow td { padding-top: 7px; }
2127 [% IF rtl == 't' -%]
2128 #adv_global_addrow.td-search-left{text-align:right;}
2130 #adv_global_input_table { width: 100%; }
2131 #adv_global_input_table select { width: 7em; }
2133 font-size: [% css_fonts.size_smaller %];
2134 color: [% css_colors.text_alert %];
2136 #acct_prefs_header {
2137 [% IF rtl == 't' -%]
2143 .search_page_nav_link {
2145 [% IF rtl == 't' -%]
2151 #opac.result.sort { width: 160px; }
2152 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2154 [% IF rtl == 't' -%]
2160 color: [% css_colors.text_alert %];
2162 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2163 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2164 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2165 #adv_search_refine {
2166 [% IF rtl == 't' -%]
2171 background-color: [% css_colors.accent_lighter2 %];
2174 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2176 background-color: [% css_colors.background %];
2177 color: [% css_colors.primary %]; text-decoration: none;
2178 padding: 0; border: 0; margin: 0;
2179 vertical-align: middle;
2181 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2182 .no-dec:hover { text-decoration: none; }
2183 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2185 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2186 #account-update-email table td {
2187 [% IF rtl == 't' -%]
2192 padding: 5px 15px 5px 15px;
2193 border-bottom: 1px solid [% css_colors.accent_lighter %];
2195 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2196 a.dash-link:hover { text-decoration: underline !important; }
2197 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2198 #list_create_table {
2199 background-color: [% css_colors.accent_light %];
2200 padding-bottom: 4px;
2201 margin-bottom: 10px;
2202 border-bottom: 1px dotted [% css_colors.accent_medium %];
2205 .list_create_table_label {
2208 #list_description, #list_create_name {
2211 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2212 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2213 .results_row_count { font-weight: bold; }
2216 [% IF rtl == 't' -%]
2217 padding-right: 1em !important;
2219 padding-left: 1em !important;
2221 vertical-align: middle;
2223 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2224 .hold-editor-controls a { padding-left: 2em; }
2227 [% IF rtl == 't' -%]
2234 [% IF rtl == 't' -%]
2237 vertical-align: top;
2240 .rdetail-author-div {
2241 padding-bottom: 10px;
2242 display: inline-block;
2245 .invisible { visibility: hidden; }
2246 .rdetail-extras-summary { margin: 10px; }
2247 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2248 .expert-search tbody tr th {
2249 [% IF rtl == 't' -%]
2257 #adv_expert_row label { font-weight: bold; }
2259 .cn_browse_item { padding: 2ex; }
2260 .results-paginator-list {
2261 [% IF rtl == 't' -%]
2267 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2268 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2269 .unread-patron-message { font-weight: bold; }
2271 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2272 .hold-items-list-title {
2273 font-size: [% css_fonts.size_bigger %];
2274 margin-bottom: 20px;
2276 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2278 .hold_success_links > span { margin: 0 2em; }
2280 .radio-parts-selection {
2282 margin-bottom: 20px;
2285 .parts-radio-option {
2286 display: inline-block;
2290 .mr_holds_no_formats {
2291 [% IF rtl == 't' -%]
2299 color: [% css_colors.text_invert %];
2300 background-color: [% css_colors.primary %];
2303 .holds_item_row_separator td {
2304 border-top: 2px dashed [% css_colors.accent_medium %];
2307 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2309 .results_header_btns, .results_header_sel {
2310 [% IF rtl == 't' -%]
2318 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2319 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2322 .opac-multiline-button > a,
2323 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2324 color: [% css_colors.button_text %];
2326 text-decoration: none;
2327 cursor: pointer !important;
2329 border: 1px solid [% css_colors.primary %];
2330 background-color: [% css_colors.primary_fade %];
2333 display: inline-block;
2336 .opac-multiline-button > a:hover,
2337 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2338 background-color: [% css_colors.primary %];
2341 .opac-button:disabled {
2342 color: [% css_colors.accent_medium %];
2343 cursor: pointer !important;
2344 border: 1px solid [% css_colors.accent_light %];
2345 background-color: [% css_colors.accent_lighter %];
2348 /* Firefox adds its own special space to inputs; this gets us closer */
2349 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2354 .opac-button-header, #dash_wrapper .opac-button {
2355 background-color: [% css_colors.control %];
2356 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2357 font-size: [% css_fonts.size_base %];
2359 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2360 border-color: [% css_colors.control %];
2363 .opac-multiline-button > a {
2364 display: inline-block;
2367 #myopac_checked_div {
2371 .rdetail-mfhd-head {
2374 background-color: [% css_colors.table_heading %];
2377 .rdetail-mfhd-type {
2378 [% IF rtl == 't' -%]
2385 .rdetail-mfhd-bottom {
2386 border-bottom: thin solid [% css_colors.border_dark %];
2390 #rdetail_record_details {
2396 [% IF rtl == 't' -%]
2397 margin-right: 1.5em;
2398 padding-right: 1.5em;
2401 padding-left: 1.5em;
2405 .rdetail_content_type, .rdetail_subject_type {
2406 vertical-align: top;
2410 .bookbag-item-row td { vertical-align: top; }
2412 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2414 color: [% css_colors.text_greatnews %];
2418 .rdetail_related_subjects {
2422 .rdetail_related_series {
2430 .rdetail_openurl_entry {
2431 [% IF rtl == 't' -%]
2439 .bookbag-controls-holder { width: 100%; }
2440 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2441 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2442 .bookbag-controls-holder .most {
2443 [% IF rtl == 't' -%]
2451 .bookbag-controls-title-block {
2452 [% IF rtl == 't' -%]
2459 .bookbag-controls-button-block {
2460 [% IF rtl == 't' -%]
2467 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2468 .bookbag-share .fixed { min-width: 4em; }
2470 [% IF rtl == 't' -%]
2476 .bookbag-specific div.sort {
2477 [% IF rtl == 't' -%]
2488 .bookbag-specific div.meta {
2489 background-color: [% css_colors.accent_light %];
2490 [% IF rtl == 't' -%]
2498 border: 1px solid [% css_colors.accent_light %];
2502 #bbag-name-desc-form tr th { vertical-align: middle; }
2503 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2504 .bookbag-description {
2509 .bbag-edit-desc-label {
2510 [% IF rtl == 't' -%]
2517 .bbag-edit-desc-save {
2521 #bbag-edit-description {
2523 [% IF rtl == 't' -%]
2531 [% IF rtl == 't' -%]
2538 [% IF rtl == 't' -%]
2544 .bbag-navigate-list {
2545 [% IF rtl == 't' -%]
2546 padding-right: 32px;
2553 .bbag-navigate-list-pages {
2554 [% IF rtl == 't' -%]
2555 padding-right: 10px;
2562 textarea { font-family: sans-serif; }
2563 table.bookbag-specific {
2564 border-right: 1px solid [% css_colors.accent_dark %];
2565 border-bottom: 1px solid [% css_colors.accent_medium %];
2570 [% IF rtl == 't' -%]
2572 padding: 0px 10px 0px 0px;
2575 padding: 0px 0px 0px 10px;
2578 .bookbag-share .fixed { min-width: 6em; }
2580 [% IF rtl == 't' -%]
2582 padding: 0px 10px 0px 0px;
2585 padding: 0px 0px 0px 10px;
2588 .bookbag-specific td.list_checkbox {
2589 [% IF rtl == 't' -%]
2590 padding-right: 10px !important;
2592 padding-left: 10px !important;
2595 .bookbag-specific td.list_entry {
2597 [% IF rtl == 't' -%]
2598 padding-right: 5px !important;
2600 padding-left: 5px !important;
2603 .bookbag-specific td.list_actions {
2604 white-space: nowrap !important;
2606 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2609 padding: 8px 0px 6px 0px;
2612 font-size: [% css_fonts.size_bigger %];
2616 .save-notes { padding-bottom: 1.5ex; }
2618 .nonbreaking-wrapper {
2619 display: inline-block;
2622 /* Moved from semiauto.css */
2623 .adv_global_input_container {
2624 border-bottom: none;
2628 border-bottom: none;
2631 .adv_global_filter_sort {
2635 .clear-both { clear: both; }
2646 .opac-alert { color: [% css_colors.text_alert %]; }
2649 [% IF rtl == 't' -%]
2656 [% IF rtl == 't' -%]
2663 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2664 .saved-searches-header .button {
2665 [% IF rtl == 't' -%]
2672 .saved-searches-header .text {
2673 [% IF rtl == 't' -%]
2682 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2683 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2684 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2685 [% IF rtl == 't' -%]
2686 border-left: 1px solid [% css_colors.accent_darker %];
2688 border-right: 1px solid [% css_colors.accent_darker %];
2691 .result_item_circulated {
2695 .result_item_circulated span {
2698 [% IF rtl == 't' -%]
2705 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2706 #result-bookbag-heading { text-align: center; margin: 2ex; }
2708 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2709 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2710 .result-bookbag-item-note { font-style: italic; }
2711 .lowhits-bookbag-name { font-weight: bold; }
2712 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2713 .oils_AS_match_term {
2714 [% IF rtl == 't' -%]
2719 color: [% css_colors.text %];
2721 .oils_AS_match_field {
2722 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2723 [% IF rtl == 't' -%]
2728 color: [% css_colors.accent_medium %];
2730 table.result_holdings_table {
2734 table.result_holdings_table thead tr {
2735 background-color: [% css_colors.table_heading %];
2737 table.result_holdings_table thead tr th {
2741 margin: 0 2em 0 2em;
2744 vertical-align: super;
2745 font-size: [% css_fonts.size_smaller %];
2746 line-height: normal;
2747 text-decoration: none;
2749 .rdetail-holding-group {
2750 [% IF rtl == 't' -%]
2751 margin-right: 1.5em;
2756 .rdetail-holding-group span {
2757 [% IF rtl == 't' -%]
2758 margin-right: 1.5em;
2763 .rdetail-holding-group .paging {
2764 [% IF rtl == 't' -%]
2765 margin-right: 1.5em;
2770 #rdetail_deleted_exp {
2774 border: thick solid [% css_colors.border_alert %];
2777 #ac_tab_wrapper { width : 100%; }
2779 [% IF rtl == 't' -%]
2784 padding-right: 10px;
2786 font-size: [% css_fonts.size_big %];
2788 border: 1px solid [% css_colors.primary_offset %];
2790 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2791 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2792 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2794 /* Popmenu styles used for making css menus. */
2808 width: 10em; /* Width to help Opera out */
2809 background-color: [% css_colors.primary %];
2811 .popmenu li:hover ul {
2816 border-color: [% css_colors.border_dark %];
2818 border-style: solid;
2820 .popmenu li:hover li {
2823 .popmenu li:hover li a {
2824 background-color: [% css_colors.primary %];
2825 color: [% css_colors.accent_ultralight %];
2827 .popmenu li li a:hover {
2828 background-color: [% css_colors.accent_ultralight %];
2829 color: [% css_colors.primary %];
2831 /* Styles for the basket entry. */
2832 .popmenu li:hover li[class~="temporary"] a {
2833 background-color: [% css_colors.primary %];
2834 color: [% css_colors.accent_ultralight %];
2836 .popmenu li li[class~="temporary"] a:hover {
2837 background-color: [% css_colors.accent_ultralight %];
2838 color: [% css_colors.primary %];
2840 /* Styles for the default list entry. */
2841 .popmenu li:hover li[class~="default"] a {
2842 background-color: [% css_colors.primary %];
2843 color: [% css_colors.accent_ultralight %];
2845 .popmenu li li[class~="default"] a:hover {
2846 background-color: [% css_colors.accent_ultralight %];
2847 color: [% css_colors.primary %];
2849 /* Styles for the new list entry. */
2850 .popmenu li:hover li[class~="new"] a {
2851 background-color: [% css_colors.primary %];
2852 color: [% css_colors.accent_ultralight %];
2854 .popmenu li li[class~="new"] a:hover {
2855 background-color: [% css_colors.accent_ultralight %];
2856 color: [% css_colors.primary %];
2858 /* Style to add a divider on the menu. */
2859 .popmenu li li[class~="divider"] {
2860 border-bottom-width: 1px;
2861 border-bottom-color: [% css_colors.border_dark %];
2862 border-bottom-style: solid;
2868 #patron_usr_barcode_not_found {
2869 font-weight: bold; color: [% css_colors.text_alert %];
2882 padding-bottom: 0.5em;
2886 #maintenance_message {
2889 background-color: [% css_colors.text_alert %];
2890 color: [% css_colors.text_invert %];
2894 #search-box > span {
2901 .browse-result-sources, .browse-result-authority-bib-links {
2902 [% IF rtl == 't' -%]
2908 .browse-result-best-match {
2914 .browse-result-list {
2915 padding-bottom: 0.5ex;
2918 font-size: [% css_fonts.size_bigger %];
2920 .browse-result-authority-field-name {
2922 [% IF rtl == 't' -%]
2928 .browse-leading-article-warning {
2930 font-size: [% css_fonts.size_big %];
2932 .browse-public-general-note {
2933 font-size: [% css_fonts.size_big %];
2935 .browse-public-general-note-label { }
2936 .browse-public-general-note-institution {
2940 .browse-public-general-note-body {
2948 #main-content-register {
2949 [% IF rtl == 't' -%]
2954 font-size: [% css_fonts.size_bigger %];
2957 #main-content-register table {
2960 border-collapse: collapse;
2963 #main-content-register td {
2964 [% IF rtl == 't' -%]
2971 #main-content-register td:not(:first-child) {
2972 [% IF rtl == 't' -%]
2973 padding-right: 20px;
2979 .patron-reg-invalid {
2982 [% IF rtl == 't' -%]
2985 padding-right: 10px;
2989 .result_footer_nav1 {
2993 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2997 .rdetail_authors_div {
3001 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3002 white-space: nowrap;
3003 display: inline-block;
3006 .result_table_title_cell {
3008 padding-bottom: 4px;
3012 font-size: [% css_fonts.size_bigger %];
3015 /* styling for sms text call number */
3017 font-family: Arial, Helvetica, sans-serif;
3018 font-size: [% css_fonts.size_medium %];
3019 background-color: [% css_colors.accent_lightest %];
3021 /* Allow text to wrap */
3022 white-space: pre-wrap; /* css-3 */
3023 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
3024 white-space: -pre-wrap; /* Opera 4-6 */
3025 white-space: -o-pre-wrap; /* Opera 7 */
3026 word-wrap: break-word; /* Internet Explorer 5.5+ */
3033 /* patron message center */
3034 #myopac_message_tbody {
3035 vertical-align: top;
3037 .myopac_message_message {
3038 white-space: pre-wrap;
3045 .browse-pager-spinner {
3046 display: inline-block;
3051 /* override a tiny bootstrap alignment issue */
3056 @media only screen and (min-width: 992px) {
3064 display:none !important;
3068 @media only screen and (max-width: 767px) {
3069 .search_box_wrapper {
3075 @media only screen and (max-width: 800px) {
3077 width: 100% !important;
3079 .facet_sidebar_hidden, .result_block_hidden {
3082 .facet_sidebar_visible, .result_block_visible {
3083 display: inline ! important;
3085 #acct_select, #acct_prefs_select {
3086 display: inline-block;
3088 #acct_tabs, #acct_prefs_tabs {
3091 .radio-parts-selection { width: 90%; }
3092 #list_description, #list_create_name {
3097 @media only screen and (max-width: 600px) {
3099 font-size: [% css_fonts.size_big %];
3101 span .nav_arrow_fix {
3108 #homesearch_main_logo img {
3118 #your-acct-login a {
3129 #gold-links-holder {
3132 #simple-detail-view-links {
3135 #acct_tabs a, #acct_fines_tabs a {
3136 [% IF rtl == 't' -%]
3137 border-radius: 6px 0px 0px 6px;
3138 margin: 0px 0px 0px 5px;
3140 border-radius: 6px 6px 0px 0px;
3141 margin: 0px 5px 0px 0px;
3143 padding: 2px 4px 3px 4px;
3144 font-size: [% css_fonts.size_base %];
3146 .bookbag-controls-title-block {
3147 [% IF rtl == 't' -%]
3154 .bookbag-controls-button-block {
3155 [% IF rtl == 't' -%]
3163 [% IF rtl == 't' -%]
3169 .bookbag-specific div.sort {
3170 [% IF rtl == 't' -%]
3178 margin: 5px 0px 5px 0px;
3179 border: 1px solid [% css_colors.accent_light %];
3182 .bookbag-specific div.meta {
3183 [% IF rtl == 't' -%]
3197 [% IF rtl == 't' -%]
3204 #bbag-edit-description {
3210 border:1px solid [% css_colors.accent_light %];
3213 [% IF rtl == 't' -%]
3220 .bbag-action-field {
3223 .bookbag-specific div.sort select {
3226 .bookbag-specific tr {
3228 border-bottom: 1px solid [% css_colors.border_standard %];
3230 .bookbag-specific td.list_checkbox {
3231 [% IF rtl == 't' -%]
3232 padding-right: 0px !important;
3234 padding-left: 0px !important;
3237 .bookbag-specific td.list_entry {
3238 display: inline-block;
3240 [% IF rtl == 't' -%]
3241 padding-right: 40% !important;
3243 padding-left: 40% !important;
3246 .bookbag-specific td.list_entry:before {
3247 content: attr(data-label);
3249 [% IF rtl == 't' -%]
3255 .bbag-navigate-list {
3258 .bbag-navigate-list-pages {
3259 [% IF rtl == 't' -%]
3268 background-color: transparent;
3275 #dash_wrapper .opac-button {
3278 .small_view_only, #filter_hits {
3279 display: inline !important;
3282 [% IF rtl == 't' -%]
3289 #holds_box form blockquote {
3290 [% IF rtl == 't' -%]
3298 #holds_box form blockquote select {
3301 #myopac_sum_fines_placehold {
3307 #list_description, #list_create_name {
3310 .results_header_lbl {
3313 .results_header_nav1 span.h1 {
3319 .start_end_links_span {
3325 .result_table_pic_header {
3326 [% IF rtl == 't' -%]
3327 padding-right: 0px !important;
3330 padding-left: 0px !important;
3333 width: 0px !important;
3341 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3344 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3345 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3348 #results_header_bar {
3349 background-color: inherit;
3351 .results_header_btns a {
3354 .adv_filter_results_hide {
3357 .adv_filter_results_show {
3360 .adv_filter_results_block_label {
3363 .adv_filter_results_group_wrapper {
3369 #rdetails_status thead {
3372 #rdetails_status tr {
3376 #rdetails_status td {
3381 background-color: [% css_colors.accent_lightest %];
3383 .copy_details_offers_row {
3384 background-color: [% css_colors.accent_lightest %];
3386 select#pickup_lib.search-wrapper-locg {
3389 #search-wrapper #search-box {
3393 #main-content-home {
3397 /* Make use of full width in mobile mode */
3398 .facet_box_wrapper .box_wrapper .box,
3399 .facet_template .facet,
3403 .facet_template .count {
3404 [% IF rtl == 't' -%]
3413 #adv_search_parent {
3414 font-size: [% css_fonts.size_smaller %];
3416 #adv_search_filters {
3421 [% IF rtl == 't' -%]
3427 .rdetail_aux_utils {
3434 div#rdetail_actions_div {
3440 #metarecord_population {
3444 .metarecord_population_span_link {
3446 .metarecord_population_item_lang {
3449 .search_catalog_lbl {
3450 [% IF rtl == 't' -%]
3455 white-space: nowrap;
3457 .adv_search_catalog_lbl {
3459 white-space: nowrap;
3461 .browse_the_catalog_lbl {
3462 white-space: nowrap;
3476 .dash_account_buttons {
3479 .searchbar { line-height: 1.5em; }
3480 #browse-controls { line-height: 1.5em; }
3481 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3488 .bookshelf table thead tr {
3491 #lowhits_help { width: inherit; }
3493 font-size: [% css_fonts.size_small %];
3494 margin: 2px 2px 0px 2px;
3495 padding: 2px 2px 5px 2px;
3496 [% IF rtl == 't' -%]
3497 border-radius: 7px 0px 0px 7px;
3499 border-radius: 7px 7px 0px 0px;
3502 #adv_global_tbody td {
3503 border-bottom: thin solid [% css_colors.accent_light %];
3505 #adv_global_addrow td {
3506 border-bottom: none;
3508 /* Force table to not be like tables anymore */
3509 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 {
3512 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 {
3516 /* Hide table headers (but not display: none;, for accessibility) */
3520 [% IF rtl == 't' -%]
3527 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 {
3531 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3533 /* Holds history gets large white border to mimic header cell on other
3534 account screens that provide visual cue for next title. We should do
3535 the same for ebook tables too since we have no actions on those
3536 tables. If actions get added, we should move those tables out of
3539 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3540 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3542 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 {
3543 /* Behave like a "row" */
3545 border-bottom: 1px solid #eee;
3547 [% IF rtl == 't' -%]
3554 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 {
3555 /* Now like a table header */
3557 /* Top/left values mimic padding */
3560 [% IF rtl == 't' -%]
3565 padding-right: 10px;
3567 white-space: nowrap;
3570 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3571 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3572 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3573 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3574 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3575 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3576 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3578 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3579 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3580 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3581 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3582 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3583 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3584 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3585 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3587 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3588 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3589 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3590 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3591 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3592 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3593 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3594 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3596 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3597 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3598 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3599 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3600 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3602 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3603 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3604 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3605 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3607 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3608 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3609 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3610 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3614 /*Want to see these in mobile ONLY */
3619 .mobile_search_lbl_clr{
3620 color:[% css_colors.mobile_header_text %];
3626 For text which is visible only to screen readers.
3627 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3628 See also http://webaim.org/techniques/css/invisiblecontent/
3637 clip: rect(0, 0, 0, 0);
3641 /* Make added rows in Expert Search have bold labels like the initial row */
3648 font-weight: lighter;
3652 #results-page-depth-hint {
3657 #clear-history-confirm {
3659 color: [% css_colors.text_badnews %];
3663 /*Inline rules from other templates files*/
3666 [% IF rtl == 't' -%]
3674 [% IF rtl == 't' -%]
3680 #myopac_summary_div{padding:0px;}
3682 [% IF rtl == 't' -%]
3689 [% IF rtl == 't' -%]
3696 [% IF rtl == 't' -%]
3703 padding-bottom: 10px;
3706 [% IF rtl == 't' -%]
3707 padding-right: 10px;
3711 padding-bottom: 15px;
3713 .hold-span{font-weight: bold;}
3715 [% IF rtl == 't' -%]
3722 [% IF rtl == 't' -%]
3729 [% IF rtl == 't' -%]
3736 /* Rules from metarecord_hold_filters.tt2 */
3738 .metarecord_filters{
3741 border-bottom: 1px solid #333;
3742 border-top: 1px solid #333; }
3743 .metarecord_filter_container{
3744 [% IF rtl == 't' -%]
3752 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3753 .metarecord_filter_header{padding-bottom: 5px;}
3755 /* Toggled items. */
3756 /* A block that is initially hidden and shown by clicking an anchor. */
3757 [id^="toggled-block-"]{
3760 [id^="toggled-block-"]:target{
3763 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3764 [id^="toggled-inline-"]{
3767 [id^="toggled-inline-"]:target{
3772 font-weight: bolder;
3773 background-color: #99ff99;
3776 .oils_SH.identifier {
3777 font-weight: bolder;
3778 background-color: #42b0f4;
3780 .hold_note_title { font-weight: bold; }
3783 #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 {
3784 background-color: [% css_colors.background %];
3786 border: 1px solid #d3d3d3;
3789 #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 {
3790 [% IF rtl == 't' -%]
3795 padding: 0px 10px 0px 10px;
3797 #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 {
3798 border-collapse: collapse;
3801 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3802 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3803 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3804 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3805 #hold_editor_table th {
3806 [% IF rtl == 't' -%]
3814 #hold_editor_table td { padding: 0.25em 0; }
3838 .carousel-entry-image {
3842 .carousel .glide__arrow {
3843 color: [% css_colors.button_text %];
3844 font-weight: bold !important;
3845 text-decoration: none !important;
3848 border: 1px solid [% css_colors.primary %];
3849 background-color: [% css_colors.primary_fade %];
3852 display: inline-block;
3854 .carousel .glide__arrow--right {
3857 .carousel .glide__arrow--left {
3863 white-space: nowrap;
3869 display: inline-block;
3875 filter: alpha(opacity=50);
3876 background-color: #fff; /* Used if the image is unavailable */
3877 height: 500px; /* You must set a specified height */
3878 background-position: center; /* Center the image */
3879 background-repeat: no-repeat; /* Do not repeat the image */
3880 background-size: contain; /* Resize the background image to cover the entire container */
3881 background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3885 .navbar-dark .navbar-nav .nav-link{
3886 color: #fff !important;
3897 .checkCell{width:30px;}
3899 @media (min-width: 650px){
3901 max-width: 600px !important;
3910 .facet_box_wrapper .card-header{
3911 background-color: [% css_colors.facets_back %];
3912 color: [% css_colors.facets_text %];
3914 .facet_box_wrapper .card-body {
3921 transform: translateY(-50%);
3929 background-color: #c8ffaf;
3933 text-align:left !important;
3942 .my_nav .dropdown button {
3946 .my_nav .dropdown-toggle::after{
3948 margin: 5px 0 0 5px;
3951 .dropdown-item:active {
3952 background-color: #EDFFCC;
3955 .my_nav .fas, .mynav .far{
3964 color: [% css_colors.link %];
3967 .page-item.active .page-link {
3968 background-color: [% css_colors.link %];
3969 border-color: [% css_colors.link %];
3972 .btn-outline-primary {
3973 border-color: [% css_colors.link %];
3974 color: [% css_colors.link %];
3977 .btn-outline-primary:hover {
3978 color: [% css_colors.button_confirm_text %];
3979 background-color: [% css_colors.button_confirm_hover %];
3980 border-color: [% css_colors.button_confirm_border_hover %];
3983 #rdetail_extras_div .card-header {
3984 background-color: #007a54;
3987 #rdetail_extras_div .card-header a {
3991 #record_actions .btn {
3995 .alert-danger a:link,
3996 .alert-danger a:visited {
4000 .language_form button {
4005 color:[% css_colors.footer_link %];
4007 .language_form button:disabled {
4008 color:[% css_colors.footer_link_disabled %];
4014 color:[% css_colors.footer_link %];