| 1 |
/** |
| 2 |
* WP EasyCart Admin Shell V2 — Legacy settings skin. |
| 3 |
* |
| 4 |
* The settings pages (Initial Setup, Additional Settings, Payment, Taxes, |
| 5 |
* Shipping, etc.) share one set of components in admin.css with hardcoded |
| 6 |
* EasyCart greens (#7bb141 / #506219 / #ADDA7E). The old shell used to |
| 7 |
* repaint them via its inline style block; this file replaces that with a |
| 8 |
* token-based skin: neutral card/typography structure matching admin-v2.css, |
| 9 |
* brand color (--ec-brand*) for every interactive element. |
| 10 |
* |
| 11 |
* Load AFTER admin.css, alongside shell-v2.css. Every selector is scoped |
| 12 |
* under .ecsh-main so: (a) it only applies inside the new shell, and |
| 13 |
* (b) it outweighs admin.css without !important. |
| 14 |
* |
| 15 |
* @since 5.x.x |
| 16 |
*/ |
| 17 |
|
| 18 |
/* ========================================================= |
| 19 |
CARDS — settings boxes, video box, integration rows |
| 20 |
========================================================= */ |
| 21 |
.ecsh-main .ec_admin_list_line_item_fullwidth, |
| 22 |
.ecsh-main .ec_admin_list_line_item_fullwidth_language, |
| 23 |
.ecsh-main .ec_admin_list_line_item, |
| 24 |
.ecsh-main .ec_admin_help_video_box, |
| 25 |
.ecsh-main .ec_admin_slider_row { |
| 26 |
border:1px solid var(--ecsh-g200); border-radius:var(--ecsh-r); |
| 27 |
box-shadow:var(--ecsh-sh); background:#fff; |
| 28 |
} |
| 29 |
.ecsh-main .ec_admin_list_line_item_fullwidth { min-height:0; } |
| 30 |
|
| 31 |
/* ========================================================= |
| 32 |
SECTION HEADERS — "Store Landing Page", "Currency", etc. |
| 33 |
Modern type: sentence case, quieter weight, neutral rule, |
| 34 |
brand-tinted icon. |
| 35 |
========================================================= */ |
| 36 |
.ecsh-main .ec_admin_settings_label, |
| 37 |
.ecsh-main .ec_admin_settings_label_center { |
| 38 |
font-size:15px; font-weight:650; text-transform:none; letter-spacing:0; |
| 39 |
color:var(--ecsh-g900); border-bottom:1px solid var(--ecsh-g200); |
| 40 |
} |
| 41 |
.ecsh-main .ec_admin_settings_label > .dashicons-before:before, |
| 42 |
.ecsh-main .ec_admin_settings_label_center > .dashicons-before:before { |
| 43 |
color:var(--ec-brand, #7bb141); |
| 44 |
} |
| 45 |
.ecsh-main .ec_admin_settings_label_center > .dashicons-before:before { |
| 46 |
border-color:var(--ec-brand, #7bb141); background:var(--ec-brand, #7bb141); color:#fff; |
| 47 |
} |
| 48 |
|
| 49 |
/* VIDEO / HELP pills in section headers → ghost buttons */ |
| 50 |
.ecsh-main .ec_admin_settings_label > span.ec_admin_label_button > a, |
| 51 |
.ecsh-main .ec_admin_settings_label_center > span.ec_admin_label_button > a { |
| 52 |
background:#fff; color:var(--ecsh-g700); |
| 53 |
border:1px solid var(--ecsh-g300); border-radius:var(--ecsh-r); |
| 54 |
padding:4px 10px; font-weight:600; |
| 55 |
transition:all var(--ecsh-tr); |
| 56 |
} |
| 57 |
.ecsh-main .ec_admin_settings_label > span.ec_admin_label_button > a:hover, |
| 58 |
.ecsh-main .ec_admin_settings_label_center > span.ec_admin_label_button > a:hover { |
| 59 |
background:#fff; color:var(--ec-brand, #7bb141); border-color:var(--ec-brand, #7bb141); |
| 60 |
} |
| 61 |
|
| 62 |
/* Wizard-style big panel headers */ |
| 63 |
.ecsh-main .ec_admin_settings_panel h2 { |
| 64 |
font-size:20px; text-transform:none; color:var(--ecsh-g900); |
| 65 |
border-bottom:1px solid var(--ecsh-g200); background:#fff; |
| 66 |
} |
| 67 |
.ecsh-main .ec_admin_settings_panel h2 > .ec_admin_settings_header_text > .dashicons-before { |
| 68 |
background:var(--ec-brand, #7bb141); border-radius:var(--ecsh-r); |
| 69 |
} |
| 70 |
|
| 71 |
/* Installation-video box (top of Initial Setup) */ |
| 72 |
.ecsh-main .ec_admin_help_video_box > h1 { |
| 73 |
text-transform:none; color:var(--ecsh-g900); font-weight:650; |
| 74 |
} |
| 75 |
.ecsh-main .ec_admin_help_video_box > h1 > .dashicons-before:before { color:var(--ec-brand, #7bb141); } |
| 76 |
.ecsh-main .ec_admin_help_video_box > h1 > a { |
| 77 |
background:var(--ec-brand, #7bb141); border-color:var(--ec-brand, #7bb141); |
| 78 |
color:var(--ec-on-brand, #fff); border-radius:var(--ecsh-r); font-weight:600; |
| 79 |
transition:background var(--ecsh-tr); |
| 80 |
} |
| 81 |
.ecsh-main .ec_admin_help_video_box > h1 > a:hover { |
| 82 |
background:var(--ec-brand-hover, #608932); border-color:var(--ec-brand-hover, #608932); color:var(--ec-on-brand, #fff); |
| 83 |
} |
| 84 |
|
| 85 |
/* ========================================================= |
| 86 |
FIELDS — inputs, selects, textareas across the shared |
| 87 |
settings section wrappers. Neutral borders, brand focus. |
| 88 |
========================================================= */ |
| 89 |
.ecsh-main .ec_admin_settings_input select, |
| 90 |
.ecsh-main .ec_admin_settings_input input[type="text"], |
| 91 |
.ecsh-main .ec_admin_settings_input input[type="number"], |
| 92 |
.ecsh-main .ec_admin_settings_input input[type="password"], |
| 93 |
.ecsh-main .ec_admin_settings_input input[type="email"], |
| 94 |
.ecsh-main .ec_admin_settings_input input[type="date"], |
| 95 |
.ecsh-main .ec_admin_settings_input textarea, |
| 96 |
.ecsh-main .ec_admin_settings_currency_section input[type="text"], |
| 97 |
.ecsh-main .ec_admin_settings_currency_section input[type="number"], |
| 98 |
.ecsh-main .ec_admin_settings_currency_section input[type="password"], |
| 99 |
.ecsh-main .ec_admin_settings_currency_section input[type="date"], |
| 100 |
.ecsh-main .ec_admin_settings_currency_section select, |
| 101 |
.ecsh-main .ec_admin_settings_products_section input, |
| 102 |
.ecsh-main .ec_admin_settings_products_section select, |
| 103 |
.ecsh-main .ec_admin_settings_tax_section input, |
| 104 |
.ecsh-main .ec_admin_settings_tax_section select, |
| 105 |
.ecsh-main input.ec_admin_taxcloud_field, |
| 106 |
.ecsh-main select.ec_admin_taxcloud_field, |
| 107 |
.ecsh-main .ec_admin_settings_live_payment_section input[type="text"], |
| 108 |
.ecsh-main .ec_admin_settings_live_payment_section input[type="email"], |
| 109 |
.ecsh-main .ec_admin_settings_live_payment_section input[type="password"], |
| 110 |
.ecsh-main .ec_admin_settings_live_payment_section select, |
| 111 |
.ecsh-main .ec_admin_settings_shipping_section input[type="text"], |
| 112 |
.ecsh-main .ec_admin_settings_shipping_section input[type="number"], |
| 113 |
.ecsh-main .ec_admin_settings_shipping_section select, |
| 114 |
.ecsh-main .ec_admin_settings_third_party_section input, |
| 115 |
.ecsh-main .ec_admin_settings_third_party_section select, |
| 116 |
.ecsh-main .ec_admin_settings_language_section input, |
| 117 |
.ecsh-main .ec_admin_live_rate_display, |
| 118 |
.ecsh-main .ec_admin_settings_multiple_select { |
| 119 |
border:1px solid var(--ecsh-g300); border-radius:var(--ecsh-rs); |
| 120 |
color:var(--ecsh-g800); background:#fff; |
| 121 |
transition:border-color var(--ecsh-tr), box-shadow var(--ecsh-tr); |
| 122 |
} |
| 123 |
.ecsh-main .ec_admin_settings_input select:focus, |
| 124 |
.ecsh-main .ec_admin_settings_input input:focus, |
| 125 |
.ecsh-main .ec_admin_settings_input textarea:focus, |
| 126 |
.ecsh-main .ec_admin_content_area input[type="text"]:focus, |
| 127 |
.ecsh-main .ec_admin_content_area input[type="number"]:focus, |
| 128 |
.ecsh-main .ec_admin_content_area input[type="password"]:focus, |
| 129 |
.ecsh-main .ec_admin_content_area input[type="email"]:focus, |
| 130 |
.ecsh-main .ec_admin_content_area select:focus, |
| 131 |
.ecsh-main .ec_admin_content_area textarea:focus { |
| 132 |
border-color:var(--ec-brand, #7bb141); outline:none; |
| 133 |
box-shadow:0 0 0 3px var(--ec-brand-softer, rgba(123,177,65,.15)); |
| 134 |
} |
| 135 |
|
| 136 |
/* Native checkboxes/radios pick up the brand automatically */ |
| 137 |
.ecsh-main .ec_admin_content_area input[type="checkbox"], |
| 138 |
.ecsh-main .ec_admin_content_area input[type="radio"] { |
| 139 |
accent-color:var(--ec-brand, #7bb141); |
| 140 |
border:1px solid var(--ecsh-g300); |
| 141 |
} |
| 142 |
|
| 143 |
/* ========================================================= |
| 144 |
TOGGLES — ON/OFF switches + range-style sliders |
| 145 |
========================================================= */ |
| 146 |
.ecsh-main .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label { border-color:var(--ecsh-g300); } |
| 147 |
.ecsh-main .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-inner:before { |
| 148 |
background-color:var(--ec-brand, #7bb141); color:var(--ec-on-brand, #fff); |
| 149 |
} |
| 150 |
.ecsh-main .wp-easycart-admin-toggle-group input[type=checkbox]:checked ~ .wp-easycart-admin-onoffswitch .wp-easycart-admin-onoffswitch-label { |
| 151 |
background:var(--ec-brand, #7bb141); |
| 152 |
} |
| 153 |
.ecsh-main .wp-easycart-admin-toggle-group input[type=checkbox]:focus ~ .wp-easycart-admin-onoffswitch { |
| 154 |
outline:2px solid var(--ec-brand, #7bb141); outline-offset:2px; border-radius:20px; |
| 155 |
} |
| 156 |
.ecsh-main input.ec_admin_slider_checkbox:checked + .ec_admin_slider { background:var(--ec-brand, #7bb141); } |
| 157 |
|
| 158 |
/* ========================================================= |
| 159 |
BUTTONS — the canonical primary set formerly painted by the |
| 160 |
old shell's inline block, plus hovers and delete/danger. |
| 161 |
========================================================= */ |
| 162 |
.ecsh-main .ec_admin_settings_input > span.ec_admin_settings_simple_button, |
| 163 |
.ecsh-main .ec_admin_settings_input > input.ec_admin_settings_simple_button, |
| 164 |
.ecsh-main .ec_admin_settings_shipping_input > input, |
| 165 |
.ecsh-main .ec_admin_language_add > input.ec_admin_settings_simple_button, |
| 166 |
.ecsh-main .ec_admin_language_input > input.ec_admin_settings_simple_button, |
| 167 |
.ecsh-main .ec_admin_content_area input[type="submit"].ec_admin_list_submit, |
| 168 |
.ecsh-main .ec_admin_products_submit > input.ec_admin_products_simple_button, |
| 169 |
.ecsh-main .ec_admin_product_details_manufacturer_column2 > input[type="button"], |
| 170 |
.ecsh-main .ec_admin_option_add_new_row input[type="button"], |
| 171 |
.ecsh-main .ec_admin_slider_row_input input[type="button"], |
| 172 |
.ecsh-main .ec_admin_order_details_totals_edit, |
| 173 |
.ecsh-main .ec_admin_order_details_line_item_save { |
| 174 |
background:var(--ec-brand, #7bb141) !important; |
| 175 |
background-color:var(--ec-brand, #7bb141) !important; |
| 176 |
border:1px solid var(--ec-brand, #7bb141); |
| 177 |
color:var(--ec-on-brand, #fff); border-radius:var(--ecsh-r); |
| 178 |
font-weight:600; transition:background var(--ecsh-tr); |
| 179 |
} |
| 180 |
.ecsh-main .ec_admin_settings_input > span.ec_admin_settings_simple_button:hover, |
| 181 |
.ecsh-main .ec_admin_settings_input > input.ec_admin_settings_simple_button:hover, |
| 182 |
.ecsh-main .ec_admin_settings_shipping_input > input:hover, |
| 183 |
.ecsh-main .ec_admin_language_add > input.ec_admin_settings_simple_button:hover, |
| 184 |
.ecsh-main .ec_admin_language_input > input.ec_admin_settings_simple_button:hover, |
| 185 |
.ecsh-main .ec_admin_content_area input[type="submit"].ec_admin_list_submit:hover, |
| 186 |
.ecsh-main .ec_admin_products_submit > input.ec_admin_products_simple_button:hover, |
| 187 |
.ecsh-main .ec_admin_slider_row_input input[type="button"]:hover, |
| 188 |
.ecsh-main .ec_admin_order_details_totals_edit:hover, |
| 189 |
.ecsh-main .ec_admin_order_details_line_item_save:hover { |
| 190 |
background:var(--ec-brand-hover, #608932) !important; |
| 191 |
background-color:var(--ec-brand-hover, #608932) !important; |
| 192 |
border-color:var(--ec-brand-hover, #608932); |
| 193 |
color:var(--ec-on-brand, #fff); |
| 194 |
} |
| 195 |
.ecsh-main input.ec_admin_settings_simple_delete_button, |
| 196 |
.ecsh-main .ec_admin_settings_simple_delete_button { |
| 197 |
background:var(--ecsh-red) !important; background-color:var(--ecsh-red) !important; |
| 198 |
border:1px solid var(--ecsh-red); color:#fff; border-radius:var(--ecsh-r); font-weight:600; |
| 199 |
} |
| 200 |
.ecsh-main input.ec_admin_settings_simple_delete_button:hover, |
| 201 |
.ecsh-main .ec_admin_settings_simple_delete_button:hover { |
| 202 |
background:#dc2626 !important; background-color:#dc2626 !important; border-color:#dc2626; color:#fff; |
| 203 |
} |
| 204 |
|
| 205 |
/* ========================================================= |
| 206 |
MISC ACCENTS formerly hardcoded green |
| 207 |
========================================================= */ |
| 208 |
.ecsh-main .ec_admin_settings_left { border-right-color:var(--ecsh-g200); } |
| 209 |
.ecsh-main .ec_admin_list_number { color:var(--ec-brand, #7bb141); border-color:var(--ec-brand, #7bb141); border-radius:var(--ecsh-r); } |
| 210 |
.ecsh-main .ec_admin_list_title_edit:hover { color:var(--ec-brand, #7bb141); } |
| 211 |
.ecsh-main .ec_admin_expand_section > div.dashicons-arrow-down-alt2:before, |
| 212 |
.ecsh-main .ec_admin_expand_section > div.dashicons-arrow-up-alt2:before { |
| 213 |
background:var(--ec-brand, #7bb141); color:var(--ec-on-brand, #fff); border-radius:var(--ecsh-rs); |
| 214 |
} |
| 215 |
.ecsh-main .ec_admin_settings_live_rate_toggle div.dashicons-before, |
| 216 |
.ecsh-main .ec_admin_settings_shipping_divider { |
| 217 |
background-color:var(--ec-brand, #7bb141); border-color:var(--ec-brand, #7bb141); |
| 218 |
} |
