PluginProbe
Elementor Website Builder – more than just a page builder / 3.35.0-dev1
Elementor Website Builder – more than just a page builder v3.35.0-dev1
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / editor-one.css

editor-one.css in Elementor Website Builder – more than just a page builder 3.35.0-dev1, at assets/css/editor-one.css

984 lines 33.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 :root {
2 --e-one-typography-display1-fontSize: 0rem;
3 --e-one-typography-display2-fontSize: 0rem;
4 --e-one-typography-display3-fontSize: 0rem;
5 --e-one-typography-display4-fontSize: 0rem;
6 --e-one-typography-display5-fontSize: 0rem;
7 --e-one-typography-display6-fontSize: 0rem;
8 --e-one-typography-button-textTransform: none;
9 --e-one-typography-button-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
10 --e-one-typography-button-fontWeight: 500;
11 --e-one-typography-button-fontSize: 0.875rem;
12 --e-one-typography-button-lineHeight: 1.75;
13 --e-one-typography-button-letterSpacing: 0.02857em;
14 --e-one-typography-h1-fontWeight: 700;
15 --e-one-typography-h1-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
16 --e-one-typography-h1-fontSize: 6rem;
17 --e-one-typography-h1-lineHeight: 1.167;
18 --e-one-typography-h1-letterSpacing: -0.01562em;
19 --e-one-typography-h2-fontWeight: 700;
20 --e-one-typography-h2-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
21 --e-one-typography-h2-fontSize: 3.75rem;
22 --e-one-typography-h2-lineHeight: 1.2;
23 --e-one-typography-h2-letterSpacing: -0.00833em;
24 --e-one-typography-h3-fontSize: 2.75rem;
25 --e-one-typography-h3-fontWeight: 700;
26 --e-one-typography-h3-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
27 --e-one-typography-h3-lineHeight: 1.167;
28 --e-one-typography-h3-letterSpacing: 0em;
29 --e-one-typography-h4-fontSize: 2rem;
30 --e-one-typography-h4-fontWeight: 700;
31 --e-one-typography-h4-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
32 --e-one-typography-h4-lineHeight: 1.235;
33 --e-one-typography-h4-letterSpacing: 0.00735em;
34 --e-one-typography-h5-fontWeight: 700;
35 --e-one-typography-h5-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
36 --e-one-typography-h5-fontSize: 1.5rem;
37 --e-one-typography-h5-lineHeight: 1.334;
38 --e-one-typography-h5-letterSpacing: 0em;
39 --e-one-typography-subtitle1-fontWeight: 500;
40 --e-one-typography-subtitle1-lineHeight: 1.3;
41 --e-one-typography-subtitle1-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
42 --e-one-typography-subtitle1-fontSize: 1rem;
43 --e-one-typography-subtitle1-letterSpacing: 0.00938em;
44 --e-one-typography-subtitle2-lineHeight: 1.3;
45 --e-one-typography-subtitle2-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
46 --e-one-typography-subtitle2-fontWeight: 500;
47 --e-one-typography-subtitle2-fontSize: 0.875rem;
48 --e-one-typography-subtitle2-letterSpacing: 0.00714em;
49 --e-one-typography-htmlFontSize: 16;
50 --e-one-typography-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
51 --e-one-typography-fontSize: 14;
52 --e-one-typography-fontWeightLight: 300;
53 --e-one-typography-fontWeightRegular: 400;
54 --e-one-typography-fontWeightMedium: 500;
55 --e-one-typography-fontWeightBold: 700;
56 --e-one-typography-h6-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
57 --e-one-typography-h6-fontWeight: 500;
58 --e-one-typography-h6-fontSize: 1.25rem;
59 --e-one-typography-h6-lineHeight: 1.6;
60 --e-one-typography-h6-letterSpacing: 0.0075em;
61 --e-one-typography-body1-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
62 --e-one-typography-body1-fontWeight: 400;
63 --e-one-typography-body1-fontSize: 1rem;
64 --e-one-typography-body1-lineHeight: 1.5;
65 --e-one-typography-body1-letterSpacing: 0.00938em;
66 --e-one-typography-body2-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
67 --e-one-typography-body2-fontWeight: 400;
68 --e-one-typography-body2-fontSize: 0.875rem;
69 --e-one-typography-body2-lineHeight: 1.43;
70 --e-one-typography-body2-letterSpacing: 0.01071em;
71 --e-one-typography-caption-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
72 --e-one-typography-caption-fontWeight: 400;
73 --e-one-typography-caption-fontSize: 0.75rem;
74 --e-one-typography-caption-lineHeight: 1.66;
75 --e-one-typography-caption-letterSpacing: 0.03333em;
76 --e-one-typography-overline-fontFamily: "Roboto", "Helvetica", "Arial", sans-serif;
77 --e-one-typography-overline-fontWeight: 400;
78 --e-one-typography-overline-fontSize: 0.75rem;
79 --e-one-typography-overline-lineHeight: 2.66;
80 --e-one-typography-overline-letterSpacing: 0.08333em;
81 --e-one-typography-overline-textTransform: uppercase;
82 --e-one-typography-inherit-fontFamily: inherit;
83 --e-one-typography-inherit-fontWeight: inherit;
84 --e-one-typography-inherit-fontSize: inherit;
85 --e-one-typography-inherit-lineHeight: inherit;
86 --e-one-typography-inherit-letterSpacing: inherit;
87 }
88
89 :root {
90 --e-a-color-white: #ffffff;
91 --e-a-color-black: #000000;
92 --e-a-color-logo: #ffffff;
93 --e-a-color-circle-logo: #000000;
94 --e-a-color-primary: #F3BAFD;
95 --e-a-color-primary-bold: #D004D4;
96 --e-a-color-secondary: #515962;
97 --e-a-color-success: #0A875A;
98 --e-a-color-danger: #DC2626;
99 --e-a-color-info: #2563EB;
100 --e-a-color-warning: #F59E0B;
101 --e-a-color-accent: #93003f;
102 --e-a-color-global: #1DDDBF;
103 --e-a-color-accent-promotion: #93003f;
104 --e-a-bg-default: #ffffff;
105 --e-a-bg-invert: #0C0D0E;
106 --e-a-bg-hover: #F1F2F3;
107 --e-a-bg-active: #E6E8EA;
108 --e-a-bg-active-bold: #D5D8DC;
109 --e-a-bg-loading: #F9FAFA;
110 --e-a-bg-logo: #000000;
111 --e-a-bg-primary: #FAE8FF;
112 --e-a-bg-secondary: #515962;
113 --e-a-bg-success: #F2FDF5;
114 --e-a-bg-info: #F0F7FF;
115 --e-a-bg-danger: #FEF1F4;
116 --e-a-bg-warning: #FFFBEB;
117 --e-a-bg-chip: #F1F2F3;
118 --e-a-color-txt: #515962;
119 --e-a-color-txt-muted: #818A96;
120 --e-a-color-txt-disabled: #BABFC5;
121 --e-a-color-txt-invert: #ffffff;
122 --e-a-color-txt-accent: #0C0D0E;
123 --e-a-color-txt-hover: #3f444b;
124 --e-a-color-txt-active: #0C0D0E;
125 --e-a-border-color: #E6E8EA;
126 --e-a-border-color-bold: #D5D8DC;
127 --e-a-border-color-focus: #BABFC5;
128 --e-a-border-color-accent: #0C0D0E;
129 --e-a-border: 1px solid var(--e-a-border-color);
130 --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
131 --e-a-border-radius: 3px;
132 --e-a-btn-color: #0C0D0E;
133 --e-a-btn-color-invert: var(--e-a-color-txt-invert);
134 --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
135 --e-a-btn-bg: #515962;
136 --e-a-btn-bg-hover: rgb(57.9217877095, 63.6424581006, 70.0782122905);
137 --e-a-btn-bg-active: rgb(34.843575419, 38.2849162011, 42.156424581);
138 --e-a-btn-bg-disabled: #D5D8DC;
139 --e-a-btn-bg-primary: #F3BAFD;
140 --e-a-btn-bg-primary-hover: #F5D0FE;
141 --e-a-btn-bg-primary-active:#F0ABFC;
142 --e-a-btn-bg-accent: #93003f;
143 --e-a-btn-bg-accent-hover: #8F1A4C;
144 --e-a-btn-bg-accent-active: #A93365;
145 --e-a-btn-bg-info: #2563EB;
146 --e-a-btn-bg-info-hover: rgb(18.5714285714, 76.1428571429, 202.4285714286);
147 --e-a-btn-bg-info-active: rgb(14.2857142857, 58.5714285714, 155.7142857143);
148 --e-a-btn-bg-success: #0A875A;
149 --e-a-btn-bg-success-hover: rgb(6.4827586207, 87.5172413793, 58.3448275862);
150 --e-a-btn-bg-success-active:rgb(2.9655172414, 40.0344827586, 26.6896551724);
151 --e-a-btn-bg-warning: #F59E0B;
152 --e-a-btn-bg-warning-hover: rgb(196.9291338583, 126.7125984252, 8.0708661417);
153 --e-a-btn-bg-warning-active:rgb(147.937007874, 95.188976378, 6.062992126);
154 --e-a-btn-bg-danger: #DC2626;
155 --e-a-btn-bg-danger-hover: rgb(178.25, 28.75, 28.75);
156 --e-a-btn-bg-danger-active: rgb(134.3333333333, 21.6666666667, 21.6666666667);
157 --e-a-dark-bg: #0C0D0E;
158 --e-a-dark-color-txt: #9DA5AE;
159 --e-a-dark-color-txt-hover: #D5D8DC;
160 --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
161 --e-a-transition-hover: all .3s;
162 --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
163 --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
164 }
165
166 :root {
167 --e-one-palette-text-primary: #0c0d0e;
168 --e-one-palette-text-secondary: #3f444b;
169 --e-one-palette-text-tertiary: #69727d;
170 --e-one-palette-text-disabled: #9da5ae;
171 --e-one-palette-text-tab: #51575D;
172 --e-one-palette-primary-light: #f3bafd;
173 --e-one-palette-primary-main: #f0abfc;
174 --e-one-palette-primary-dark: #eb8efb;
175 --e-one-palette-primary-contrastText: #0c0d0e;
176 --e-one-palette-secondary-light: #69727d;
177 --e-one-palette-secondary-main: #515962;
178 --e-one-palette-secondary-dark: #3f444b;
179 --e-one-palette-secondary-contrastText: #ffffff;
180 --e-one-palette-error-light: #ef4444;
181 --e-one-palette-error-main: #dc2626;
182 --e-one-palette-error-dark: #b91c1c;
183 --e-one-palette-error-contrastText: #ffffff;
184 --e-one-palette-warning-light: #d97706;
185 --e-one-palette-warning-main: #bb5b1d;
186 --e-one-palette-warning-dark: #b15211;
187 --e-one-palette-warning-contrastText: #ffffff;
188 --e-one-palette-info-light: #3b82f6;
189 --e-one-palette-info-main: #2563e;
190 --e-one-palette-info-dark: #1d4ed8;
191 --e-one-palette-info-contrastText: #ffffff;
192 --e-one-palette-success-light: #10b981;
193 --e-one-palette-success-main: #0a875a;
194 --e-one-palette-success-dark: #047857;
195 --e-one-palette-success-contrastText: #ffffff;
196 --e-one-palette-global-light: #99f6e4;
197 --e-one-palette-global-main: #5eead4;
198 --e-one-palette-global-dark: #2adfcd;
199 --e-one-palette-global-contrastText: #0c0d0e;
200 --e-one-palette-promotion-light: #b51243;
201 --e-one-palette-promotion-main: #93003f;
202 --e-one-palette-promotion-dark: #7e013b;
203 --e-one-palette-promotion-contrastText: #ffffff;
204 --e-one-palette-decorative-light: #99f6e4;
205 --e-one-palette-decorative-main: #5eead4;
206 --e-one-palette-decorative-dark: #2adfcd;
207 --e-one-palette-decorative-contrastText: #0c0d0e;
208 --e-one-palette-neutral-light: #ffffff;
209 --e-one-palette-neutral-main: #ffffff;
210 --e-one-palette-neutral-dark: #ffffff;
211 --e-one-palette-neutral-contrastText: #ffffff;
212 --e-one-palette-action-active: rgba(0, 0, 0, 0.54);
213 --e-one-palette-action-hover: rgba(0, 0, 0, 0.04);
214 --e-one-palette-action-selected: rgba(0, 0, 0, 0.08);
215 --e-one-palette-action-focus: rgba(0, 0, 0, 0.12);
216 --e-one-palette-action-disabled: rgba(0, 0, 0, 0.26);
217 --e-one-palette-action-disabledBackground: rgba(0, 0, 0, 0.12);
218 --e-one-palette-divider: rgba(0, 0, 0, 0.12);
219 --e-one-palette-common-black: #000;
220 --e-one-palette-common-white: #fff;
221 --e-one-palette-background-default: #ffffff;
222 --e-one-palette-background-paper: #ffffff;
223 --e-one-palette-checkbox-primary: #515962;
224 --e-one-palette-border: #A7AAAD;
225 }
226
227 #wpwrap {
228 background-color: var(--e-one-palette-background-default);
229 }
230
231 #wpcontent {
232 background-color: var(--e-one-palette-background-default);
233 }
234 #wpcontent #wpbody-content,
235 #wpcontent #wpbody-content > * {
236 background-color: var(--e-one-palette-background-default);
237 }
238 #wpcontent body.wp-admin {
239 background-color: var(--e-one-palette-background-default);
240 font-family: var(--e-one-typography-fontFamily);
241 }
242 #wpcontent .wrap {
243 background-color: var(--e-one-palette-background-default);
244 margin: 20px 32px;
245 margin-block-start: 24px;
246 max-width: 100%;
247 display: flex;
248 flex-wrap: wrap;
249 align-items: center;
250 clear: both;
251 }
252 #wpcontent .wrap .tablenav .actions {
253 display: flex;
254 align-items: center;
255 }
256 #wpcontent .wrap .tablenav .actions .button,
257 #wpcontent .wrap .tablenav .actions input[type=submit].button {
258 height: 30px;
259 padding-block: 0;
260 line-height: 28px;
261 box-sizing: border-box;
262 }
263 #wpcontent .wrap > h1.wp-heading-inline {
264 font-family: var(--e-one-typography-fontFamily);
265 font-weight: 700;
266 font-size: 24px;
267 color: var(--e-one-palette-text-primary);
268 margin: 0;
269 padding: 0;
270 line-height: 1.2;
271 flex-grow: 1;
272 }
273 #wpcontent .wrap > .page-title-action {
274 margin-inline-start: 8px;
275 }
276 #wpcontent .wrap > hr.wp-header-end {
277 flex-basis: 100%;
278 margin-block: 20px 0;
279 }
280 #wpcontent .wrap > *:not(h1.wp-heading-inline):not(.page-title-action):not(hr.wp-header-end) {
281 flex-basis: 100%;
282 }
283 #wpcontent #screen-meta-links {
284 display: flex;
285 justify-content: flex-end;
286 margin-block-end: 10px;
287 margin-inline: 32px;
288 }
289 #wpcontent #screen-meta-links .show-settings::after {
290 bottom: 1px;
291 padding: 0;
292 vertical-align: middle;
293 }
294 #wpcontent #screen-meta-links + .wrap {
295 margin-block-start: 0;
296 }
297 #wpcontent #wpbody-content,
298 #wpcontent .elementor-settings-form-page,
299 #wpcontent .elementor-settings-form-page > *,
300 #wpcontent .form-table,
301 #wpcontent .form-table th,
302 #wpcontent .form-table td,
303 #wpcontent .form-table tr {
304 background-color: var(--e-one-palette-background-default);
305 }
306 #wpcontent #wpbody-content {
307 margin-block-start: 50px;
308 }
309 #wpcontent #wpbody-content hr:not(.MuiDivider-root) {
310 border: none;
311 border-block-start: 1px solid var(--e-one-palette-divider);
312 margin-block: 15px;
313 background: transparent;
314 }
315 #wpcontent .postbox,
316 #wpcontent .metabox-holder,
317 #wpcontent .postbox .inside {
318 background-color: var(--e-one-palette-background-default);
319 }
320 #wpcontent .e-admin-header {
321 display: flex;
322 justify-content: space-between;
323 align-items: center;
324 margin-block-end: 20px;
325 padding-block-end: 20px;
326 border-block-end: 1px solid var(--e-one-palette-divider);
327 }
328 #wpcontent .e-admin-header .e-admin-actions {
329 display: flex;
330 gap: 10px;
331 align-items: center;
332 }
333 #wpcontent .button-primary,
334 #wpcontent .wrap .page-title-action:not(.button-secondary),
335 #wpcontent input[type=submit].button-primary,
336 #wpcontent .wp-core-ui .button.button-primary,
337 #wpcontent .wp-core-ui .button-primary {
338 background-color: var(--e-one-palette-primary-main);
339 border-color: var(--e-one-palette-primary-main);
340 color: var(--e-one-palette-primary-contrastText);
341 font-weight: 500;
342 padding: 8px 16px;
343 border-radius: var(--e-a-border-radius);
344 transition: var(--e-a-transition-hover);
345 text-shadow: none;
346 box-shadow: none;
347 height: auto;
348 line-height: normal;
349 }
350 #wpcontent .button-primary:hover, #wpcontent .button-primary:focus,
351 #wpcontent .wrap .page-title-action:not(.button-secondary):hover,
352 #wpcontent .wrap .page-title-action:not(.button-secondary):focus,
353 #wpcontent input[type=submit].button-primary:hover,
354 #wpcontent input[type=submit].button-primary:focus,
355 #wpcontent .wp-core-ui .button.button-primary:hover,
356 #wpcontent .wp-core-ui .button.button-primary:focus,
357 #wpcontent .wp-core-ui .button-primary:hover,
358 #wpcontent .wp-core-ui .button-primary:focus {
359 background-color: var(--e-one-palette-primary-dark);
360 border-color: var(--e-one-palette-primary-dark);
361 color: var(--e-one-palette-primary-contrastText);
362 }
363 #wpcontent .button-primary:active,
364 #wpcontent .wrap .page-title-action:not(.button-secondary):active,
365 #wpcontent input[type=submit].button-primary:active,
366 #wpcontent .wp-core-ui .button.button-primary:active,
367 #wpcontent .wp-core-ui .button-primary:active {
368 background-color: var(--e-one-palette-primary-dark);
369 border-color: var(--e-one-palette-primary-dark);
370 }
371 #wpcontent .button,
372 #wpcontent .button-secondary,
373 #wpcontent .wp-core-ui .button,
374 #wpcontent .wp-core-ui .button.action,
375 #wpcontent input[type=submit].button-secondary,
376 #wpcontent .wp-core-ui .button-secondary {
377 background-color: transparent;
378 border: 1px solid var(--e-one-palette-secondary-main);
379 color: var(--e-one-palette-text-primary);
380 font-weight: 500;
381 padding: 8px 16px;
382 border-radius: var(--e-a-border-radius);
383 transition: var(--e-a-transition-hover);
384 text-shadow: none;
385 box-shadow: none;
386 height: auto;
387 line-height: normal;
388 }
389 #wpcontent .button:hover, #wpcontent .button:focus,
390 #wpcontent .button-secondary:hover,
391 #wpcontent .button-secondary:focus,
392 #wpcontent .wp-core-ui .button:hover,
393 #wpcontent .wp-core-ui .button:focus,
394 #wpcontent .wp-core-ui .button.action:hover,
395 #wpcontent .wp-core-ui .button.action:focus,
396 #wpcontent input[type=submit].button-secondary:hover,
397 #wpcontent input[type=submit].button-secondary:focus,
398 #wpcontent .wp-core-ui .button-secondary:hover,
399 #wpcontent .wp-core-ui .button-secondary:focus {
400 background-color: var(--e-one-palette-action-hover);
401 border-color: var(--e-one-palette-action-focus);
402 color: var(--e-one-palette-text-primary);
403 }
404 #wpcontent .button:active,
405 #wpcontent .button-secondary:active,
406 #wpcontent .wp-core-ui .button:active,
407 #wpcontent .wp-core-ui .button.action:active,
408 #wpcontent input[type=submit].button-secondary:active,
409 #wpcontent .wp-core-ui .button-secondary:active {
410 background-color: var(--e-one-palette-action-selected);
411 border-color: var(--e-one-palette-secondary-dark);
412 }
413 #wpcontent .button.elementor-button-spinner:before, #wpcontent .button.elementor-rollback-button:before,
414 #wpcontent .button-secondary.elementor-button-spinner:before,
415 #wpcontent .button-secondary.elementor-rollback-button:before,
416 #wpcontent .wp-core-ui .button.elementor-button-spinner:before,
417 #wpcontent .wp-core-ui .button.elementor-rollback-button:before,
418 #wpcontent .wp-core-ui .button.action.elementor-button-spinner:before,
419 #wpcontent .wp-core-ui .button.action.elementor-rollback-button:before,
420 #wpcontent input[type=submit].button-secondary.elementor-button-spinner:before,
421 #wpcontent input[type=submit].button-secondary.elementor-rollback-button:before,
422 #wpcontent .wp-core-ui .button-secondary.elementor-button-spinner:before,
423 #wpcontent .wp-core-ui .button-secondary.elementor-rollback-button:before {
424 inset-block-start: 3px;
425 }
426 #wpcontent .nav-tab-wrapper {
427 margin-block-start: 20px;
428 margin-block-end: 0;
429 padding: 0;
430 background-color: var(--e-one-palette-background-default);
431 display: flex;
432 align-items: flex-end;
433 flex-wrap: wrap;
434 gap: 8px;
435 position: relative;
436 }
437 #wpcontent .nav-tab-wrapper::after {
438 content: "";
439 position: absolute;
440 inset-block-end: 0;
441 inset-inline-start: 0;
442 inset-inline-end: 0;
443 height: 1px;
444 background-color: var(--e-one-palette-divider);
445 z-index: 0;
446 }
447 #wpcontent .nav-tab-wrapper .nav-tab {
448 box-shadow: none;
449 border: 1px solid var(--e-one-palette-divider);
450 border-block-end: none;
451 border-width: 1px 1px 0;
452 color: var(--e-one-palette-text-tab);
453 font-family: var(--e-one-typography-fontFamily);
454 font-weight: 500;
455 font-size: 14px;
456 line-height: 1;
457 padding: 10px;
458 margin: 0;
459 text-decoration: none;
460 transition: var(--e-a-transition-hover);
461 cursor: pointer;
462 text-align: center;
463 white-space: nowrap;
464 max-height: 35px;
465 display: inline-flex;
466 align-items: center;
467 justify-content: center;
468 background-color: var(--e-one-palette-action-hover);
469 position: relative;
470 z-index: 1;
471 }
472 #wpcontent .nav-tab-wrapper .nav-tab:hover:not(.nav-tab-active) {
473 color: var(--e-one-palette-text-tab);
474 background-color: var(--e-one-palette-action-selected);
475 }
476 #wpcontent .nav-tab-wrapper .nav-tab.nav-tab-active {
477 background-color: var(--e-one-palette-background-default);
478 color: var(--e-one-palette-text-tab);
479 max-height: 36px;
480 border-block-end: none;
481 z-index: 2;
482 }
483 #wpcontent .nav-tab-wrapper .nav-tab.nav-tab-active::after {
484 content: "";
485 position: absolute;
486 inset-block-end: -1px;
487 inset-inline-start: -1px;
488 inset-inline-end: -1px;
489 height: 1px;
490 background-color: var(--e-one-palette-background-default);
491 }
492 #wpcontent .elementor-settings-form-page {
493 display: none;
494 color: var(--e-one-palette-text-tertiary);
495 }
496 #wpcontent .elementor-settings-form-page.elementor-active {
497 display: block;
498 }
499 #wpcontent .elementor-settings-form-page h2 {
500 margin-block: 1em;
501 font-family: var(--e-one-typography-fontFamily);
502 font-weight: 700;
503 font-size: 24px;
504 color: var(--e-one-palette-text-primary);
505 line-height: 1.8;
506 padding: 0;
507 }
508 #wpcontent .elementor-settings-form-page h2:first-child {
509 margin-block-start: 0;
510 }
511 #wpcontent .elementor-settings-form-page h2 ~ p {
512 margin-block: 1em;
513 font-size: 1em;
514 color: var(--e-one-palette-text-tertiary);
515 line-height: 1.4;
516 }
517 #wpcontent [dir=rtl] .e-admin-header .e-admin-actions {
518 flex-direction: row-reverse;
519 }
520 #wpcontent [dir=rtl] .nav-tab-wrapper .nav-tab {
521 margin-inline-end: 0;
522 margin-inline-start: 4px;
523 }
524 #wpcontent ul.subsubsub li a {
525 color: var(--e-one-palette-text-primary);
526 }
527 @media screen and (min-width: 783px) {
528 #wpcontent ul.subsubsub + #posts-filter .search-box {
529 margin-block-start: -25px;
530 }
531 }
532 #wpcontent .e-one-section-outlined {
533 border: 1px solid rgba(0, 0, 0, 0.12);
534 border-radius: 8px;
535 }
536 #wpcontent .e-feature-promotion {
537 max-width: calc(100% - 64px);
538 }
539 #wpcontent #elementor-element-manager-wrap {
540 width: 100%;
541 }
542
543 input[type=checkbox] {
544 width: 16px;
545 height: 16px;
546 background-color: var(--e-one-palette-background-default);
547 border: 1px solid var(--e-one-palette-border);
548 border-radius: 4px;
549 cursor: pointer;
550 appearance: none;
551 -webkit-appearance: none;
552 -moz-appearance: none;
553 position: relative;
554 transition: var(--e-a-transition-hover);
555 flex-shrink: 0;
556 }
557 input[type=checkbox]:hover {
558 border-color: var(--e-one-palette-action-focus);
559 }
560 input[type=checkbox]:focus {
561 outline: none;
562 border-color: var(--e-one-palette-action-focus);
563 box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25);
564 }
565 input[type=checkbox]:checked {
566 background-color: var(--e-one-palette-background-default);
567 }
568 input[type=checkbox]:checked::after {
569 content: "";
570 position: absolute;
571 top: 50%;
572 left: 50%;
573 transform: translate(-50%, -50%) rotate(45deg);
574 width: 4px;
575 height: 8px;
576 border: 2px solid var(--e-one-palette-checkbox-primary);
577 border-top: none;
578 border-left: none;
579 border-radius: 0;
580 }
581 input[type=checkbox]:checked::before {
582 content: "";
583 }
584 input[type=checkbox]:disabled {
585 opacity: 0.5;
586 cursor: not-allowed;
587 }
588
589 input[type=radio] {
590 width: 16px;
591 height: 16px;
592 background-color: var(--e-one-palette-background-default);
593 border: 1px solid var(--e-one-palette-divider);
594 border-radius: 50%;
595 box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25);
596 cursor: pointer;
597 appearance: none;
598 -webkit-appearance: none;
599 -moz-appearance: none;
600 position: relative;
601 transition: var(--e-a-transition-hover);
602 flex-shrink: 0;
603 }
604 input[type=radio]:hover {
605 border-color: var(--e-one-palette-action-focus);
606 }
607 input[type=radio]:focus {
608 outline: none;
609 border-color: var(--e-one-palette-action-focus);
610 box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px var(--e-one-palette-action-focus);
611 }
612 input[type=radio]:checked {
613 background-color: var(--e-one-palette-background-default);
614 }
615 input[type=radio]:checked::after {
616 content: "";
617 position: absolute;
618 inset-block-start: 50%;
619 inset-inline-start: 50%;
620 transform: translate(-50%, -50%);
621 width: 8px;
622 height: 8px;
623 background-color: var(--e-one-palette-text-primary);
624 border-radius: 50%;
625 }
626 input[type=radio]:checked::before {
627 content: "";
628 }
629 input[type=radio]:disabled {
630 opacity: 0.5;
631 cursor: not-allowed;
632 }
633
634 select,
635 .wp-core-ui select {
636 border: 1px solid var(--e-one-palette-secondary-main);
637 color: var(--e-one-palette-text-primary);
638 background-color: var(--e-one-palette-background-default);
639 border-radius: 3px;
640 height: 30px;
641 font-size: 13px;
642 font-family: var(--e-one-typography-fontFamily);
643 font-weight: 400;
644 line-height: 1.2;
645 transition: var(--e-a-transition-hover);
646 }
647 select:hover,
648 .wp-core-ui select:hover {
649 border-color: var(--e-one-palette-action-focus);
650 }
651 select:focus,
652 .wp-core-ui select:focus {
653 border-color: var(--e-one-palette-action-focus);
654 box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
655 outline: none;
656 }
657 select:disabled,
658 .wp-core-ui select:disabled {
659 opacity: 0.5;
660 cursor: not-allowed;
661 }
662
663 input[type=text],
664 input[type=email],
665 input[type=url],
666 input[type=password],
667 input[type=number],
668 input[type=search],
669 input[type=tel],
670 textarea {
671 border: 1px solid var(--e-one-palette-divider);
672 color: var(--e-one-palette-text-primary);
673 background-color: var(--e-one-palette-background-default);
674 border-radius: var(--e-a-border-radius);
675 box-shadow: none;
676 }
677 input[type=text]:focus,
678 input[type=email]:focus,
679 input[type=url]:focus,
680 input[type=password]:focus,
681 input[type=number]:focus,
682 input[type=search]:focus,
683 input[type=tel]:focus,
684 textarea:focus {
685 border-color: var(--e-one-palette-action-focus);
686 box-shadow: 0 0 0 1px var(--e-one-palette-action-focus);
687 outline: none;
688 }
689
690 .form-table {
691 width: 100%;
692 border-collapse: separate;
693 border-spacing: 0;
694 margin: 0;
695 background-color: var(--e-one-palette-background-default);
696 border: none;
697 }
698 .form-table th {
699 color: var(--e-one-palette-text-primary);
700 font-weight: 600;
701 font-size: 14px;
702 padding: 12px 0;
703 vertical-align: top;
704 width: 219px;
705 text-align: start;
706 border: none;
707 background: transparent;
708 }
709 .form-table td {
710 color: var(--e-one-palette-text-primary);
711 font-size: 13px;
712 padding: 12px 0;
713 vertical-align: top;
714 border: none;
715 background: transparent;
716 }
717 .form-table tr {
718 border-block-end: 1px solid var(--e-one-palette-divider);
719 background: transparent;
720 }
721 .form-table tr:last-child {
722 border-block-end: none;
723 }
724 .form-table tr:hover {
725 background-color: transparent;
726 }
727 .form-table input[type=checkbox] {
728 margin: 0;
729 margin-inline-end: 4px;
730 vertical-align: middle;
731 width: 16px;
732 height: 16px;
733 flex-shrink: 0;
734 }
735 .form-table td > label,
736 .form-table td > .elementor-field-row {
737 display: block;
738 position: relative;
739 padding-inline-start: 24px;
740 font-size: 13px;
741 color: var(--e-one-palette-text-primary);
742 line-height: 1.5;
743 }
744 .form-table td > label input[type=checkbox],
745 .form-table td > .elementor-field-row input[type=checkbox] {
746 position: absolute;
747 inset-inline-start: 0;
748 inset-block-start: 2px;
749 margin: 0;
750 }
751 .form-table .description {
752 color: var(--e-one-palette-text-tertiary);
753 font-size: 13px;
754 margin-block-start: 4px;
755 display: block;
756 line-height: 1.4;
757 font-weight: 400;
758 }
759 .form-table a {
760 color: var(--e-one-palette-info-main);
761 text-decoration: none;
762 }
763 .form-table a:hover {
764 text-decoration: underline;
765 }
766 .form-table + h2 {
767 margin-block: 1em;
768 font-family: var(--e-one-typography-fontFamily);
769 font-weight: 600;
770 font-size: 18px;
771 color: var(--e-one-palette-text-primary);
772 line-height: 1.2;
773 }
774
775 .wp-list-table {
776 border: 1px solid var(--e-one-palette-divider);
777 border-collapse: collapse;
778 background-color: var(--e-one-palette-background-default);
779 width: 100%;
780 }
781 .wp-list-table thead th,
782 .wp-list-table thead td,
783 .wp-list-table tfoot th,
784 .wp-list-table tfoot td {
785 background-color: transparent;
786 border: none;
787 border-block-end: 1px solid var(--e-one-palette-divider);
788 color: var(--e-one-palette-text-primary);
789 font-family: var(--e-one-typography-fontFamily);
790 font-weight: 500;
791 font-size: 14px;
792 line-height: 24px;
793 padding-inline-start: 10px;
794 text-align: start;
795 vertical-align: middle;
796 }
797 .wp-list-table thead th.check-column,
798 .wp-list-table thead td.check-column,
799 .wp-list-table tfoot th.check-column,
800 .wp-list-table tfoot td.check-column {
801 text-align: center;
802 }
803 .wp-list-table thead th.sortable a, .wp-list-table thead th.sorted a,
804 .wp-list-table thead td.sortable a,
805 .wp-list-table thead td.sorted a,
806 .wp-list-table tfoot th.sortable a,
807 .wp-list-table tfoot th.sorted a,
808 .wp-list-table tfoot td.sortable a,
809 .wp-list-table tfoot td.sorted a {
810 color: var(--e-one-palette-text-primary);
811 }
812 .wp-list-table tbody tr {
813 border-block-end: 1px solid var(--e-one-palette-divider);
814 background-color: var(--e-one-palette-background-default);
815 font-weight: 400;
816 }
817 .wp-list-table tbody tr.alternate, .wp-list-table tbody tr:nth-child(odd), .wp-list-table tbody tr:nth-child(even) {
818 background-color: var(--e-one-palette-background-default);
819 }
820 .wp-list-table tbody tr:hover {
821 background-color: var(--e-one-palette-action-hover);
822 }
823 .wp-list-table tbody th.check-column {
824 border-block-end: none;
825 text-align: center;
826 }
827 .wp-list-table tbody td {
828 color: var(--e-one-palette-text-primary);
829 font-size: 13px;
830 font-weight: 400;
831 padding: 10px;
832 }
833 .wp-list-table tbody td:last-child {
834 border-inline-end: none;
835 }
836 .wp-list-table tbody tr a,
837 .wp-list-table tbody tr .button-link,
838 .wp-list-table tbody td a,
839 .wp-list-table tbody td .button-link,
840 .wp-list-table tbody th a,
841 .wp-list-table tbody th .button-link {
842 color: var(--e-one-palette-text-primary);
843 text-decoration: none;
844 }
845 .wp-list-table tbody tr a:hover,
846 .wp-list-table tbody tr .button-link:hover,
847 .wp-list-table tbody td a:hover,
848 .wp-list-table tbody td .button-link:hover,
849 .wp-list-table tbody th a:hover,
850 .wp-list-table tbody th .button-link:hover {
851 color: var(--e-one-palette-text-primary);
852 text-decoration: underline;
853 }
854 .wp-list-table tbody tr a.delete, .wp-list-table tbody tr a[href*="action=trash"], .wp-list-table tbody tr a[href*="action=delete"], .wp-list-table tbody tr a.submitdelete,
855 .wp-list-table tbody tr .button-link.delete,
856 .wp-list-table tbody tr .button-link[href*="action=trash"],
857 .wp-list-table tbody tr .button-link[href*="action=delete"],
858 .wp-list-table tbody tr .button-link.submitdelete,
859 .wp-list-table tbody td a.delete,
860 .wp-list-table tbody td a[href*="action=trash"],
861 .wp-list-table tbody td a[href*="action=delete"],
862 .wp-list-table tbody td a.submitdelete,
863 .wp-list-table tbody td .button-link.delete,
864 .wp-list-table tbody td .button-link[href*="action=trash"],
865 .wp-list-table tbody td .button-link[href*="action=delete"],
866 .wp-list-table tbody td .button-link.submitdelete,
867 .wp-list-table tbody th a.delete,
868 .wp-list-table tbody th a[href*="action=trash"],
869 .wp-list-table tbody th a[href*="action=delete"],
870 .wp-list-table tbody th a.submitdelete,
871 .wp-list-table tbody th .button-link.delete,
872 .wp-list-table tbody th .button-link[href*="action=trash"],
873 .wp-list-table tbody th .button-link[href*="action=delete"],
874 .wp-list-table tbody th .button-link.submitdelete {
875 color: var(--e-one-palette-error-main);
876 }
877 .wp-list-table tbody tr a.delete:hover, .wp-list-table tbody tr a[href*="action=trash"]:hover, .wp-list-table tbody tr a[href*="action=delete"]:hover, .wp-list-table tbody tr a.submitdelete:hover,
878 .wp-list-table tbody tr .button-link.delete:hover,
879 .wp-list-table tbody tr .button-link[href*="action=trash"]:hover,
880 .wp-list-table tbody tr .button-link[href*="action=delete"]:hover,
881 .wp-list-table tbody tr .button-link.submitdelete:hover,
882 .wp-list-table tbody td a.delete:hover,
883 .wp-list-table tbody td a[href*="action=trash"]:hover,
884 .wp-list-table tbody td a[href*="action=delete"]:hover,
885 .wp-list-table tbody td a.submitdelete:hover,
886 .wp-list-table tbody td .button-link.delete:hover,
887 .wp-list-table tbody td .button-link[href*="action=trash"]:hover,
888 .wp-list-table tbody td .button-link[href*="action=delete"]:hover,
889 .wp-list-table tbody td .button-link.submitdelete:hover,
890 .wp-list-table tbody th a.delete:hover,
891 .wp-list-table tbody th a[href*="action=trash"]:hover,
892 .wp-list-table tbody th a[href*="action=delete"]:hover,
893 .wp-list-table tbody th a.submitdelete:hover,
894 .wp-list-table tbody th .button-link.delete:hover,
895 .wp-list-table tbody th .button-link[href*="action=trash"]:hover,
896 .wp-list-table tbody th .button-link[href*="action=delete"]:hover,
897 .wp-list-table tbody th .button-link.submitdelete:hover {
898 color: var(--e-one-palette-error-main);
899 }
900 .wp-list-table .column-title strong {
901 color: var(--e-one-palette-text-primary);
902 font-weight: 400;
903 }
904 .wp-list-table .row-title,
905 .wp-list-table a.row-title {
906 color: var(--e-one-palette-text-primary);
907 text-decoration: none;
908 }
909 .wp-list-table .row-title:hover,
910 .wp-list-table a.row-title:hover {
911 color: var(--e-one-palette-text-primary);
912 text-decoration: underline;
913 }
914 .wp-list-table .row-actions * {
915 color: var(--e-one-palette-text-primary);
916 font-size: 13px;
917 }
918 .wp-list-table .row-actions span.sep,
919 .wp-list-table .row-actions span {
920 color: var(--e-one-palette-divider);
921 margin-block: 0;
922 margin-inline: 4px;
923 }
924 .wp-list-table .check-column {
925 width: 2.2em;
926 padding: 10px;
927 }
928 .wp-list-table .check-column input[type=checkbox] {
929 margin: 0;
930 }
931
932 #elementor-element-manager-wrap .wp-list-table thead th.sortable button, #elementor-element-manager-wrap .wp-list-table thead th.sorted button {
933 all: unset;
934 display: flex;
935 align-items: center;
936 gap: 4px;
937 cursor: pointer;
938 color: var(--e-one-palette-text-primary);
939 font-weight: 500;
940 font-size: 14px;
941 line-height: 24px;
942 width: 100%;
943 justify-content: flex-start;
944 }
945 #elementor-element-manager-wrap .wp-list-table thead th.sortable button:hover, #elementor-element-manager-wrap .wp-list-table thead th.sorted button:hover {
946 color: var(--e-one-palette-text-primary);
947 }
948 #elementor-element-manager-wrap .wp-list-table thead th.sortable button .sorting-indicators, #elementor-element-manager-wrap .wp-list-table thead th.sorted button .sorting-indicators {
949 display: flex;
950 flex-direction: column;
951 margin-inline-start: 4px;
952 }
953 #elementor-element-manager-wrap .wp-list-table thead th.sortable button .sorting-indicators .sorting-indicator, #elementor-element-manager-wrap .wp-list-table thead th.sorted button .sorting-indicators .sorting-indicator {
954 width: 0;
955 height: 0;
956 border-inline-start: 4px solid transparent;
957 border-inline-end: 4px solid transparent;
958 margin-block: 1px;
959 }
960 #elementor-element-manager-wrap .wp-list-table thead th.sortable button .sorting-indicators .sorting-indicator.asc, #elementor-element-manager-wrap .wp-list-table thead th.sorted button .sorting-indicators .sorting-indicator.asc {
961 border-block-end: 4px solid var(--e-one-palette-text-tertiary);
962 border-block-start: none;
963 }
964 #elementor-element-manager-wrap .wp-list-table thead th.sortable button .sorting-indicators .sorting-indicator.desc, #elementor-element-manager-wrap .wp-list-table thead th.sorted button .sorting-indicators .sorting-indicator.desc {
965 border-block-start: 4px solid var(--e-one-palette-text-tertiary);
966 border-block-end: none;
967 }
968 #elementor-element-manager-wrap .wp-list-table thead th.sortable button.sorted .sorting-indicator.asc, #elementor-element-manager-wrap .wp-list-table thead th.sorted button.sorted .sorting-indicator.asc {
969 border-block-end-color: var(--e-one-palette-text-primary);
970 }
971 #elementor-element-manager-wrap .wp-list-table thead th.sortable button.sorted .sorting-indicator.desc, #elementor-element-manager-wrap .wp-list-table thead th.sorted button.sorted .sorting-indicator.desc {
972 border-block-start-color: var(--e-one-palette-text-primary);
973 }
974 #elementor-element-manager-wrap .wp-list-table tbody td .MuiSwitch-root {
975 margin: 0;
976 }
977
978 body.post-type-elementor_library .wp-list-table thead th#title, body.post-type-elementor_library .wp-list-table thead th.column-title {
979 width: 20%;
980 }
981 body.post-type-elementor_library .wp-list-table tbody td#title, body.post-type-elementor_library .wp-list-table tbody td.column-title {
982 width: 20%;
983 }
984 /*# sourceMappingURL=editor-one.css.map */