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;}
91 .holdingsTable tr:nth-of-type(1):before { content: "Copy #1"; display: block; text-align:center; }
92 .holdingsTable tr:nth-of-type(2):before { content: "Copy #2"; display: block; text-align:center;}
93 .holdingsTable tr:nth-of-type(3):before { content: "Copy #3"; display: block; text-align:center;}
94 .holdingsTable tr:nth-of-type(4):before { content: "Copy #4"; display: block; text-align:center;}
95 .holdingsTable tr:nth-of-type(5):before { content: "Copy #5"; display: block; text-align:center;}
96 .holdingsTable tr:nth-of-type(6):before { content: "Copy #6"; display: block; text-align:center;}
97 .holdingsTable tr:nth-of-type(7):before { content: "Copy #7"; display: block; text-align:center;}
98 .holdingsTable tr:nth-of-type(8):before { content: "Copy #8"; display: block; text-align:center;}
99 .holdingsTable tr:nth-of-type(9):before { content: "Copy #9"; display: block; text-align:center;}
100 .holdingsTable tr:nth-of-type(10):before { content: "Copy #10"; display: block; text-align:center;}
103 .holdingsTable td:nth-of-type(1):before { content: "Library"; display: flex; }
104 .holdingsTable td:nth-of-type(2):before { content: "Shelving location"; display: flex; }
105 .holdingsTable td:nth-of-type(3):before { content: "Call number"; display: flex;}
106 .holdingsTable td:nth-of-type(4):before { content: "Status"; display: flex;}
108 .chargesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
109 .chargesTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
110 .chargesTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
111 .chargesTable td:nth-of-type(4):before { content: "Note"; display: flex;}
112 .chargesTable td:nth-of-type(5):before { content: "Date"; display: flex;}
114 .chargesMainTable td:nth-of-type(1):before { content: "Select"; display: flex; }
115 .chargesMainTable td:nth-of-type(2):before { content: "Owed"; display: flex; }
116 .chargesMainTable td:nth-of-type(3):before { content: "Billing Type"; display: flex;}
117 .chargesMainTable td:nth-of-type(4):before { content: "Title"; display: flex;}
118 .chargesMainTable td:nth-of-type(5):before { content: "Checkout"; display: flex;}
119 .chargesMainTable td:nth-of-type(6):before { content: "Due"; display: flex;}
120 .chargesMainTable td:nth-of-type(7):before { content: "Returned/Renewed"; display: flex;}
122 .activeHoldstable td:nth-of-type(1):before { content: "Select"; display: flex; }
123 .activeHoldstable td:nth-of-type(2):before { content: "Title"; display: flex; }
124 .activeHoldstable td:nth-of-type(3):before { content: "Author"; display: flex;}
125 .activeHoldstable td:nth-of-type(4):before { content: "Format"; display: flex;}
126 .activeHoldstable td:nth-of-type(5):before { content: "Pickup Location"; display: flex;}
127 .activeHoldstable td:nth-of-type(6):before { content: "Cancel If Not Filled By"; display: flex;}
128 .activeHoldstable td:nth-of-type(7):before { content: "Status"; display: flex;}
129 .activeHoldstable td:nth-of-type(8):before { content: "Notes"; display: flex;}
131 .holdHistoryTable td:nth-of-type(1):before { content: "Title"; display: flex; }
132 .holdHistoryTable td:nth-of-type(2):before { content: "Author"; display: flex; }
133 .holdHistoryTable td:nth-of-type(3):before { content: "Format"; display: flex; }
134 .holdHistoryTable td:nth-of-type(4):before { content: "Pickup Location"; display: flex; }
135 .holdHistoryTable td:nth-of-type(5):before { content: "Status"; display: flex; }
137 .paymentTable td:nth-of-type(1):before { content: "Payment Date"; display: flex; }
138 .paymentTable td:nth-of-type(2):before { content: "Payment For"; display: flex; }
139 .paymentTable td:nth-of-type(3):before { content: "Amount"; display: flex; }
140 .paymentTable td:nth-of-type(4):before { content: "Receipt"; display: flex; }
142 .messagesTable td:nth-of-type(1):before { content: "Select"; display: flex; }
143 .messagesTable td:nth-of-type(2):before { content: "Date"; display: flex; }
144 .messagesTable td:nth-of-type(3):before { content: "Library"; display: flex; }
145 .messagesTable td:nth-of-type(4):before { content: "Subject"; display: flex; }
146 .messagesTable td:nth-of-type(5):before { content: ""; display: flex; }
148 .circTable td:nth-of-type(1):before { content: "Select"; display: flex; }
149 .circTable td:nth-of-type(2):before { content: "Title"; display: flex; }
150 .circTable td:nth-of-type(3):before { content: "Author"; display: flex; }
151 .circTable td:nth-of-type(4):before { content: "Renewals Left"; display: flex; }
152 .circTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
153 .circTable td:nth-of-type(6):before { content: "Barcode"; display: flex; }
154 .circTable td:nth-of-type(7):before { content: "Call Number"; display: flex; }
156 .circHistTable td:nth-of-type(1):before { content: "Select"; display: flex; }
157 .circHistTable td:nth-of-type(2):before { content: "Title"; display: flex; }
158 .circHistTable td:nth-of-type(3):before { content: "Author"; display: flex; }
159 .circHistTable td:nth-of-type(4):before { content: "Checkout Date"; display: flex; }
160 .circHistTable td:nth-of-type(5):before { content: "Due Date"; display: flex; }
161 .circHistTable td:nth-of-type(6):before { content: "Date Returned"; display: flex; }
162 .circHistTable td:nth-of-type(7):before { content: "Barcode"; display: flex; }
163 .circHistTable td:nth-of-type(8):before { content: "Call Number"; display: flex; }
165 .bookbagTable td:nth-of-type(1):before { content: ""; display: flex; }
166 .bookbagTable td:nth-of-type(2):before { content: "Title"; display: flex; }
167 .bookbagTable td:nth-of-type(3):before { content: "Author(s)"; display: flex; }
168 .bookbagTable td:nth-of-type(4):before { content: "Local Call number"; display: flex; }
169 .bookbagTable td:nth-of-type(5):before { content: "Publication Date"; display: flex; }
170 .bookbagTable td:nth-of-type(6):before { content: "Format"; display: flex; }
171 .bookbagTable td:nth-of-type(7):before { content: "Notes"; display: flex; }
173 .eholdsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
174 .eholdsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
175 .eholdsTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
176 .eholdsTable td:nth-of-type(4):before { content: "Status"; display: flex; }
177 .eholdsTable td:nth-of-type(5):before { content: "Actions"; display: flex; }
179 .eholdsreadyTable td:nth-of-type(1):before { content: "Title"; display: flex; }
180 .eholdsreadyTable td:nth-of-type(2):before { content: "Author"; display: flex; }
181 .eholdsreadyTable td:nth-of-type(3):before { content: "Expire Date"; display: flex; }
182 .eholdsreadyTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
184 .echeckoutTable td:nth-of-type(1):before { content: "Title"; display: flex; }
185 .echeckoutTable td:nth-of-type(2):before { content: "Author"; display: flex; }
186 .echeckoutTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
187 .echeckoutTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
189 .ecircsTable td:nth-of-type(1):before { content: "Title"; display: flex; }
190 .ecircsTable td:nth-of-type(2):before { content: "Author"; display: flex; }
191 .ecircsTable td:nth-of-type(3):before { content: "Due Date"; display: flex; }
192 .ecircsTable td:nth-of-type(4):before { content: "Actions"; display: flex; }
194 .bucketTable td:nth-of-type(2):before { content: "Title"; display: flex; text-align:left; }
195 .bucketTable td:nth-of-type(3):before { content: "Author"; display: flex; text-align:left; }
196 .bucketTable td:nth-of-type(4):before { content: "Call Number"; display: flex; text-align:left; }
198 /*Media Style Additions*/
200 padding: 5px !important;
201 text-align: center !important;
208 }/*Micro Tables End*/
214 .coverImage{position: relative;}
215 .carousel .glide__arrow{background: unset;}
222 font-size: 16pt !important;
224 font-weight: 600 !important;
228 font-size: 16pt !important;
229 font-weight: 600 !important;
232 .NovSelectImageHeadingToggle{
237 /*Novelist Styling End*/
242 color: [% css_colors.button_confirm_text %];
243 background-color: [% css_colors.button_confirm %];
244 border-color: [% css_colors.button_confirm_border %];
248 color: [% css_colors.button_confirm_text %];
249 background-color: [% css_colors.button_confirm_hover %];
250 border-color: [% css_colors.button_confirm_border_hover %];
254 color: [% css_colors.button_deny_text %];
255 background-color: [% css_colors.button_deny %];
256 border-color: [% css_colors.button_deny_border_hover %];
260 color: [% css_colors.button_deny_text %];
261 background-color: [% css_colors.button_deny_hover %];
262 border-color: [% css_colors.button_deny_border_hover %];
266 color: [% css_colors.button_remove_text %];
267 background-color: [% css_colors.button_remove %];
268 border-color: [% css_colors.button_remove_border %];
272 color: [% css_colors.button_remove_text %];
273 background-color: [% css_colors.button_remove_hover %];
274 border-color: [% css_colors.button_remove_border_hover %];
278 color: [% css_colors.opac_button_text %] !important;
279 background-color: [% css_colors.opac_button %];
280 border-color: [% css_colors.opac_button_border %];
284 color: [% css_colors.opac_button_text %];
285 background-color: [% css_colors.opac_button_hover %] !important;
286 border-color: [% css_colors.opac_button_border_hover %];
290 color: [% css_colors.action_button_text %] !important;
291 background-color: [% css_colors.action_button %];
292 border-color: [% css_colors.action_button_border %];
296 color: [% css_colors.action_button_text %];
297 background-color: [% css_colors.action_button_hover %] !important;
298 border-color: [% css_colors.action_button_border_hover %];
301 color: [% css_colors.action_button_text_anchors %];
310 color: [% css_colors.zero_count %] !important;
314 color: [% css_colors.non_zero_count %] !important;
318 padding: .25rem .25rem !important;
321 border-radius: 1rem !important;
325 .cn_browse_item .card{
328 #facets .card-header,#facets .card-header a {
329 background-color: [% css_colors.facets_back %];
330 color: [% css_colors.text_invert %]
333 .facet_template:hover{
334 background-color:#e8e8e8;
338 color: [% css_colors.text_alert %] !important;
347 color: green !important;
350 border: 1px solid black;
351 box-shadow: 2px 2px #00000054;
353 .dropdown-item.active, .dropdown-item:active{
354 color : #000 !important;
360 border: 2px solid #007bff;
366 max-width: 100px !important;
385 font-family: [% css_fonts.font_main %] !important;
386 font-size: [% css_fonts.size_base %];
387 /* background-color: [% css_colors.primary %]; */
394 font-family: [% css_fonts.font_main %] !important;
395 font-size: [% css_fonts.size_base %];
406 #homesearch_main_logo {
413 color: [% css_colors.link %];
421 #search-wrapper input[type=text] {
422 height: calc(1.8125rem + 2px);
427 #search-wrapper select, .results_header_lbl select {
428 border:1px solid [% css_colors.border_standard %];
429 height: calc(1.8125rem + 2px);
455 #search-wrapper select {
456 border:0px solid [% css_colors.border_dark %];
457 filter:alpha(opacity=0);
466 #actions .btn-action {
476 font-size: [% css_fonts.size_bigger %];
485 div.select-box-wrapper {
507 background-color: [% css_colors.primary %];
515 display:inline-block;
534 #dash_fines { color: [% css_colors.text_badnews %]; }
535 the color contrast between "text_badnews" and "primary"
536 is too low for WCAG compliance. Use "text_attention"
537 for now until a better color is picked - if needed.
540 #dash_wrapper #dash_user_message_button_container {
544 #dash_wrapper #unread_message_count_floater {
546 background-color: [% css_colors.text_alert %];
548 padding-right: 0.2em;
549 display: inline-block;
555 margin-right: -1.5em;
562 /* border-bottom: 5px solid [% css_colors.nav_separation %]; */
563 background-color: [% css_colors.header_primary_fade %];
564 background-image: -moz-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
565 background-image: -o-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
566 background-image: -webkit-linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
567 background-image: linear-gradient([% css_colors.header_primary %], [% css_colors.header_primary_fade %]);
570 color: [% css_colors.background %];
573 font-size: [% css_fonts.size_small %];
577 color: [% css_colors.background %];
581 color: [% css_colors.text_invert %];
582 text-decoration: none;
586 color: [% css_colors.text_invert %];
587 font-size: [% css_fonts.size_small %];
595 color: [% css_colors.text_invert %];
597 text-decoration: none;
607 #header-links a:hover {
608 color: [% css_colors.text_invert %];
609 text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
610 text-decoration: none;
613 #header #header-links2 {
616 color: [% css_colors.text_invert %];
617 padding-bottom: 15px;
620 #header #header-links2 a {
621 color: [% css_colors.text_invert %];
624 #header #header-links2 a:hover {
625 text-decoration: underline;
653 background-color: [% css_colors.background_invert %];
667 .search_box_wrapper {
672 /*border-bottom: 1px solid [% css_colors.border_standard %];*/
674 background-color: [% css_colors.background %];
677 #search-wrapper #breadcrumb {
679 font-size: [% css_fonts.size_smaller %];
687 #search-wrapper #search-within {
699 #search-wrapper #breadcrumb a {
700 color: [% css_colors.text %];
703 #search-wrapper #search_frm label {
704 font-size: [% css_fonts.size_smaller %];
707 #search-wrapper #search-box {
716 padding-bottom: 10px;
719 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
728 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
731 margin: 10px 0px 0px 7px;
732 border-radius: 10px 10px 0px 0px;
735 margin: 10px 7px 0px 0px;
736 border-radius: 10px 10px 0px 0px;
739 vertical-align: middle;
741 padding: 10px 0px 10px 0px;
743 color: [% css_colors.text_invert %];
744 background-color: [% css_colors.control %];
746 text-decoration: none;
749 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
750 padding: 1em 1em 0.5em;
753 #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 {
754 background-color: [% css_colors.primary %];
755 color: [% css_colors.text_invert %];
756 text-decoration: none;
759 #adv_search_filters {
774 .adv_filter_block_item {
793 padding-right: 10px !important;
795 padding-left: 10px !important;
799 #adv_search.on, #num_search.on, #expert_search.on {
800 color: [% css_colors.accent_darker %];
801 background-color: [% css_colors.background %];
802 text-decoration: none;
805 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
806 color: [% css_colors.accent_darker %];
807 background-color: [% css_colors.background %];
808 text-decoration: none;
812 background-color: [% css_colors.control %];
815 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
817 font-size: [% css_fonts.size_smaller %];
818 color: [% css_colors.accent_darker %];
819 padding: 10px 10px 10px 10px;
822 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
823 background-color: [% css_colors.accent_lightest %];
824 color: [% css_colors.accent_darker %];
827 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
828 padding-bottom: 12px;
829 color: [% css_colors.accent_medium %];
832 #acct_select, #acct_prefs_select {
836 #mobile_acct_search_links {
837 background-color: [% css_colors.primary_fade %];
842 padding: 5px 0px 6px 7px;
845 padding: 5px 7px 6px 0px;
848 border-bottom: 1px dotted [% css_colors.accent_light %];
852 color:[% css_colors.primary_fade %];
854 font-size: [% css_fonts.size_bigger %];
857 .rdetail_result_count {
858 color: [% css_colors.text %];
860 display: inline-block;
868 .rdetail_result_nav {
870 display: inline-block;
878 #rdetail_details_table {
882 #rdetail_image { border: none; }
883 #rdetail_image_cell {
896 padding: 0.5em 1em 0.5em 1em;
897 background-color: [% css_colors.accent_lighter2 %];
899 div.rdetail_uris ul li {
908 div.rdetail_show_copies {
912 div#rdetail_actions_div {
913 background-color: [% css_colors.background %];
921 span#rdetail_copy_counts {
922 display: inline-block;
935 span#rdetail_hold_counts {
936 display: inline-block;
939 span#rdetail_hold_counts p {
960 border-right: 1px dotted [% css_colors.accent_light %];
964 border-left:1px dotted [% css_colors.accent_light %];
971 border-bottom: 1px dotted [% css_colors.accent_light %];
975 div.toggle_list { padding-top: 6px; }
979 border-top: 1px dotted [% css_colors.accent_light %];
992 #metarecord_population {
995 padding-bottom: 10px;
998 .metarecord_population_span_link {
1002 .metarecord_population_format {
1004 display: inline-block;
1007 vertical-align: top;
1010 .metarecord_population_item_lang {
1011 display: inline-block;
1012 vertical-align: top;
1015 .metarecord_population_all {
1019 .results_aux_utils {
1020 display: table-cell;
1024 border-bottom: 1px dotted [% css_colors.accent_light %];
1026 [% IF rtl == 't' -%]
1041 #rdetails_status td {
1042 [% IF rtl == 't' -%]
1043 padding: 7px 13px 3px 0px;
1045 padding: 7px 0px 3px 13px;
1049 #rdetails_status td[headers=copy_header_library],
1050 #rdetails_status td[headers=copy_header_shelfloc] {
1051 white-space: normal;
1054 #rdetails_status thead th {
1055 [% IF rtl == 't' -%]
1056 padding: 13px 13px 13px 0px;
1059 padding: 13px 0px 13px 13px;
1062 background-color: [% css_colors.accent_lighter2 %];
1063 font-size: [% css_fonts.size_smaller %];
1067 #rdetails_status tbody td {
1068 [% IF rtl == 't' -%]
1069 padding-right: 13px;
1076 #rdetails_status tbody td.copy_note {
1077 color: [% css_colors.primary %];
1079 white-space:pre-wrap !important;
1083 #rdetails_status tbody td.copy_tag {
1084 border-color: [% css_colors.primary %];
1085 border-style: dashed;
1088 #rdetails_status tbody .copy_tag_value {
1089 font-weight: bolder;
1093 background-color: [% css_colors.primary_fade %];
1094 border: 1px solid [% css_colors.primary %];
1099 #rdetail_extras_div {
1103 .rdetail_extras_hr {
1104 [% IF rtl == 't' -%]
1112 background-color: [% css_colors.accent_light %];
1115 .rdetail_extras_link {
1117 font-size: [% css_fonts.size_smaller %];
1121 .rdetail_extras_lbl {
1122 color: [% css_colors.text_invert %];
1123 text-decoration: none;
1126 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
1127 [% IF rtl == 't' -%]
1134 #rdetail_locs_expand, #rdetail_locs_collapse {
1135 [% IF rtl == 't' -%]
1144 #rdetail_anotes_div .biography {
1148 #gbp_extra, #gbp_arrow_down_link {
1152 .almost-content-wrapper {
1153 background-color: [% css_colors.background %];
1156 #cartDropdown .dropdown-menu {
1161 background-color: [% css_colors.background %];
1166 .content-wrapper-record-page { top: -15px; position: relative; }
1168 #main-content-home {
1169 [% IF rtl == 't' -%]
1170 padding-right: 17px;
1178 [% IF rtl == 't' -%]
1187 #main-content-after-bar {
1188 [% IF rtl == 't' -%]
1197 #results_header_inner {
1198 padding-bottom: 1rem;
1202 [% IF rtl == 't' -%]
1210 background-color: [% css_colors.background %];
1213 #main-content .login_boxes {
1214 border: 1px solid [% css_colors.accent_lighter %];
1215 background-color: [% css_colors.accent_lightest %];
1216 background-image: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1217 background-image: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1218 background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1219 background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1220 background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
1221 color: [% css_colors.accent_darker %];
1224 #main-content .login_boxes h1 {
1225 font-weight: normal;
1226 font-size: [% css_fonts.size_biggest %];
1230 #main-content .left_brain {
1231 [% IF rtl == 't' -%]
1232 padding-right: 28px;
1239 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
1243 background-color: [% css_colors.background %];
1244 font-size: [% css_fonts.size_bigger %];
1245 color: [% css_colors.text %];
1248 #main-content .left_brain .input_bg {
1249 [% IF rtl == 't' -%]
1250 padding: 10px 13px 0px 10px;
1252 padding:10px 10px 0px 13px;
1259 [% IF rtl == 't' -%]
1270 .login-help-button {
1271 font-size: [% css_fonts.size_biggest %];
1275 #login-failed-message {
1276 font-size: [% css_fonts.size_bigger %];
1278 color: [% css_colors.text_alert %];
1282 #holds_temp_parent td {
1283 border-bottom:1px solid [% css_colors.border_standard %];
1286 #holds_temp_parent input, #holds_temp_parent select {
1291 #holds_temp_parent tr td div.format_icon {
1297 #results_header_bar {
1298 background-color: [% css_colors.accent_medium %];
1299 border-top:1px solid [% css_colors.accent_mediumdark %];
1300 border-bottom:1px solid [% css_colors.accent_mediumdark %];
1303 .results_header_lbl {
1304 [% IF rtl == 't' -%]
1310 color: [% css_colors.text %];
1311 /* this border is not visible, but it keeps these labels the same size
1313 border: 1px solid [% css_colors.accent_medium %];
1314 background-color: [% css_colors.accent_medium %];
1315 margin: 0.5em 0.3em;
1318 /* we need a negative margin on the select to allow the containing <label>
1319 to determine the actual size of the element. By doing this, we can increase
1320 the odds that the buttons and the select will be the same size, and therefore
1321 collapse correctly when the window width decreases */
1322 .results_header_lbl select {
1326 #limit_to_available {
1327 vertical-align: middle;
1330 .results_header_sel {
1331 [% IF rtl == 't' -%]
1340 .results_header_nav1 {
1344 .results_header_nav1 .h1 {
1345 font-size: [% css_fonts.size_bigger %];
1347 color:[% css_colors.primary_fade %];
1350 .table_no_border_space {
1351 border-spacing: 0px;
1353 .table_no_cell_pad td {
1357 border-collapse: collapse;
1360 #result_table_table {
1368 tr.result_table_row > td.results_row_count,
1369 tr.result_table_row > td.result_table_pic_header,
1370 tr.result_table_row > td.result_table_title_cell {
1371 vertical-align: top;
1375 [% IF rtl == 't' -%]
1385 tr.result_table_row:nth-child(n+2) > td {
1386 border-top: 1px solid [% css_colors.accent_lighter2 %];
1389 tr.result_table_row > td.result_table_pic_header {
1390 [% IF rtl == 't' -%]
1395 white-space: nowrap;
1399 /* styles for selecting records in the results set */
1400 .result_table_row_selected {
1401 background-color: [% css_colors.item_selected %];
1403 #selected_records_summary, #clear_basket {
1407 /* styles for the basket */
1409 [% IF rtl == 't' -%]
1417 #record_basket_icon {
1418 [% IF rtl == 't' -%]
1427 #record_basket_count_floater {
1428 background-color: #ddd;
1437 #record_basket_count_floater a {
1438 text-decoration: none;
1443 #basket_actions select {
1444 border-color: rgb(169, 169, 169);
1448 [% IF rtl == 't' -%]
1453 white-space: nowrap;
1456 .result_count_number {
1460 .result_table_subtable {
1465 div.result_table_utils_cont {
1466 [% IF rtl == 't' -%]
1475 .mylist_action:hover{
1476 text-decoration: none;
1479 #myopac_summary_div p {
1481 margin-bottom: 10px;
1484 #acct_sum_checked_table td {
1488 .zero_search_hits_main {
1489 [% IF rtl == 't' -%]
1497 .zero_search_hits_saved {
1498 [% IF rtl == 't' -%]
1509 #zero_search_hits p {
1517 #zero_search_hits #spell_check_link {
1520 #zero_search_hits #zero_hits_suggestions {
1524 [% IF rtl == 't' -%]
1530 background-color: [% css_colors.accent_light %];
1535 .results_info_table td {
1536 [% IF rtl == 't' -%]
1539 padding-right: 10px;
1543 #myopac_holds_main_table {
1544 border-collapse: collapse;
1547 #myopac_holds_main_table td {
1548 border: 1px solid [% css_colors.border_dark %];
1552 .myopac-hold-available {
1553 color: [% css_colors.text_greatnews %];
1557 .myopac-hold-suspended {
1558 color: [% css_colors.text_badnews %];
1562 #myopac_prefs_div .data_grid {
1563 border-collapse:collapse;
1566 #myopac_prefs_div .data_grid td {
1567 [% IF rtl == 't' -%]
1568 padding: 6px 17px 7px 0px;
1570 padding:6px 0px 7px 17px;
1572 background-color:[% css_colors.accent_ultralight %];
1573 border-bottom:3px solid [% css_colors.background %];
1577 [% IF rtl == 't' -%]
1578 padding: 0px 0px 0px 7px;
1580 padding: 0px 7px 0px 0px;
1583 font-size: [% css_fonts.size_bigger %];
1585 color:[% css_colors.primary_header %];
1586 /*border-bottom: 1px dotted [% css_colors.accent_light %];*/
1591 font-weight: normal;
1595 [% IF rtl == 't' -%]
1605 border-collapse: collapse;
1606 background-color: [% css_colors.accent_ultralight %];
1609 .acct_sum_table tr {
1610 border-bottom: 2px solid white;
1613 .acct_sum_table td {
1618 text-transform: none;
1623 .acct_sum_table .view_link {
1624 font-weight: normal;
1628 [% IF rtl == 't' -%]
1630 padding: 15px 23px 0px 0px;
1633 padding: 15px 0px 0px 23px;
1641 [% IF rtl == 't' -%]
1642 padding-right: .5em;
1648 #myopac_sum_fines_placehold {
1649 [% IF rtl == 't' -%]
1658 .acct_holds_temp td {
1659 [% IF rtl == 't' -%]
1666 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1667 [% IF rtl == 't' -%]
1680 [% IF rtl == 't' -%]
1687 /* tables for entering payment information */
1688 #acct_fines_main_header
1693 /* tables for entering payment information */
1697 [% IF rtl == 't' -%]
1707 /* tables for entering payment information */
1708 #credit_card_info_table
1714 /* tables for entering payment information */
1715 #billing_info_table td,
1716 #credit_card_info_table td
1718 [% IF rtl == 't' -%]
1719 padding-right: .5em;
1726 /* div for the payment buttons with the total */
1731 padding: 1em 0 0 1em;
1735 /* Stripe's payment form */
1738 background-color: [% css_colors.accent_ultralight %];
1746 /* text to state what is seen on cc statement */
1751 color:[% css_colors.primary_fade %];
1755 text-transform: none;
1756 font-weight: normal;
1761 #acct_list_header select, #acct_list_header_anon select {
1763 text-transform:none;
1766 .search_catalog_lbl,
1767 .adv_search_catalog_lbl,
1768 .browse_the_catalog_lbl,
1769 .search_courses_lbl,
1770 .browse_courses_lbl {
1771 font-size: [% css_fonts.size_bigger %];
1775 font-size: [% css_fonts.size_bigger %];
1780 font-size: [% css_fonts.size_smaller %];
1787 #fines_payments_wrapper {
1792 .myopac_payments_table th {
1793 [% IF rtl == 't' -%]
1794 text-align: right; }
1800 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1801 .myopac_payments_table thead th:first-child { width: 8em; }
1802 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1803 .myopac_payments_table form { display: inline; }
1804 .myopac_payments_table input[type="submit"] { padding: 1px; }
1809 background-color: [% css_colors.accent_lighter %];
1813 font-weight: bold; color: [% css_colors.text_alert %];
1814 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1817 .payment-processing {
1819 color: [% css_colors.text_greatnews %];
1820 font-size: [% css_fonts.size_bigger %];
1821 padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1824 #adv_search_input { width: 100%; }
1825 #adv_search_parent {
1829 #search-wrapper #search-submit-go,
1830 #search-wrapper #search-submit-go-depth {
1831 display: inline-block;
1835 #search-submit-spinner {
1839 div.adv_search_available {
1847 font-size: [% css_fonts.size_bigger %];
1852 width:100px !important;
1853 text-align: center !important;
1856 .chili_review div.chili_link div {
1860 /* styling for advanced search filters that display with searchbar */
1862 #adv_filter_results_block h4 { display: inline; }
1864 #adv_filter_results_block {
1869 .adv_filter_results_block_label {
1871 [% IF rtl == 't' -%]
1872 padding: 4px 12px 4px 0px;
1874 padding: 4px 0px 4px 12px;
1878 .adv_filter_results_group {
1880 display: inline-block;
1881 background-color: [% css_colors.accent_lighter2 %];
1882 border-style: solid;
1883 border-color: [% css_colors.accent_medium %];
1886 padding: 2px 4px 2px 4px;
1889 .adv_filter_results_group_wrapper {
1890 display: inline-block;
1891 [% IF rtl == 't' -%]
1899 .adv_filter_results_group_header {
1900 display: inline-block;
1903 .adv_filter_results_group_values {
1907 .adv_search_result_filter {
1908 display: inline-block;
1914 [% IF rtl == 't' -%]
1922 text-decoration: none;
1923 color: [% css_colors.accent_dark %];
1927 display: inline-block;
1930 #refine_search_link {
1931 display: inline-block;
1934 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1935 /* some facet styling */
1936 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1937 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1938 .facetClassLabel { font-weight: bold; text-align: center; }
1939 .facetFieldContainer { }
1940 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1941 .extraFacetFieldsWrapper { }
1942 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1943 .facetFieldLineCount {
1944 display: inline-block;
1945 border-right: 1px solid [% css_colors.accent_light %];
1946 color: [% css_colors.accent_mediumdark %];
1950 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1951 .facetFields { padding-left: 5px; }
1952 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1956 [% IF rtl == 't' -%]
1969 .facet_box_temp .header {
1971 background-color:[% css_colors.primary %];
1972 border-top-left-radius: 5px;
1973 border-top-right-radius: 5px;
1975 color:[% css_colors.text_invert %];
1979 .facet_box_temp.filter_box_temp .header {
1980 background-color: [% css_colors.background_invert %] !important;
1984 color: [% css_colors.background_invert %];
1991 .facet_box_temp .header .title {
1992 [% IF rtl == 't' -%]
1994 padding-right: 12px;
2002 /* in this context, where h4 is primarily for structure,
2003 avoid the normal large font and margin for h4's */
2004 .facet_box_temp h4 {
2009 .facet_box_temp .header a.button {
2010 [% IF rtl == 't' -%]
2018 color:[% css_colors.text_invert %];
2021 .facet_box_wrapper .box_wrapper .box {
2022 border-top:1px solid [% css_colors.border_standard %];
2023 border-left:1px solid [% css_colors.border_standard %];
2024 border-right:1px solid [% css_colors.border_standard %];
2029 .filter_box_wrapper {
2032 border: 1px solid [% css_colors.background_invert %];
2039 box-sizing: border-box;
2040 -moz-box-sizing: border-box;
2046 .facet_template div {
2047 display: table-cell;
2051 .facet_template.filter_template div {
2052 padding: 0px !important;
2055 .facet_template .count {
2057 color: [% css_colors.accent_dark %];
2060 .page-item.active .page-link {
2061 background-color: #00593d;
2062 border-color: #00593d;
2070 background-color: [% css_colors.bg_filter %];
2071 color: [% css_colors.text_filter %];
2074 .filter-header:hover{
2075 background-color: [% css_colors.bg_filter_hover %];
2079 background-color: [% css_colors.bg_extras %];
2081 .facet_template_selected {
2082 background-color: [% css_colors.accent_lighter2 %];
2083 border: 1px solid [% css_colors.accent_medium %];
2087 /* border-top: 5px solid [% css_colors.nav_separation %]; */
2088 background-color: [% css_colors.footer_primary %];
2089 background-image: -moz-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2090 background-image: -o-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2091 background-image: -webkit-linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2092 background-image: linear-gradient([% css_colors.footer_primary_fade %], [% css_colors.footer_primary %]);
2098 [% IF rtl == 't' -%]
2104 padding-bottom: 10px;
2105 font-size: [% css_fonts.size_small %];
2108 #footer .navbar-nav {
2109 justify-content: center;
2112 #copyright_text, #footer_logo {
2113 color: [% css_colors.footer_link %];
2114 font-size: [% css_fonts.size_small %];
2123 .advanced_div { padding-top: 15px; }
2124 #adv_global_search { width: 100%; }
2125 #adv_global_addrow td { padding-top: 7px; }
2126 [% IF rtl == 't' -%]
2127 #adv_global_addrow.td-search-left{text-align:right;}
2129 #adv_global_input_table { width: 100%; }
2130 #adv_global_input_table select { width: 7em; }
2132 font-size: [% css_fonts.size_smaller %];
2133 color: [% css_colors.text_alert %];
2135 #acct_prefs_header {
2136 [% IF rtl == 't' -%]
2142 .search_page_nav_link {
2144 [% IF rtl == 't' -%]
2150 #opac.result.sort { width: 160px; }
2151 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
2153 [% IF rtl == 't' -%]
2159 color: [% css_colors.text_alert %];
2161 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
2162 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
2163 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
2164 #adv_search_refine {
2165 [% IF rtl == 't' -%]
2170 background-color: [% css_colors.accent_lighter2 %];
2173 .row-remover { position: relative; top: 1px; vertical-align: middle; }
2175 background-color: [% css_colors.background %];
2176 color: [% css_colors.primary %]; text-decoration: none;
2177 padding: 0; border: 0; margin: 0;
2178 vertical-align: middle;
2180 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
2181 .no-dec:hover { text-decoration: none; }
2182 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
2184 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
2185 #account-update-email table td {
2186 [% IF rtl == 't' -%]
2191 padding: 5px 15px 5px 15px;
2192 border-bottom: 1px solid [% css_colors.accent_lighter %];
2194 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
2195 a.dash-link:hover { text-decoration: underline !important; }
2196 #list_create_table td { vertical-align: middle; padding: 0 8px; }
2197 #list_create_table {
2198 background-color: [% css_colors.accent_light %];
2199 padding-bottom: 4px;
2200 margin-bottom: 10px;
2201 border-bottom: 1px dotted [% css_colors.accent_medium %];
2204 .list_create_table_label {
2207 #list_description, #list_create_name {
2210 .list-create-table-buttons input[type=image] { margin-top: 2px; }
2211 .result_table_format_cell { padding: 0px 10px; text-align: center; }
2212 .results_row_count { font-weight: bold; }
2215 [% IF rtl == 't' -%]
2216 padding-right: 1em !important;
2218 padding-left: 1em !important;
2220 vertical-align: middle;
2222 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
2223 .hold-editor-controls a { padding-left: 2em; }
2226 [% IF rtl == 't' -%]
2233 [% IF rtl == 't' -%]
2236 vertical-align: top;
2239 .rdetail-author-div {
2240 padding-bottom: 10px;
2241 display: inline-block;
2244 .invisible { visibility: hidden; }
2245 .rdetail-extras-summary { margin: 10px; }
2246 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
2247 .expert-search tbody tr th {
2248 [% IF rtl == 't' -%]
2256 #adv_expert_row label { font-weight: bold; }
2258 .cn_browse_item { padding: 2ex; }
2259 .results-paginator-list {
2260 [% IF rtl == 't' -%]
2266 .results-paginator-selected { color: [% css_colors.text_alert %]; }
2267 .inactive-hold { background-color: [% css_colors.inactive_hold %]; }
2268 .unread-patron-message { font-weight: bold; }
2270 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
2271 .hold-items-list-title {
2272 font-size: [% css_fonts.size_bigger %];
2273 margin-bottom: 20px;
2275 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
2277 .hold_success_links > span { margin: 0 2em; }
2279 .radio-parts-selection {
2281 margin-bottom: 20px;
2284 .parts-radio-option {
2285 display: inline-block;
2289 .mr_holds_no_formats {
2290 [% IF rtl == 't' -%]
2298 color: [% css_colors.text_invert %];
2299 background-color: [% css_colors.primary %];
2302 .holds_item_row_separator td {
2303 border-top: 2px dashed [% css_colors.accent_medium %];
2306 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2308 .results_header_btns, .results_header_sel {
2309 [% IF rtl == 't' -%]
2317 * .various_containers a = shortcut to putting .opac-button on every 'a' with
2318 * the tradeoff of increased stylesheet complexity (TODO: rethink?)
2321 .opac-multiline-button > a,
2322 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
2323 color: [% css_colors.button_text %];
2325 text-decoration: none;
2326 cursor: pointer !important;
2328 border: 1px solid [% css_colors.primary %];
2329 background-color: [% css_colors.primary_fade %];
2332 display: inline-block;
2335 .opac-multiline-button > a:hover,
2336 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
2337 background-color: [% css_colors.primary %];
2340 .opac-button:disabled {
2341 color: [% css_colors.accent_medium %];
2342 cursor: pointer !important;
2343 border: 1px solid [% css_colors.accent_light %];
2344 background-color: [% css_colors.accent_lighter %];
2347 /* Firefox adds its own special space to inputs; this gets us closer */
2348 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
2353 .opac-button-header, #dash_wrapper .opac-button {
2354 background-color: [% css_colors.control %];
2355 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2356 font-size: [% css_fonts.size_base %];
2358 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
2359 border-color: [% css_colors.control %];
2362 .opac-multiline-button > a {
2363 display: inline-block;
2366 #myopac_checked_div {
2370 .rdetail-mfhd-head {
2373 background-color: [% css_colors.table_heading %];
2376 .rdetail-mfhd-type {
2377 [% IF rtl == 't' -%]
2384 .rdetail-mfhd-bottom {
2385 border-bottom: thin solid [% css_colors.border_dark %];
2389 #rdetail_record_details {
2395 [% IF rtl == 't' -%]
2396 margin-right: 1.5em;
2397 padding-right: 1.5em;
2400 padding-left: 1.5em;
2404 .rdetail_content_type, .rdetail_subject_type {
2405 vertical-align: top;
2409 .bookbag-item-row td { vertical-align: top; }
2411 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
2413 color: [% css_colors.text_greatnews %];
2417 .rdetail_related_subjects {
2421 .rdetail_related_series {
2429 .rdetail_openurl_entry {
2430 [% IF rtl == 't' -%]
2438 .bookbag-controls-holder { width: 100%; }
2439 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2440 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2441 .bookbag-controls-holder .most {
2442 [% IF rtl == 't' -%]
2450 .bookbag-controls-title-block {
2451 [% IF rtl == 't' -%]
2458 .bookbag-controls-button-block {
2459 [% IF rtl == 't' -%]
2466 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2467 .bookbag-share .fixed { min-width: 4em; }
2469 [% IF rtl == 't' -%]
2475 .bookbag-specific div.sort {
2476 [% IF rtl == 't' -%]
2487 .bookbag-specific div.meta {
2488 background-color: [% css_colors.accent_light %];
2489 [% IF rtl == 't' -%]
2497 border: 1px solid [% css_colors.accent_light %];
2501 #bbag-name-desc-form tr th { vertical-align: middle; }
2502 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2503 .bookbag-description {
2508 .bbag-edit-desc-label {
2509 [% IF rtl == 't' -%]
2516 .bbag-edit-desc-save {
2520 #bbag-edit-description {
2522 [% IF rtl == 't' -%]
2530 [% IF rtl == 't' -%]
2537 [% IF rtl == 't' -%]
2543 .bbag-navigate-list {
2544 [% IF rtl == 't' -%]
2545 padding-right: 32px;
2552 .bbag-navigate-list-pages {
2553 [% IF rtl == 't' -%]
2554 padding-right: 10px;
2561 textarea { font-family: sans-serif; }
2562 table.bookbag-specific {
2563 border-right: 1px solid [% css_colors.accent_dark %];
2564 border-bottom: 1px solid [% css_colors.accent_medium %];
2569 [% IF rtl == 't' -%]
2571 padding: 0px 10px 0px 0px;
2574 padding: 0px 0px 0px 10px;
2577 .bookbag-share .fixed { min-width: 6em; }
2579 [% IF rtl == 't' -%]
2581 padding: 0px 10px 0px 0px;
2584 padding: 0px 0px 0px 10px;
2587 .bookbag-specific td.list_checkbox {
2588 [% IF rtl == 't' -%]
2589 padding-right: 10px !important;
2591 padding-left: 10px !important;
2594 .bookbag-specific td.list_entry {
2596 [% IF rtl == 't' -%]
2597 padding-right: 5px !important;
2599 padding-left: 5px !important;
2602 .bookbag-specific td.list_actions {
2603 white-space: nowrap !important;
2605 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2608 padding: 8px 0px 6px 0px;
2611 font-size: [% css_fonts.size_bigger %];
2615 .save-notes { padding-bottom: 1.5ex; }
2617 .nonbreaking-wrapper {
2618 display: inline-block;
2621 /* Moved from semiauto.css */
2622 .adv_global_input_container {
2623 border-bottom: none;
2627 border-bottom: none;
2630 .adv_global_filter_sort {
2634 .clear-both { clear: both; }
2645 .opac-alert { color: [% css_colors.text_alert %]; }
2648 [% IF rtl == 't' -%]
2655 [% IF rtl == 't' -%]
2662 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2663 .saved-searches-header .button {
2664 [% IF rtl == 't' -%]
2671 .saved-searches-header .text {
2672 [% IF rtl == 't' -%]
2681 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2682 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2683 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2684 [% IF rtl == 't' -%]
2685 border-left: 1px solid [% css_colors.accent_darker %];
2687 border-right: 1px solid [% css_colors.accent_darker %];
2690 .result_item_circulated {
2694 .result_item_circulated span {
2697 [% IF rtl == 't' -%]
2704 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2705 #result-bookbag-heading { text-align: center; margin: 2ex; }
2707 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2708 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2709 .result-bookbag-item-note { font-style: italic; }
2710 .lowhits-bookbag-name { font-weight: bold; }
2711 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2712 .oils_AS_match_term {
2713 [% IF rtl == 't' -%]
2718 color: [% css_colors.text %];
2720 .oils_AS_match_field {
2721 font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2722 [% IF rtl == 't' -%]
2727 color: [% css_colors.accent_medium %];
2729 table.result_holdings_table {
2733 table.result_holdings_table thead tr {
2734 background-color: [% css_colors.table_heading %];
2736 table.result_holdings_table thead tr th {
2740 margin: 0 2em 0 2em;
2743 vertical-align: super;
2744 font-size: [% css_fonts.size_smaller %];
2745 line-height: normal;
2746 text-decoration: none;
2748 .rdetail-holding-group {
2749 [% IF rtl == 't' -%]
2750 margin-right: 1.5em;
2755 .rdetail-holding-group span {
2756 [% IF rtl == 't' -%]
2757 margin-right: 1.5em;
2762 .rdetail-holding-group .paging {
2763 [% IF rtl == 't' -%]
2764 margin-right: 1.5em;
2769 #rdetail_deleted_exp {
2773 border: thick solid [% css_colors.border_alert %];
2776 #ac_tab_wrapper { width : 100%; }
2778 [% IF rtl == 't' -%]
2783 padding-right: 10px;
2785 font-size: [% css_fonts.size_big %];
2787 border: 1px solid [% css_colors.primary_offset %];
2789 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2790 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2791 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2793 /* Popmenu styles used for making css menus. */
2807 width: 10em; /* Width to help Opera out */
2808 background-color: [% css_colors.primary %];
2810 .popmenu li:hover ul {
2815 border-color: [% css_colors.border_dark %];
2817 border-style: solid;
2819 .popmenu li:hover li {
2822 .popmenu li:hover li a {
2823 background-color: [% css_colors.primary %];
2824 color: [% css_colors.accent_ultralight %];
2826 .popmenu li li a:hover {
2827 background-color: [% css_colors.accent_ultralight %];
2828 color: [% css_colors.primary %];
2830 /* Styles for the basket entry. */
2831 .popmenu li:hover li[class~="temporary"] a {
2832 background-color: [% css_colors.primary %];
2833 color: [% css_colors.accent_ultralight %];
2835 .popmenu li li[class~="temporary"] a:hover {
2836 background-color: [% css_colors.accent_ultralight %];
2837 color: [% css_colors.primary %];
2839 /* Styles for the default list entry. */
2840 .popmenu li:hover li[class~="default"] a {
2841 background-color: [% css_colors.primary %];
2842 color: [% css_colors.accent_ultralight %];
2844 .popmenu li li[class~="default"] a:hover {
2845 background-color: [% css_colors.accent_ultralight %];
2846 color: [% css_colors.primary %];
2848 /* Styles for the new list entry. */
2849 .popmenu li:hover li[class~="new"] a {
2850 background-color: [% css_colors.primary %];
2851 color: [% css_colors.accent_ultralight %];
2853 .popmenu li li[class~="new"] a:hover {
2854 background-color: [% css_colors.accent_ultralight %];
2855 color: [% css_colors.primary %];
2857 /* Style to add a divider on the menu. */
2858 .popmenu li li[class~="divider"] {
2859 border-bottom-width: 1px;
2860 border-bottom-color: [% css_colors.border_dark %];
2861 border-bottom-style: solid;
2867 #patron_usr_barcode_not_found {
2868 font-weight: bold; color: [% css_colors.text_alert %];
2881 padding-bottom: 0.5em;
2885 #maintenance_message {
2888 background-color: [% css_colors.text_alert %];
2889 color: [% css_colors.text_invert %];
2893 #search-box > span {
2900 .browse-result-sources, .browse-result-authority-bib-links {
2901 [% IF rtl == 't' -%]
2907 .browse-result-best-match {
2913 .browse-result-list {
2914 padding-bottom: 0.5ex;
2917 font-size: [% css_fonts.size_bigger %];
2919 .browse-result-authority-field-name {
2921 [% IF rtl == 't' -%]
2927 .browse-leading-article-warning {
2929 font-size: [% css_fonts.size_big %];
2931 .browse-public-general-note {
2932 font-size: [% css_fonts.size_big %];
2934 .browse-public-general-note-label { }
2935 .browse-public-general-note-institution {
2939 .browse-public-general-note-body {
2947 #main-content-register {
2948 [% IF rtl == 't' -%]
2953 font-size: [% css_fonts.size_bigger %];
2956 #main-content-register table {
2959 border-collapse: collapse;
2962 #main-content-register td {
2963 [% IF rtl == 't' -%]
2970 #main-content-register td:not(:first-child) {
2971 [% IF rtl == 't' -%]
2972 padding-right: 20px;
2978 .patron-reg-invalid {
2981 [% IF rtl == 't' -%]
2984 padding-right: 10px;
2988 .result_footer_nav1 {
2992 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2996 .rdetail_authors_div {
3000 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3001 white-space: nowrap;
3002 display: inline-block;
3005 .result_table_title_cell {
3007 padding-bottom: 4px;
3011 font-size: [% css_fonts.size_bigger %];
3014 /* styling for sms text call number */
3016 font-family: Arial, Helvetica, sans-serif;
3017 font-size: [% css_fonts.size_medium %];
3018 background-color: [% css_colors.accent_lightest %];
3020 /* Allow text to wrap */
3021 white-space: pre-wrap; /* css-3 */
3022 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
3023 white-space: -pre-wrap; /* Opera 4-6 */
3024 white-space: -o-pre-wrap; /* Opera 7 */
3025 word-wrap: break-word; /* Internet Explorer 5.5+ */
3032 /* patron message center */
3033 #myopac_message_tbody {
3034 vertical-align: top;
3036 .myopac_message_message {
3037 white-space: pre-wrap;
3044 .browse-pager-spinner {
3045 display: inline-block;
3050 /* override a tiny bootstrap alignment issue */
3055 @media only screen and (min-width: 992px) {
3063 display:none !important;
3067 @media only screen and (max-width: 767px) {
3068 .search_box_wrapper {
3074 @media only screen and (max-width: 800px) {
3076 width: 100% !important;
3078 .facet_sidebar_hidden, .result_block_hidden {
3081 .facet_sidebar_visible, .result_block_visible {
3082 display: inline ! important;
3084 #acct_select, #acct_prefs_select {
3085 display: inline-block;
3087 #acct_tabs, #acct_prefs_tabs {
3090 .radio-parts-selection { width: 90%; }
3091 #list_description, #list_create_name {
3096 @media only screen and (max-width: 600px) {
3098 font-size: [% css_fonts.size_big %];
3100 span .nav_arrow_fix {
3107 #homesearch_main_logo img {
3117 #your-acct-login a {
3128 #gold-links-holder {
3131 #simple-detail-view-links {
3134 #acct_tabs a, #acct_fines_tabs a {
3135 [% IF rtl == 't' -%]
3136 border-radius: 6px 0px 0px 6px;
3137 margin: 0px 0px 0px 5px;
3139 border-radius: 6px 6px 0px 0px;
3140 margin: 0px 5px 0px 0px;
3142 padding: 2px 4px 3px 4px;
3143 font-size: [% css_fonts.size_base %];
3145 .bookbag-controls-title-block {
3146 [% IF rtl == 't' -%]
3153 .bookbag-controls-button-block {
3154 [% IF rtl == 't' -%]
3162 [% IF rtl == 't' -%]
3168 .bookbag-specific div.sort {
3169 [% IF rtl == 't' -%]
3177 margin: 5px 0px 5px 0px;
3178 border: 1px solid [% css_colors.accent_light %];
3181 .bookbag-specific div.meta {
3182 [% IF rtl == 't' -%]
3196 [% IF rtl == 't' -%]
3203 #bbag-edit-description {
3209 border:1px solid [% css_colors.accent_light %];
3212 [% IF rtl == 't' -%]
3219 .bbag-action-field {
3222 .bookbag-specific div.sort select {
3225 .bookbag-specific tr {
3227 border-bottom: 1px solid [% css_colors.border_standard %];
3229 .bookbag-specific td.list_checkbox {
3230 [% IF rtl == 't' -%]
3231 padding-right: 0px !important;
3233 padding-left: 0px !important;
3236 .bookbag-specific td.list_entry {
3237 display: inline-block;
3239 [% IF rtl == 't' -%]
3240 padding-right: 40% !important;
3242 padding-left: 40% !important;
3245 .bookbag-specific td.list_entry:before {
3246 content: attr(data-label);
3248 [% IF rtl == 't' -%]
3254 .bbag-navigate-list {
3257 .bbag-navigate-list-pages {
3258 [% IF rtl == 't' -%]
3267 background-color: transparent;
3274 #dash_wrapper .opac-button {
3277 .small_view_only, #filter_hits {
3278 display: inline !important;
3281 [% IF rtl == 't' -%]
3288 #holds_box form blockquote {
3289 [% IF rtl == 't' -%]
3297 #holds_box form blockquote select {
3300 #myopac_sum_fines_placehold {
3306 #list_description, #list_create_name {
3309 .results_header_lbl {
3312 .results_header_nav1 span.h1 {
3318 .start_end_links_span {
3324 .result_table_pic_header {
3325 [% IF rtl == 't' -%]
3326 padding-right: 0px !important;
3329 padding-left: 0px !important;
3332 width: 0px !important;
3340 tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
3343 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
3344 tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
3347 #results_header_bar {
3348 background-color: inherit;
3350 .results_header_btns a {
3353 .adv_filter_results_hide {
3356 .adv_filter_results_show {
3359 .adv_filter_results_block_label {
3362 .adv_filter_results_group_wrapper {
3368 #rdetails_status thead {
3371 #rdetails_status tr {
3375 #rdetails_status td {
3380 background-color: [% css_colors.accent_lightest %];
3382 .copy_details_offers_row {
3383 background-color: [% css_colors.accent_lightest %];
3385 select#pickup_lib.search-wrapper-locg {
3388 #search-wrapper #search-box {
3392 #main-content-home {
3396 /* Make use of full width in mobile mode */
3397 .facet_box_wrapper .box_wrapper .box,
3398 .facet_template .facet,
3402 .facet_template .count {
3403 [% IF rtl == 't' -%]
3412 #adv_search_parent {
3413 font-size: [% css_fonts.size_smaller %];
3415 #adv_search_filters {
3420 [% IF rtl == 't' -%]
3426 .rdetail_aux_utils {
3433 div#rdetail_actions_div {
3439 #metarecord_population {
3443 .metarecord_population_span_link {
3445 .metarecord_population_item_lang {
3448 .search_catalog_lbl {
3449 [% IF rtl == 't' -%]
3454 white-space: nowrap;
3456 .adv_search_catalog_lbl {
3458 white-space: nowrap;
3460 .browse_the_catalog_lbl {
3461 white-space: nowrap;
3475 .dash_account_buttons {
3478 .searchbar { line-height: 1.5em; }
3479 #browse-controls { line-height: 1.5em; }
3480 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3487 .bookshelf table thead tr {
3490 #lowhits_help { width: inherit; }
3492 font-size: [% css_fonts.size_small %];
3493 margin: 2px 2px 0px 2px;
3494 padding: 2px 2px 5px 2px;
3495 [% IF rtl == 't' -%]
3496 border-radius: 7px 0px 0px 7px;
3498 border-radius: 7px 7px 0px 0px;
3501 #adv_global_tbody td {
3502 border-bottom: thin solid [% css_colors.accent_light %];
3504 #adv_global_addrow td {
3505 border-bottom: none;
3507 /* Force table to not be like tables anymore */
3508 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 {
3511 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 {
3515 /* Hide table headers (but not display: none;, for accessibility) */
3519 [% IF rtl == 't' -%]
3526 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 {
3530 table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3532 /* Holds history gets large white border to mimic header cell on other
3533 account screens that provide visual cue for next title. We should do
3534 the same for ebook tables too since we have no actions on those
3535 tables. If actions get added, we should move those tables out of
3538 table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3539 table#acct_holds_hist_header tr{ border-top: 2px solid #bbb; }
3541 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 {
3542 /* Behave like a "row" */
3544 border-bottom: 1px solid #eee;
3546 [% IF rtl == 't' -%]
3553 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 {
3554 /* Now like a table header */
3556 /* Top/left values mimic padding */
3559 [% IF rtl == 't' -%]
3564 padding-right: 10px;
3566 white-space: nowrap;
3569 table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3570 table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3571 table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3572 table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3573 table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3574 table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3575 table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3577 table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3578 table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3579 table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3580 table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3581 table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3582 table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3583 table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3584 table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3586 table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3587 table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3588 table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3589 table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3590 table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3591 table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3592 table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3593 table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3595 table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3596 table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3597 table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3598 table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3599 table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3601 table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3602 table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3603 table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3604 table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3606 table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3607 table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3608 table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3609 table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3613 /*Want to see these in mobile ONLY */
3618 .mobile_search_lbl_clr{
3619 color:[% css_colors.mobile_header_text %];
3625 For text which is visible only to screen readers.
3626 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3627 See also http://webaim.org/techniques/css/invisiblecontent/
3636 clip: rect(0, 0, 0, 0);
3640 /* Make added rows in Expert Search have bold labels like the initial row */
3647 font-weight: lighter;
3651 #results-page-depth-hint {
3656 #clear-history-confirm {
3658 color: [% css_colors.text_badnews %];
3662 /*Inline rules from other templates files*/
3665 [% IF rtl == 't' -%]
3673 [% IF rtl == 't' -%]
3679 #myopac_summary_div{padding:0px;}
3681 [% IF rtl == 't' -%]
3688 [% IF rtl == 't' -%]
3695 [% IF rtl == 't' -%]
3702 padding-bottom: 10px;
3705 [% IF rtl == 't' -%]
3706 padding-right: 10px;
3710 padding-bottom: 15px;
3712 .hold-span{font-weight: bold;}
3714 [% IF rtl == 't' -%]
3721 [% IF rtl == 't' -%]
3728 [% IF rtl == 't' -%]
3735 /* Rules from metarecord_hold_filters.tt2 */
3737 .metarecord_filters{
3740 border-bottom: 1px solid #333;
3741 border-top: 1px solid #333; }
3742 .metarecord_filter_container{
3743 [% IF rtl == 't' -%]
3751 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3752 .metarecord_filter_header{padding-bottom: 5px;}
3754 /* Toggled items. */
3755 /* A block that is initially hidden and shown by clicking an anchor. */
3756 [id^="toggled-block-"]{
3759 [id^="toggled-block-"]:target{
3762 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3763 [id^="toggled-inline-"]{
3766 [id^="toggled-inline-"]:target{
3771 font-weight: bolder;
3772 background-color: #99ff99;
3775 .oils_SH.identifier {
3776 font-weight: bolder;
3777 background-color: #42b0f4;
3779 .hold_note_title { font-weight: bold; }
3782 #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 {
3783 background-color: [% css_colors.background %];
3785 border: 1px solid #d3d3d3;
3788 #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 {
3789 [% IF rtl == 't' -%]
3794 padding: 0px 10px 0px 10px;
3796 #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 {
3797 border-collapse: collapse;
3800 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
3801 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
3802 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
3803 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
3804 #hold_editor_table th {
3805 [% IF rtl == 't' -%]
3813 #hold_editor_table td { padding: 0.25em 0; }
3837 .carousel-entry-image {
3841 .carousel .glide__arrow {
3842 color: [% css_colors.button_text %];
3843 font-weight: bold !important;
3844 text-decoration: none !important;
3847 border: 1px solid [% css_colors.primary %];
3848 background-color: [% css_colors.primary_fade %];
3851 display: inline-block;
3853 .carousel .glide__arrow--right {
3856 .carousel .glide__arrow--left {
3862 white-space: nowrap;
3868 display: inline-block;
3874 filter: alpha(opacity=50);
3875 background-color: #fff; /* Used if the image is unavailable */
3876 height: 500px; /* You must set a specified height */
3877 background-position: center; /* Center the image */
3878 background-repeat: no-repeat; /* Do not repeat the image */
3879 background-size: contain; /* Resize the background image to cover the entire container */
3880 background-image: url("[% ctx.media_prefix %]/images/Evergreen-Final-Logo.png");
3884 .navbar-dark .navbar-nav .nav-link{
3885 color: #fff !important;
3896 .checkCell{width:30px;}
3898 @media (min-width: 650px){
3900 max-width: 600px !important;
3909 .facet_box_wrapper .card-header{
3910 background-color: [% css_colors.facets_back %];
3911 color: [% css_colors.facets_text %];
3913 .facet_box_wrapper .card-body {
3920 transform: translateY(-50%);
3928 background-color: #c8ffaf;
3932 text-align:left !important;
3941 .my_nav .dropdown button {
3945 .my_nav .dropdown-toggle::after{
3947 margin: 5px 0 0 5px;
3950 .dropdown-item:active {
3951 background-color: #EDFFCC;
3954 .my_nav .fas, .mynav .far{
3963 color: [% css_colors.link %];
3966 .page-item.active .page-link {
3967 background-color: [% css_colors.link %];
3968 border-color: [% css_colors.link %];
3971 .btn-outline-primary {
3972 border-color: [% css_colors.link %];
3973 color: [% css_colors.link %];
3976 .btn-outline-primary:hover {
3977 color: [% css_colors.button_confirm_text %];
3978 background-color: [% css_colors.button_confirm_hover %];
3979 border-color: [% css_colors.button_confirm_border_hover %];
3982 #rdetail_extras_div .card-header {
3983 background-color: #007a54;
3986 #rdetail_extras_div .card-header a {
3990 #record_actions .btn {
3994 .alert-danger a:link,
3995 .alert-danger a:visited {
3999 .language_form button {
4004 color:[% css_colors.footer_link %];
4006 .language_form button:disabled {
4007 color:[% css_colors.footer_link_disabled %];
4013 color:[% css_colors.footer_link %];