PluginProbe
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI / 6.0.3
AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI v6.0.3
6.0.3 6.0.2 6.0.1 6.0.0 5.8.6 5.8.5 5.8.4 5.8.3 5.8.2 5.8.1 5.8.0 5.7.9.2 5.7.9.1 5.7.8 5.7.9 5.7.6 5.7.7 5.7.5 5.7.4 5.7.3 5.7.2 5.7.1 trunk 5.6.0 5.6.1 All 34 releases
automatorwp / assets / css / automatorwp-admin.css

automatorwp-admin.css in AutomatorWP – No-Code Workflow Automation, Integration & Webhooks Plugin, now with AI 6.0.3, at assets/css/automatorwp-admin.css

3,566 lines 89.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* -------------------------------------------
2 AutomatorWP Icon
3 ------------------------------------------- */
4
5 @font-face {
6 font-family: 'AutomatorWP';
7 src: url('../fonts/automatorwp.eot?6ncb0e');
8 src: url('../fonts/automatorwp.eot?6ncb0e#iefix') format('embedded-opentype'),
9 url('../fonts/automatorwp.ttf?6ncb0e') format('truetype'),
10 url('../fonts/automatorwp.woff?6ncb0e') format('woff'),
11 url('../fonts/automatorwp.svg?6ncb0e#automatorwp') format('svg');
12 font-weight: normal;
13 font-style: normal;
14 }
15
16 .dashicons-automatorwp, .dashicons-automatorwp:before {
17 font-family: 'AutomatorWP' !important;
18 speak: none;
19 font-style: normal;
20 font-weight: normal;
21 font-variant: normal;
22 text-transform: none;
23 line-height: 1;
24
25 -webkit-font-smoothing: antialiased;
26 -moz-osx-font-smoothing: grayscale;
27
28 content: "\e900";
29 }
30
31 /* -------------------------------------------
32 General
33 ------------------------------------------- */
34
35 /* Admin Menu */
36 .toplevel_page_automatorwp .wp-submenu li:nth-child(8) {
37 border-top: 1px solid #666;
38 }
39
40 /* -------------------------------------------
41 AutomatorWP boxes style
42 ------------------------------------------- */
43
44 .admin_page_edit_automatorwp_automations .postbox,
45 .admin_page_edit_automatorwp_logs .postbox,
46 .automatorwp_settings .postbox,
47 .automatorwp-automation-item,
48 .automatorwp-option-form-container {
49 border: 1px solid #ddd;
50 border-radius: 8px;
51 box-shadow: 0px 0px 16px rgba(0, 0, 100, 0.1);
52 }
53
54 .admin_page_edit_automatorwp_automations #major-publishing-actions,
55 .admin_page_edit_automatorwp_logs #major-publishing-actions {
56 border-radius: 0 0 8px 8px;
57 }
58
59 .admin_page_edit_automatorwp_automations .postbox-header,
60 .admin_page_edit_automatorwp_logs .postbox-header,
61 .automatorwp_settings .postbox-header {
62 border: none;
63 }
64
65 #automatorwp-automations-execution-options .handle-actions,
66 #automatorwp-automations-save-changes .handle-actions,
67 #automatorwp-automations-notes .handle-actions,
68 #automatorwp_log_data .handle-actions,
69 #automatorwp_log_details .handle-actions {
70 display: none !important;
71 }
72
73 /* -------------------------------------------
74 Automations Edit Screen
75 ------------------------------------------- */
76
77 .admin_page_edit_automatorwp_automations .postbox .inside {
78 overflow: inherit !important;
79 }
80
81 /* Make title appear like WordPress title */
82 #automatorwp-automations-title.postbox {
83 border: 0;
84 box-shadow: none;
85 background: transparent;
86 }
87
88 #automatorwp-automations-title .postbox-header,
89 #automatorwp-automations-title .handlediv,
90 #automatorwp-automations-title .hndle,
91 #automatorwp-automations-title .cmb-th {
92 display: none;
93 }
94
95 #automatorwp-automations-title .inside {
96 padding: 0;
97 margin: 0;
98 }
99
100 #automatorwp-automations-title .cmb-td {
101 width: 100%;
102 max-width: 100% !important;
103 padding: 0;
104 }
105
106 #automatorwp-automations-title .cmb-td input {
107 padding: 3px 8px;
108 font-size: 1.7em;
109 line-height: 100%;
110 height: 1.7em;
111 width: 100%;
112 outline: none;
113 margin: 0 0 3px;
114 background-color: #fff;
115 }
116
117 /* Side boxes */
118 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form input:not([type="checkbox"]):not([type="radio"]),
119 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form select,
120 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .automatorwp-select2,
121 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form textarea {
122 width: 100%;
123 }
124
125 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .automatorwp-select2 {
126 width: 100% !important;
127 }
128
129 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-type-text-datetime-timestamp input.cmb2-datepicker {
130 max-width: 110px;
131 }
132
133 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-type-text-datetime-timestamp input.cmb2-timepicker {
134 display: inline;
135 max-width: 90px;
136 margin-top: 0;
137 }
138
139 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th,
140 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td {
141 padding: 0;
142 }
143
144 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td:not(.cmb-remove-row),
145 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th,
146 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td:not(.cmb-remove-row),
147 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-th + .cmb-td {
148 padding: 0;
149 }
150
151 #post-body.columns-2 #postbox-container-1 .cmb-row:not(:last-of-type) {
152 padding-bottom: 0;
153 }
154
155 #post-body.columns-2 #postbox-container-1 .automatorwp-box-form .cmb-td .cmb2-metabox-description {
156 padding-bottom: 0;
157 }
158
159 /* Automation actions */
160 #automatorwp-automations-save-changes .cmb-field-js-controls-before .cmb-field-js-controls-icon {
161 opacity: 0.6;
162 }
163
164 #automatorwp-automations-save-changes .cmb-field-js-controls-edit {
165 text-decoration: none;
166 }
167
168 #automatorwp-automations-save-changes #automatorwp-automation-actions,
169 #automatorwp-automations-save-changes #delete-action {
170 display: inline-block;
171 margin-top: 6px;
172 }
173
174 #automatorwp-automations-save-changes #automatorwp-automation-actions .automatorwp-automation-action {
175 margin-bottom: 6px;
176 margin-right: 6px;
177 display: inline-block;
178 }
179
180 #automatorwp-automations-save-changes #automatorwp-automation-actions .automatorwp-automation-action a,
181 #automatorwp-automations-save-changes #delete-action a {
182 text-decoration: none;
183 }
184
185 #automatorwp-automations-save-changes #delete-action a .dashicons {
186 vertical-align: sub;
187 font-size: 18px;
188 }
189
190 /* Publishing actions */
191 #automatorwp-automations-save-changes #major-publishing-actions,
192 #automatorwp-automations-execution-options #major-publishing-actions {
193 margin: 20px -12px -12px -12px;
194 display: block;
195 }
196
197 #automatorwp-automations-save-changes #major-publishing-actions .automatorwp-save-and-activate {
198 float: right;
199 margin-bottom: 4px;
200 margin-top: 4px;
201 }
202
203 #automatorwp-automations-save-changes #major-publishing-actions .automatorwp-save-and-activate + #publishing-action {
204 float: left;
205 margin-top: 4px;
206 }
207
208 #automatorwp-automations-save-changes .submitdelete {
209 color: #a00;
210 }
211
212 /* Automation Notes */
213 #automatorwp-automations-notes .cmb-th {
214 display: none !important;
215 }
216
217 #automatorwp-automations-notes .inside,
218 #automatorwp-automations-notes .inside .cmb2-metabox .cmb-row {
219 padding: 0 !important;
220 margin: 0 !important;
221 }
222
223 #automatorwp-automations-notes textarea {
224 border: 0;
225 box-shadow: none;
226 margin-bottom: -2px;
227 border-radius: 8px;
228 }
229
230 #automatorwp-automations-notes .cmb-tooltip {
231 margin-left: 8px;
232 }
233 #automatorwp-automations-notes .cmb-tooltip .dashicons {
234 opacity: 0.3;
235 }
236
237 /* Triggers and actions box */
238 #automatorwp_triggers.postbox,
239 #automatorwp_actions.postbox {
240 border: none;
241 background: transparent;
242 box-shadow: none;
243 }
244
245 #automatorwp_triggers.postbox .postbox-header,
246 #automatorwp_triggers.postbox .handlediv,
247 #automatorwp_triggers.postbox .hndle,
248 #automatorwp_actions.postbox .postbox-header,
249 #automatorwp_actions.postbox .handlediv,
250 #automatorwp_actions.postbox .hndle {
251 display: none;
252 }
253
254 #automatorwp_triggers.postbox .inside,
255 #automatorwp_actions.postbox .inside {
256 padding: 0;
257 margin: 0;
258 }
259
260 .automatorwp-title {
261 font-size: 23px;
262 }
263
264 .automatorwp-subtitle {
265 font-size: 16px;
266 margin-bottom: 1em;
267 color: #72777c;
268 }
269
270 /* Sequential field */
271 .automatorwp-sequential-field {
272 float: left;
273 width: 100%;
274 padding-bottom: 1.2em;
275 font-size: 14px;
276 }
277
278 .automatorwp-sequential-field > label {
279 float: left;
280 font-weight: 500;
281 padding-right: 8px;
282 }
283
284 .automatorwp-sequential-field .cmb-td {
285 float: left;
286 padding: 0;
287 }
288
289 .automatorwp-sequential-field .dashicons-cmb-tooltip {
290 opacity: 0.3;
291 }
292
293 /* Integration icon */
294 .automatorwp-integration-icon {
295 background-image: url('../img/integration-default.svg');
296 background-repeat: no-repeat;
297 background-position: center;
298 background-size: cover;
299 background-color: #fff;
300 border: 1px solid #ccd0d4;
301 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
302 border-radius: 8px;
303 margin: 0 auto;
304 max-width: 55px;
305 max-height: 55px;
306 height: 55px;
307 }
308
309 .automatorwp-integration-icon img {
310 width: 100%;
311 border-radius: 8px;
312 }
313
314 .automatorwp-integration-icon + .automatorwp-integration-label {
315 font-size: 14px;
316 margin-top: .8em;
317 }
318
319 /* Select integration + trigger or action */
320 .automatorwp-select-integration-label,
321 .automatorwp-select-trigger-label,
322 .automatorwp-select-action-label {
323 font-size: 16px;
324 margin-bottom: 0.5em;
325 }
326
327 .automatorwp-integrations {
328 display: flex;
329 flex-wrap: wrap;
330 }
331
332 .automatorwp-integrations .automatorwp-integration {
333 position: relative;
334 width: 150px;
335 text-align: center;
336 padding: 1em;
337 border-radius: 8px;
338 cursor: pointer;
339 }
340
341 .automatorwp-integrations .automatorwp-integration:hover {
342 background: rgba(0, 124, 186, 0.1);
343 }
344
345 .automatorwp-all-integrations-choices + .automatorwp-select2 {
346 margin-bottom: 1em;
347 }
348
349 .automatorwp-integration-choices-container {
350 position: relative;
351 }
352
353 .automatorwp-integration-choices-container .automatorwp-integration-choices + .automatorwp-select2 {
354 position: absolute !important;
355 visibility: hidden;
356 }
357
358 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-dropdown {
359 border: none;
360 }
361
362 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-search--dropdown {
363 padding: 0;
364 }
365
366 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-search__field {
367 width: 100% !important;
368 border-radius: 4px 4px 0 0;
369 margin: 0;
370 }
371
372 .automatorwp-integration-choices-container .automatorwp-select2-dropdown-container .select2-results {
373 border: 1px solid #ccd0d4;
374 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
375 font-size: 14px;
376 margin-top: -1px;
377 }
378
379 .automatorwp-integration-choices-container .select2-container--disabled + .automatorwp-select2-dropdown-container .select2-search__field,
380 .automatorwp-integration-choices-container .select2-container--disabled + .automatorwp-select2-dropdown-container .select2-results__option:not(.select2-results__option--highlighted) {
381 background: #f5f5f5;
382 }
383
384 /* Inline select2 dropdown */
385 .automatorwp-select2-dropdown-container {
386 margin-bottom: 1em;
387 }
388
389 .automatorwp-select2-dropdown-container .select2-container {
390 position: relative !important;
391 top: 0 !important;
392 left: 0 !important;
393 }
394
395 .automatorwp-select2-dropdown-container .select2-dropdown {
396 position: relative !important;
397 }
398
399 /* Pro integrations */
400 .automatorwp-integration-pro-badge {
401 position: absolute;
402 top: 4px;
403 right: 40px;
404 z-index: 1;
405 background: #46b450;
406 color: #fff;
407 padding: 3px 5px;
408 border-radius: 4px;
409 font-weight: 500;
410 font-size: 11px;
411 }
412
413 /* Pro trigger and actions options */
414 .automatorwp-select2-dropdown-container .select2-results__option[aria-disabled="true"] {
415 color: #666 !important;
416 background: #eee;
417 }
418 .automatorwp-select2-dropdown-container .select2-results__option[aria-disabled="true"]:before {
419 content: 'PRO';
420 display: inline-block;
421 background: #46b450;
422 color: #fff;
423 padding: 3px 5px;
424 border-radius: 4px;
425 font-weight: 500;
426 font-size: 11px;
427 margin-right: 4px;
428 }
429
430 /* Automation items */
431 .automatorwp-automation-item {
432 display: flex;
433 background: #fff;
434 padding: 1em 1em 1em 0;
435 margin-bottom: 1em;
436
437 cursor: grab; /* To notice that items are draggable */
438 }
439
440 .automatorwp-automation-item .button + .button {
441 margin-left: 2px;
442 }
443
444 .automatorwp-automation-item-details {
445 text-align: center;
446 width: 80px;
447 }
448
449 .automatorwp-automation-item-content {
450 width: calc( 100% - 80px );
451 }
452
453 .automatorwp-automation-item-content > .automatorwp-integration-label {
454 font-weight: 500;
455 color: #72777c;
456 border: 1px solid #ccd0d4;
457 border-radius: 4px;
458 display: inline-block;
459 padding: 0 0.6em;
460 margin-bottom: 0.5em;
461 }
462
463 .automatorwp-automation-item-position {
464 float: left;
465 clear: both;
466 font-size: 16px;
467 line-height: 32px;
468 font-weight: 500;
469 margin-right: 4px;
470 }
471
472 .automatorwp-actions .automatorwp-automation-item-position {
473 display: none;
474 }
475
476 .automatorwp-automation-item-label {
477 font-size: 16px;
478 line-height: 32px;
479 }
480
481 .automatorwp-automation-item-label > .button {
482 padding: 0 8px !important;
483 margin: 0 !important;
484 }
485
486 .automatorwp-no-grab {
487 cursor: auto; /* Disable cursor grab */
488 }
489
490 /* Automation item actions */
491 .automatorwp-automation-item-actions {
492 float: right;
493 margin-top: -4px;
494 margin-right: -4px;
495 }
496
497 .automatorwp-automation-item-actions .automatorwp-automation-item-action {
498 display: inline-block;
499 width: 25px;
500 height: 25px;
501 text-align: center;
502 cursor: pointer;
503 }
504
505 .automatorwp-automation-item-actions .automatorwp-automation-item-action .dashicons {
506 line-height: 25px;
507 }
508
509 .automatorwp-automation-item:first-child .automatorwp-automation-item-action-move-up,
510 .automatorwp-automation-item:last-child .automatorwp-automation-item-action-move-down {
511 color: #a0a5aa;
512 cursor: default;
513 }
514
515 .automatorwp-automation-item-actions .automatorwp-automation-item-action-delete {
516 color: #e15151;
517 }
518
519 .automatorwp-automation-item-actions .automatorwp-automation-item-action .cmb-tooltip-desc {
520 width: max-content;
521 }
522
523 /* Automation item options */
524
525 .button.automatorwp-button,
526 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark) {
527 border-color: #555;
528 color: #555;
529 background: transparent;
530 }
531
532 .button.automatorwp-button:hover,
533 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):hover {
534 background: #ddd;
535 color: #444;
536 border-color: #444;
537 }
538
539 .button.automatorwp-button:focus,
540 .button.automatorwp-button:active,
541 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):focus,
542 .automatorwp-option.button:not(.button-primary):not(.automatorwp-button-success):not(.automatorwp-button-danger):not(.automatorwp-button-dark):active {
543 background: #cfcfcf;
544 color: #444;
545 border-color: #444;
546 }
547
548 /* Option form */
549 .automatorwp-option-form-container {
550 background: #f6f7f7;
551 padding: 1em 1.5em 1.5em;
552 margin-top: 1em;
553 cursor: auto; /* Disable cursor grab */
554 }
555
556 .automatorwp-option-form .cmb-th {
557 width: 100%;
558 padding: 0;
559 }
560
561 .automatorwp-option-form .cmb-td {
562 width: 100%;
563 padding: 0 0 1em 0;
564 }
565
566 .automatorwp-option-form .mce-container iframe {
567 min-height: 200px;
568 }
569
570 /* Automation missing plugin item */
571 .automatorwp-automation-missing-integration-item .automatorwp-automation-item-label {
572 opacity: 0.6;
573 }
574
575 .automatorwp-automation-missing-integration-item .automatorwp-notice-warning {
576 margin: 0;
577 }
578
579 /* Recommended integrations */
580 .automatorwp-recommended-integrations {
581 margin-top: 8px;
582 }
583
584 .automatorwp-recommended-integrations-label {
585 font-size: 16px;
586 }
587
588 .automatorwp-recommended-integrations-label span {
589 color: #72777c;
590 }
591
592 .automatorwp-recommended-integrations .automatorwp-integrations {
593 margin-top: 8px;
594 }
595
596 .automatorwp-recommended-integrations .automatorwp-integration {
597 text-decoration: none;
598 color: #444;
599 }
600
601 .automatorwp-recommended-integrations .automatorwp-integration-triggers-and-actions {
602 color: #72777c;
603 }
604
605 /* More integrations */
606 .automatorwp-more-integrations {
607 font-size: 13px;
608 margin-top: 8px;
609 }
610
611 .automatorwp-more-integrations span {
612 color: #72777c;
613 }
614
615 /* Prevent to show the "Now" button in time pickers */
616 .admin_page_edit_automatorwp_automations #ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-current {
617 display: none;
618 }
619
620 /* -------------------------------------------
621 Anonymous Automations
622 ------------------------------------------- */
623
624 /* Anonymous automations edit screen */
625 body.edit-anonymous-automation .automatorwp-sequential-field,
626 body.edit-anonymous-automation .automatorwp-add-trigger,
627 body.edit-anonymous-automation #automatorwp_triggers .automatorwp-add-filter,
628 body.edit-anonymous-automation #cmb-field-js-controls-times_per_user-before,
629 body.edit-anonymous-automation .cmb2-id-times-per-user,
630 body.edit-anonymous-automation #cmb-field-js-controls-times_per_user-after {
631 display: none;
632 }
633
634 body:not(.edit-anonymous-automation) .automatorwp-automation-ui-anonymous-notice {
635 display: none;
636 }
637
638 .automatorwp-automation-ui-anonymous-notice {
639 font-size: 16px;
640 color: #72777c;
641 }
642
643 .automatorwp-automation-ui-anonymous-notice .dashicons {
644 color: #007cba;
645 vertical-align: text-bottom;
646 margin-right: 2px;
647 }
648
649 /* Anonymous automations user action */
650 .automatorwp-action-automatorwp-anonymous-user .automatorwp-integration-label {
651 display: none;
652 }
653
654 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-label {
655 line-height: 1;
656 margin-bottom: 8px;
657 }
658
659 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice {
660 display: inline-block;
661 width: 120px;
662 border: 1px solid #ccd0d4;
663 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
664 border-radius: 8px;
665 font-size: 14px;
666 line-height: 1;
667 text-align: center;
668 padding: 8px;
669 cursor: pointer;
670 }
671
672 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice + .automatorwp-anonymous-user-choice {
673 margin-left: 6px;
674 }
675
676 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice:hover {
677 background: rgba(0, 124, 186, 0.1);
678 border-color: #88ccef;
679 }
680
681 .automatorwp-action-automatorwp-anonymous-user .automatorwp-anonymous-user-choice img {
682 display: block;
683 width: 40%;
684 margin: 0 auto 8px;
685 }
686
687 /* Anonymous automations user action form */
688 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-run-actions-on {
689 display: none;
690 }
691
692 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field,
693 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field-value {
694 width: 49%;
695 float: left;
696 }
697
698 .automatorwp-action-automatorwp-anonymous-user .cmb2-id-search-field-value {
699 margin-left: 2% !important;
700 }
701
702 .automatorwp-anonymous-user-resume {
703 background: rgb(245, 245, 245);
704 border: 1px solid rgb(204, 208, 212);
705 box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px;
706 padding: 1em;
707 margin-top: 1em;
708 }
709
710 .automatorwp-anonymous-user-resume div {
711 margin-bottom: 4px;
712 }
713
714 .automatorwp-anonymous-user-resume img {
715 width: 30px;
716 vertical-align: bottom;
717 margin-right: 4px;
718 }
719
720 .automatorwp-anonymous-user-resume strong {
721 border: none;
722 background: #404459;
723 color: #fff;
724 line-height: 2.15384615;
725 min-height: 32px;
726 margin: 0;
727 padding: 0 10px;
728 display: inline-block;
729 border-radius: 3px;
730 font-size: 14px;
731 cursor: pointer;
732 }
733
734 /* -------------------------------------------
735 Automation Loop (All Users & All Posts)
736 ------------------------------------------- */
737
738 body.is-automatorwp-loop .automatorwp-sequential-field,
739 body.is-automatorwp-loop #automatorwp_triggers .automatorwp-add-trigger,
740 body.is-automatorwp-loop #cmb-field-js-controls-times_per_user-before,
741 body.is-automatorwp-loop .cmb2-id-times-per-user,
742 body.is-automatorwp-loop #cmb-field-js-controls-times_per_user-after {
743 display: none;
744 }
745
746 /* Execution options box */
747 #automatorwp-automations-execution-options #items_per_loop {
748 width: 80px !important;
749 margin: 0 4px;
750 }
751
752 #automatorwp-automations-execution-options #delay_amount {
753 width: 60px !important;
754 margin: 0 4px;
755 }
756
757 #automatorwp-automations-execution-options .automatorwp-items-per-loop-label-before .dashicons,
758 #automatorwp-automations-execution-options .automatorwp-delay-amount-label-before .dashicons {
759 color: #82878c;
760 margin-top: 8px;
761 margin-left: -1px;
762 margin-right: 5px;
763 }
764
765 #automatorwp-automations-execution-options .cmb2-id-delay-amount {
766 display: inline-block;
767 }
768
769 #automatorwp-automations-execution-options .cmb2-id-delay-seconds {
770 display: inline-block;
771 width: 126px;
772 padding-bottom: 12px !important;
773 }
774
775 #automatorwp-automations-execution-options .cmb2-id-schedule-run,
776 #automatorwp-automations-execution-options .cmb2-id-recurring-run {
777 padding-top: 6px !important;
778 }
779
780 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-th,
781 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-th {
782 float: left;
783 width: auto;
784 margin-right: 6px;
785 }
786
787 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-th label,
788 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-th label {
789 font-weight: 400;
790 }
791
792 #automatorwp-automations-execution-options .cmb2-id-schedule-run .dashicons,
793 #automatorwp-automations-execution-options .cmb2-id-recurring-run .dashicons {
794 color: #82878c;
795 margin-right: 4px;
796 }
797
798 #automatorwp-automations-execution-options .cmb2-id-schedule-run .cmb-td,
799 #automatorwp-automations-execution-options .cmb2-id-recurring-run .cmb-td {
800 float: left !important;
801 width: auto !important;
802 }
803
804 #automatorwp-automations-execution-options .cmb2-id-schedule-run-datetime {
805 padding: 4px 0 12px 0 !important;
806 }
807
808 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day,
809 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period {
810 float: left;
811 padding-top: 10px !important;
812 padding-bottom: 12px !important;
813 }
814
815 #automatorwp-automations-execution-options label[for="recurring_run_day"] {
816 color: #222222;
817 }
818
819 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period {
820 width: 114px;
821 margin-left: 4px;
822 margin-right: 4px;
823 }
824
825 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day .cmb2-metabox-description {
826 display: inline-block !important;
827 }
828
829 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day input {
830 width: 65px !important;
831 margin-left: 4px;
832 }
833
834 #automatorwp-automations-execution-options .cmb2-id-recurring-run-day .cmb-th,
835 #automatorwp-automations-execution-options .cmb2-id-recurring-run-period .cmb-th {
836 display: none;
837 }
838
839 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time {
840 margin-bottom: 10px;
841 padding-top: 10px !important;
842 }
843
844 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-th {
845 float: left !important;
846 width: auto !important;
847 }
848
849 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-td {
850 float: left !important;
851 width: 90px !important;
852 margin-left: 4px;
853 }
854
855 #automatorwp-automations-execution-options .cmb2-id-recurring-run-time .cmb-th label {
856 font-weight: 400;
857 padding-top: 8px;
858 color: #666;
859 }
860
861 #automatorwp-automations-execution-options .automatorwp-next-run-date .dashicons {
862 color: #82878c;
863 }
864
865 #automatorwp-automations-execution-options .automatorwp-run-automation button {
866 display: block;
867 margin: 0 auto 0 0;
868 }
869
870 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons {
871 vertical-align: middle;
872 opacity: 0.8;
873 }
874
875 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons.dashicons-controls-play {
876 margin-top: -4px;
877 line-height: 1.1;
878 }
879
880 #automatorwp-automations-execution-options .automatorwp-run-automation button .dashicons.dashicons-update {
881 -webkit-animation: rotation 2s linear infinite;
882 -moz-animation: rotation 2s linear infinite;
883 animation: rotation 2s linear infinite;
884 line-height: 1 !important;
885 }
886
887 #automatorwp-automations-execution-options .automatorwp-run-automation.automatorwp-is-running,
888 #automatorwp-automations-execution-options .automatorwp-cancel-automation-run {
889 float: left;
890 width: 50%;
891 }
892
893 #automatorwp-automations-execution-options .automatorwp-cancel-automation-run button {
894 display: block;
895 margin: 0 0 0 auto;
896 }
897
898 #automatorwp-automations-execution-options .automatorwp-run-automation-progress {
899 margin-top: 12px;
900 }
901
902 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-bar {
903 height: 12px;
904 background: rgba(0,0,0,0.1);
905 }
906
907 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-bar .automatorwp-run-automation-progress-current-progress {
908 height: 12px;
909 width: 0;
910 background-color: var(--wp-admin-theme-color, #2d8bd7);
911 transition: width 0.5s ease-out;
912 }
913
914 #automatorwp-automations-execution-options .automatorwp-run-automation-progress-completed .automatorwp-run-automation-progress-bar .automatorwp-run-automation-progress-current-progress {
915 background-color: #30c03c;
916 }
917
918 #automatorwp-automations-execution-options .automatorwp-run-automation-progress .automatorwp-run-automation-progress-text {
919 font-size: 13px;
920 color: #666;
921 }
922
923 #automatorwp-automations-execution-options .automatorwp-notice-error {
924 margin: 14px 0 6px 0;
925 }
926
927 /* -------------------------------------------
928 Filters
929 ------------------------------------------- */
930
931 .automatorwp-automation-item-filter {
932 position: relative;
933 margin-left: 20px;
934 margin-bottom: 0.6em;
935 }
936
937 .automatorwp-automation-item:not(.automatorwp-automation-item-filter) + .automatorwp-automation-item-filter {
938 margin-top: -4px;
939 }
940
941 .automatorwp-automation-item-filter:before {
942 content: "";
943 display: block;
944 border-left: 2px dashed #ccd0d4;
945 border-bottom: 2px dashed #ccd0d4;
946 width: 12px;
947 height: 38px;
948 position: absolute;
949 top: -10px;
950 left: -14px;
951 }
952
953 .automatorwp-automation-item-filter + .automatorwp-automation-item-filter:after {
954 content: "";
955 display: block;
956 border-left: 2px dashed #ccd0d4;
957 height: 28px;
958 position: absolute;
959 left: -14px;
960 top: -41px;
961 }
962
963 .automatorwp-automation-item-filter .automatorwp-automation-item-details {
964 width: 60px;
965 }
966
967 .automatorwp-automation-item-filter .automatorwp-automation-item-content {
968 width: calc( 100% - 60px );
969 }
970
971 .automatorwp-automation-item-filter .automatorwp-integration-icon {
972 border: none !important;
973 box-shadow: none !important;
974 max-width: 32px;
975 max-height: 32px;
976 height: 32px;
977 }
978
979 .automatorwp-automation-item-filter .automatorwp-integration-label,
980 .automatorwp-automation-item-filter .automatorwp-automation-item-position {
981 display: none !important;
982 }
983
984 .automatorwp-filter-select2 .select2-dropdown li[role="group"] > strong {
985 background: #fff;
986 border-bottom: 1px solid #ccd0d4;
987 padding: 6px 8px;
988 line-height: 24px;
989 }
990
991 .automatorwp-filter-select2 .select2-dropdown li[role="group"] > strong img {
992 display: inline-block;
993 float: left;
994 width: 24px;
995 height: 24px;
996 border-radius: 6px;
997 border: 1px solid #ccd0d4;
998 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
999 margin-right: 8px;
1000 }
1001
1002 /* -------------------------------------------
1003 Forms Columns
1004 ------------------------------------------- */
1005 .automatorwp-form .cmb-row[class*="automatorwp-col-"] {
1006 float: left;
1007 }
1008
1009 .automatorwp-form .cmb-row.automatorwp-col-3 {
1010 width: 24%;
1011 }
1012
1013 .automatorwp-form .cmb-row.automatorwp-col-4 {
1014 width: 32%;
1015 }
1016
1017 .automatorwp-form .cmb-row.automatorwp-col-6 {
1018 width: 49%;
1019 }
1020
1021 /* 6 | 6 */
1022 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-6 {
1023 margin-left: 2%;
1024 }
1025
1026 /* 6 | 3 | 3 */
1027 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-3,
1028 .automatorwp-form .cmb-row.automatorwp-col-6 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 {
1029 width: 23%;
1030 margin-left: 2%;
1031 }
1032
1033 /* 3 | 3 | 3 | 3 */
1034 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3,
1035 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3,
1036 .automatorwp-form .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 + .cmb-row.automatorwp-col-3 {
1037 width: 23%;
1038 margin-left: 2%;
1039 }
1040
1041 /* 4 | 4 | 4 */
1042 .automatorwp-form .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4,
1043 .automatorwp-form .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4 + .cmb-row.automatorwp-col-4 {
1044 width: 32%;
1045 margin-left: 2%;
1046 }
1047
1048 /* -------------------------------------------
1049 Forms
1050 ------------------------------------------- */
1051 .automatorwp-form input:not([type="button"]):not([type="submit"]),
1052 .automatorwp-form textarea:not(.wp-editor-area),
1053 .automatorwp-form select,
1054 .automatorwp-form .automatorwp-select2 .select2-selection--single,
1055 .automatorwp-select2 .select2-search--dropdown .select2-search__field {
1056 border: 1px solid #ccd0d4;
1057 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1058 padding: 4px 12px;
1059 }
1060
1061 .automatorwp-form select {
1062 margin-top: 0 !important;
1063 line-height: 1;
1064 }
1065
1066 .automatorwp-form input::placeholder,
1067 .automatorwp-form textarea::placeholder,
1068 .automatorwp-form select::placeholder {
1069 opacity: 0.5;
1070 }
1071
1072 .automatorwp-select2 .select2-search--dropdown .select2-search__field {
1073 border: 1px solid #ccd0d4 !important;
1074 }
1075
1076 .automatorwp-form input:not([type="button"]):not([type="submit"]):hover,
1077 .automatorwp-form textarea:not(.wp-editor-area):hover,
1078 .automatorwp-form select:hover,
1079 .automatorwp-form .automatorwp-select2 .select2-selection--single:hover,
1080 .automatorwp-select2 .select2-search--dropdown .select2-search__field:hover {
1081 border-color: #bbc;
1082 }
1083
1084 .automatorwp-form input:not([type="button"]):not([type="submit"]):focus,
1085 .automatorwp-form select:focus,
1086 .automatorwp-form textarea:not(.wp-editor-area):focus,
1087 .automatorwp-form .automatorwp-select2 .select2-selection--single:focus,
1088 .automatorwp-select2 .select2-search--dropdown .select2-search__field:focus {
1089 border-color: #aab;
1090 }
1091
1092 .automatorwp-form input:disabled, .automatorwp-form input.disabled,
1093 .automatorwp-form select:disabled, .automatorwp-form select.disabled,
1094 .automatorwp-form textarea:not(.wp-editor-area):disabled, .automatorwp-form textarea.disabled:not(.wp-editor-area) {
1095 background: #f5f5f5;
1096 }
1097
1098 .automatorwp-form .cmb-th .cmb-group-name {
1099 padding: 5px 0 !important;
1100 font-weight: 500;
1101 }
1102
1103 .automatorwp-form .cmb-th .cmb-group-name + .cmb2-metabox-description {
1104 font-weight: 400;
1105 padding: 0 !important;
1106 }
1107
1108 .automatorwp-automation-item input[type="text"],
1109 .automatorwp-automation-item input[type="number"],
1110 .automatorwp-automation-item input[type="email"],
1111 .automatorwp-automation-item select,
1112 .automatorwp-automation-item .automatorwp-select2,
1113 .automatorwp-automation-item textarea {
1114 width: 100% !important;
1115 }
1116
1117 .automatorwp-automation-item .cmb2-switch .cmb-td {
1118 margin-top: 5px;
1119 }
1120
1121 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input {
1122 top: -2px !important;
1123 }
1124
1125 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input + label:before,
1126 .automatorwp-option-form .cmb2-switch.cmb-type-checkbox input + label:after {
1127 top: 0 !important;
1128 }
1129
1130 /* Repeatable */
1131 .automatorwp-form .cmb-repeat-row .cmb-td {
1132 width: calc( 100% - 25px );
1133 }
1134
1135 .automatorwp-form .cmb-repeat-row .cmb-remove-row {
1136 position: absolute !important;
1137 display: block !important;
1138 width: 24px !important;
1139 }
1140
1141 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button {
1142 border: none;
1143 padding: 12px 12px;
1144 background: transparent;
1145 color: #72777c;
1146 }
1147
1148 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button:hover {
1149 color: #444;
1150 }
1151
1152 .automatorwp-form .cmb-repeat-row .cmb-remove-row .cmb-remove-row-button:before {
1153 line-height: 44px;
1154 }
1155
1156 /* Compatibility fix between CMB2 & WP 7.0 */
1157 .cmb2-wrap input[type=radio]:checked:focus,
1158 .cmb2-wrap input[type="checkbox"]:checked:focus {
1159 background: var(--wp-admin-theme-color);
1160 }
1161
1162 /* Groups */
1163 .cmb-type-group .cmb-group-description,
1164 .cmb-type-group .cmb-row:not(.cmb-repeatable-grouping) {
1165 border-bottom: 0 !important;
1166 }
1167
1168 .cmb-type-group .cmb-group-description .cmb-th {
1169 padding: 0 !important;
1170 }
1171
1172 .cmb-type-group .cmb-repeatable-grouping {
1173 border: 1px solid #ccd0d4 !important;
1174 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1175 }
1176
1177 /* File */
1178 .automatorwp-form .cmb-type-file .cmb2-upload-button {
1179 margin-left: 0 !important;
1180 margin-top: 8px;
1181 }
1182
1183 .automatorwp-form .cmb-type-file .cmb2-upload-button {
1184 background: #404459;
1185 border: #404459;
1186 color: #fff;
1187 }
1188
1189 .automatorwp-form .cmb-type-file .cmb2-upload-button :hover {
1190 background: #4b5068;
1191 border: #4b5068;
1192 color: #fff;
1193 }
1194
1195 .automatorwp-form .cmb-type-file .cmb2-upload-button :focus,
1196 .automatorwp-form .cmb-type-file .cmb2-upload-button :active {
1197 background: #36394a;
1198 border: #36394a;
1199 color: #fff;
1200 }
1201
1202 .automatorwp-form .cmb-type-file .cmb2-metabox-description {
1203 width: calc(100% - 38px) !important;
1204 padding-bottom: .5em;
1205 }
1206
1207 .automatorwp-form .cmb-type-file.automatorwp-hide-preview .cmb2-media-status {
1208 display: none !important;
1209 }
1210
1211 .automatorwp-form .cmb-type-file .cmb2-media-status {
1212 display: inline-block;
1213 width: calc(100% - 38px) !important;
1214 }
1215
1216
1217 .automatorwp-form .cmb-type-file .cmb2-remove-file-button {
1218 color: #a00;
1219 }
1220 /* -------------------------------------------
1221 Select2
1222 ------------------------------------------- */
1223 .automatorwp-select2 .select2-selection--single {
1224 height: auto !important;
1225 }
1226
1227 .automatorwp-select2 .select2-selection--single .select2-selection__rendered {
1228 padding-left: 0 !important;
1229 }
1230
1231 .automatorwp-select2 .select2-selection--single .select2-selection__arrow {
1232 height: 38.5px !important;
1233 width: 30px !important;
1234 }
1235
1236 .automatorwp-select2 .select2-dropdown {
1237 border: 1px solid #ccd0d4;
1238 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1239 }
1240
1241 .automatorwp-select2 .select2-results__option {
1242 padding: 10px;
1243 margin: 0;
1244 background: #f5f5f5;
1245 }
1246
1247 .automatorwp-select2 .select2-results__option:not(:last-child) {
1248 border-bottom: 1px solid #ccd0d4;
1249 }
1250
1251 .automatorwp-select2 .select2-results .select2-results__option .result-description {
1252 display: block;
1253 position: relative;
1254 color: #aaaaaa;
1255 }
1256
1257 .automatorwp-select2 .select2-results .select2-results__option .result-description.align-right,
1258 .automatorwp-select2 .select2-results .select2-results__option .result-description .align-right {
1259 float: right;
1260 }
1261
1262 .automatorwp-select2 .select2-results__option--highlighted[aria-selected] {
1263 background-color: var(--wp-admin-theme-color, #5897fb) !important;
1264 }
1265
1266 .automatorwp-select2 .select2-results__option--highlighted[aria-selected] .result-description {
1267 color: rgba(255,255,255,0.7);
1268 }
1269
1270 /* -------------------------------------------
1271 Select2 Multiple
1272 ------------------------------------------- */
1273 .automatorwp-select2 .select2-selection--multiple,
1274 .automatorwp-select2.select2-container--focus .select2-selection--multiple {
1275 border: 1px solid #ccd0d4 !important;
1276 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1277 }
1278
1279 .automatorwp-select2 .select2-search--inline {
1280 width: 100% !important;
1281 margin: 0;
1282 }
1283
1284 .automatorwp-select2 .select2-search--inline .select2-search__field {
1285 width: 100% !important;
1286 margin: 4px 0 0 0;
1287 }
1288
1289 .automatorwp-select2 .select2-selection--multiple .select2-selection__choice {
1290 background: #f5f5f5 !important;
1291 border: 1px solid #ccd0d4 !important;
1292 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1293 border-radius: 2px !important;
1294 padding: 4px 8px !important;
1295 }
1296
1297 .automatorwp-select2 .select2-selection--multiple .select2-selection__choice__remove {
1298 font-size: 16px;
1299 margin-left: -2px;
1300 }
1301
1302 .automatorwp-select2 .select2-selection--multiple .select2-selection__rendered {
1303 padding: 4px 8px !important;
1304 }
1305
1306 /* -------------------------------------------
1307 Tags Selector
1308 ------------------------------------------- */
1309 .automatorwp-automation-item .cmb-td {
1310 position: relative;
1311 z-index: 1;
1312 }
1313
1314 .automatorwp-automation-item .cmb-td .cmb2-metabox-description {
1315 display: inline-block;
1316 }
1317
1318 .automatorwp-automation-item input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
1319 .automatorwp-automation-item textarea:not(.wp-editor-area) {
1320 width: calc( 100% - 38px ) !important;
1321 border-radius: 4px 0 0 4px;
1322 }
1323
1324 .automatorwp-automation-item .wp-editor-wrap {
1325 width: calc( 100% - 44px );
1326 display: inline-block;
1327 }
1328
1329 .automatorwp-automation-tag-selector {
1330 display: none;
1331 }
1332
1333 .automatorwp-automation-tag-selector + .automatorwp-select2 {
1334 position: absolute;
1335 top: 0;
1336 left: 0;
1337 height: 38px;
1338 z-index: -1;
1339 outline: 0;
1340 }
1341
1342 .automatorwp-automation-tag-selector + .automatorwp-select2:focus {
1343 outline: 0;
1344 border: none;
1345 }
1346
1347 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single {
1348 border: none;
1349 box-shadow: none;
1350 background: transparent;
1351 }
1352
1353 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection--single:focus {
1354 outline: 0;
1355 border: none;
1356 }
1357
1358 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1359 font-family: 'dashicons';
1360 display: inline-block;
1361 line-height: 1;
1362 font-weight: 400;
1363 font-style: normal;
1364 speak: none;
1365 text-decoration: inherit;
1366 text-transform: none;
1367 text-rendering: auto;
1368 -webkit-font-smoothing: antialiased;
1369 -moz-osx-font-smoothing: grayscale;
1370 width: 20px;
1371 height: 20px;
1372 font-size: 20px;
1373 vertical-align: top;
1374 text-align: center;
1375 transition: color 0.1s ease-in;
1376
1377 top: 0 !important;
1378 right: 0 !important;
1379 padding: 0 3px;
1380 border: 1px solid #ccd0d4;
1381 border-radius: 0 4px 4px 0;
1382 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1383 color: #72777c;
1384 background: #f3f5f6;
1385 }
1386
1387 .cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow {
1388 border-radius: 4px;
1389 }
1390
1391 .cmb-type-wysiwyg .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__rendered {
1392 display: none;
1393 }
1394
1395 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:hover {
1396 border-color: #bbc;
1397 background: #f1f1f1;
1398 }
1399
1400 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow:before {
1401 content: "\f206";
1402 display: inline-block;
1403 margin-top: 9px;
1404 }
1405
1406 .automatorwp-automation-tag-selector + .automatorwp-select2 .select2-selection__arrow b {
1407 display: none;
1408 }
1409
1410 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1411 cursor: pointer;
1412 }
1413
1414 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong img {
1415 display: inline-block;
1416 float: left;
1417 width: 24px;
1418 height: 24px;
1419 border-radius: 6px;
1420 border: 1px solid #ccd0d4;
1421 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1422 margin-right: 8px;
1423 }
1424
1425 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong {
1426 font-size: 14px;
1427 font-weight: 400;
1428 padding: 10px 12px;
1429 line-height: 24px;
1430 /* The SVG is arrow-down-alt2 from Dashicons. */
1431 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 8px top 55%;
1432 }
1433
1434 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:last-child > strong {
1435 border-bottom: 0;
1436 }
1437
1438 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > strong .automatorwp-option {
1439 padding: 0px 8px !important;
1440 min-height: 26px !important;
1441 line-height: 22px !important;
1442 }
1443
1444 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1445 display: none;
1446 background: #f5f5f5;
1447 font-size: 14px;
1448 }
1449
1450 .automatorwp-tags-select2 .select2-dropdown .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
1451 background: transparent;
1452 }
1453
1454 .automatorwp-tags-select2 .select2-dropdown .select2-results > .select2-results__options,
1455 .automatorwp-select2 .select2-dropdown .select2-results > .select2-results__options {
1456 max-height: 350px;
1457 overflow-x: hidden;
1458 }
1459
1460 /*.automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:first-child {*/
1461 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul {
1462 border-top: 1px solid #ccd0d4;
1463 }
1464
1465 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li {
1466 display: inline-block;
1467 position: relative;
1468 border: none;
1469 background: #e0e0e0;
1470 font-size: 12px;
1471 padding: 6px 8px;
1472 border-radius: 2px;
1473 margin: 6px;
1474 }
1475
1476 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:not(.select2-results__option--highlighted) {
1477
1478 }
1479
1480 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li strong {
1481 /*display: inline-block;*/
1482 /*min-width: 130px;*/
1483 }
1484
1485 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span {
1486 font-size: 12px;
1487 bottom: 125%;
1488 left: 0;
1489 min-width: 200px;
1490 background: #2c3338;
1491 color: #ccc !important;
1492 padding: 4px 6px;
1493 border-radius: 4px;
1494
1495 display: none;
1496 }
1497
1498 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li:hover > span {
1499 display: block;
1500 position: absolute;
1501 z-index: 99999;
1502 }
1503
1504 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span:before {
1505 content: '';
1506 display: block;
1507 width: 0;
1508 height: 0;
1509 position: absolute;
1510 border-bottom: 8px solid transparent;
1511 border-top: 8px solid #2c3338;
1512 border-left: 8px solid transparent;
1513 border-right: 8px solid transparent;
1514 left: 8px;
1515 bottom: -14px;
1516 }
1517
1518 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span {
1519 top: 125%;
1520 bottom: auto;
1521 }
1522
1523 .automatorwp-tags-select2 .select2-dropdown li[role="group"]:first-of-type > ul li > span:before {
1524 border-bottom: 8px solid #2c3338;
1525 border-top: 8px solid transparent;
1526 top: -14px;
1527 bottom: auto;
1528 }
1529
1530 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li > span span {
1531 display: block;
1532 font-weight: 700;
1533 font-size: 11px;
1534 }
1535
1536 .automatorwp-tags-select2 .select2-dropdown li[role="group"] > ul li.select2-results__option--highlighted span {
1537 color: rgba(255,255,255,0.7);
1538 }
1539
1540 .automatorwp-tags-select2 .select2-results__option[aria-disabled=true] {
1541 color: #777 !important;
1542 font-weight: 500;
1543 }
1544
1545 /* -------------------------------------------
1546 Selector Custom Input
1547 ------------------------------------------- */
1548 .automatorwp-selector-custom-input .cmb-td {
1549 margin-left: 30px;
1550 width: calc(100% - 30px);
1551 margin-top: -4px;
1552 }
1553
1554 .automatorwp-selector-custom-input .cmb-td:before {
1555 content: "\f474";
1556 transform: scaleX(-1);
1557 opacity: 0.7;
1558 position: absolute;
1559 top: 6px;
1560 left: -23px;
1561
1562 font-family: dashicons;
1563 display: inline-block;
1564 line-height: 1;
1565 font-weight: 400;
1566 font-style: normal;
1567 speak: never;
1568 text-decoration: inherit;
1569 text-transform: none;
1570 text-rendering: auto;
1571 -webkit-font-smoothing: antialiased;
1572 -moz-osx-font-smoothing: grayscale;
1573 width: 20px;
1574 height: 20px;
1575 font-size: 20px;
1576 vertical-align: top;
1577 text-align: center;
1578 transition: color .1s ease-in;
1579 }
1580
1581 .automatorwp-selector-custom-input .cmb-td input {
1582 margin-top: -4px;
1583 }
1584
1585 /* -------------------------------------------
1586 JS Controls
1587 ------------------------------------------- */
1588
1589 .automatorwp-form .cmb-field-js-controls-before + .cmb-row {
1590 background: #f6f7f7;
1591 border: 1px solid #ddd !important;
1592 border-bottom: 0 !important;
1593 padding: 8px 6px !important;
1594 border-radius: 8px 8px 0 0;
1595 }
1596
1597 .automatorwp-form .cmb-field-js-controls-after {
1598 background: #f6f7f7;
1599 border: 1px solid #ddd;
1600 margin-top: 0;
1601 border-top: 0;
1602 padding: 4px 6px 8px;
1603 border-radius: 0 0 8px 8px;
1604 }
1605
1606 /* -------------------------------------------
1607 Colorpicker
1608 ------------------------------------------- */
1609
1610 .automatorwp-form .wp-picker-container .wp-color-result.button {
1611 padding: 0 0 0 17px;
1612 }
1613
1614 /* -------------------------------------------
1615 Automations List
1616 ------------------------------------------- */
1617
1618 .automatorwp-automation-completions,
1619 .automatorwp-automation-status {
1620 font-size: 12px;
1621 font-weight: 600;
1622 color: #444;
1623 background: #e5e5e5;
1624 display: inline-block;
1625 padding: 2px 6px;
1626 border-radius: 4px;
1627 }
1628
1629 .automatorwp-automation-completions-completed,
1630 .automatorwp-automation-status-active {
1631 color: #269630;
1632 background: #d6fdd1;
1633 }
1634
1635 .automatorwp-automation-status-inactive {
1636 color: #dc3232;
1637 background: #ffdddd;
1638 }
1639
1640 .wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon,
1641 .wp-list-table.automatorwp_automations .column-triggers .automatorwp-integration-icon,
1642 .wp-list-table.automatorwp_automations .column-actions .automatorwp-integration-icon {
1643 display: inline-block;
1644 width: 22px;
1645 max-width: 22px;
1646 max-height: 22px;
1647 height: 22px;
1648 border-radius: 4px;
1649 margin-bottom: 2px;
1650 vertical-align: middle;
1651 }
1652
1653 .wp-list-table.automatorwp_automations .column-type .automatorwp-integration-icon {
1654 padding: 2px;
1655 width: 18px;
1656 height: 18px;
1657 }
1658
1659 .wp-list-table.automatorwp_automations .cmb-tooltip-desc,
1660 .wp-list-table.automatorwp_logs .cmb-tooltip-desc {
1661 white-space: nowrap;
1662 text-align: center;
1663 width: auto;
1664 padding: 4px 8px !important;
1665 }
1666
1667 .wp-list-table.automatorwp_logs .cmb-tooltip-desc.cmb-tooltip-top {
1668 bottom: 130%;
1669 }
1670
1671 .automatorwp_page_automatorwp_logs .subsubsub .filter {
1672 float: none !important;
1673 }
1674
1675 /* -------------------------------------------
1676 Logs Edit Screen
1677 ------------------------------------------- */
1678 #post-body .misc-pub-post-user:before {
1679 content: "\f110";
1680 }
1681
1682 #post-body .misc-pub-post-user:before {
1683 font: normal 20px/1 dashicons;
1684 speak: none;
1685 display: inline-block;
1686 margin-left: -1px;
1687 padding-right: 3px;
1688 vertical-align: top;
1689 -webkit-font-smoothing: antialiased;
1690 -moz-osx-font-smoothing: grayscale;
1691 }
1692 #post-body .misc-pub-post-user:before {
1693 color: #82878c;
1694 }
1695
1696 #post-user-display {
1697 font-weight: 600;
1698 }
1699
1700 #automatorwp_log_data .cmb-th,
1701 #automatorwp_log_data .cmb-td {
1702 padding: 10px;
1703 }
1704
1705 #automatorwp_log_data .cmb-th label {
1706 padding-top: 0px;
1707 }
1708
1709 #automatorwp_log_data .cmb-type-title {
1710 border: 1px solid #dcdcde;
1711 border-left: 0;
1712 border-right: 0;
1713 background: #f6f7f7;
1714 margin: 5px -12px;
1715 }
1716
1717 #automatorwp_log_data .cmb-type-title .cmb-td {
1718 padding: 10px 20px;
1719 }
1720
1721 #automatorwp_log_data .cmb-type-title .cmb2-metabox-title,
1722 #automatorwp_log_data .cmb-type-title .cmb2-metabox-description {
1723 padding: 0;
1724 margin: 0;
1725 }
1726
1727 .automatorwp-log-title-preview .automatorwp-integration-icon {
1728 position: relative;
1729 float: left;
1730 margin-right: 6px;
1731 width: 40px;
1732 max-width: 40px;
1733 max-height: 40px;
1734 height: 40px;
1735 margin-top: -6px;
1736 }
1737
1738 /* Logs list screen */
1739 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon {
1740 position: relative;
1741 float: left;
1742 margin-right: 6px;
1743 width: 40px;
1744 max-width: 40px;
1745 max-height: 40px;
1746 height: 40px;
1747 margin-top: 1px;
1748 }
1749
1750 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1751 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1752 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon {
1753 position: absolute;
1754 top: 23px;
1755 left: 23px;
1756 width: 16px;
1757 height: 16px;
1758 border-width: 1px;
1759 border-style: solid;
1760 }
1761
1762 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon,
1763 .automatorwp-log-title-preview .automatorwp-integration-icon .automatorwp-filter-icon img,
1764 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon,
1765 .wp-list-table.automatorwp_logs .column-title .automatorwp-integration-icon .automatorwp-filter-icon img,
1766 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon,
1767 .automatorwp-dashboard .automatorwp-integration-icon .automatorwp-filter-icon img {
1768 display: block;
1769 border-radius: 4px;
1770 }
1771
1772 .automatorwp-integration-icon .automatorwp-filter-icon-passed {
1773 background: #46b450;
1774 border-color: #46b450;
1775 }
1776
1777 .automatorwp-integration-icon .automatorwp-filter-icon-not-passed {
1778 background: #dc3232;
1779 border-color: #dc3232;
1780 }
1781
1782 .automatorwp-clear-all-logs-button {
1783 float: right;
1784 margin-left: 4px !important;
1785 margin-top: 11px !important;
1786 }
1787
1788 /* -------------------------------------------
1789 Field Required
1790 ------------------------------------------- */
1791 .automatorwp-field-required {
1792 color: #dc3232;
1793 font-weight: 700;
1794 font-size: 18px;
1795 line-height: 0;
1796 }
1797
1798 /* -------------------------------------------
1799 Spinner
1800 ------------------------------------------- */
1801 .automatorwp-spinner {
1802 float: right;
1803 }
1804
1805 .automatorwp-spinner .spinner {
1806 float: none;
1807 margin-top: 0;
1808 }
1809
1810 .automatorwp-spinner .spinner-label {
1811 display: inline-block;
1812 float: right;
1813 font-size: 14px;
1814 margin-top: 0;
1815 color: #72777c;
1816 }
1817
1818 .automatorwp-box-spinner {
1819 display: inline-block;
1820 float: none;
1821 }
1822
1823 /* -------------------------------------------
1824 Buttons
1825 ------------------------------------------- */
1826 .button.automatorwp-button-success {
1827 background: #46b450;
1828 border: #46b450;
1829 color: #fff;
1830 }
1831
1832 .button.automatorwp-button-success:hover {
1833 background: #40a549;
1834 border: #40a549;
1835 color: #fff;
1836 }
1837
1838 .button.automatorwp-button-success:focus,
1839 .button.automatorwp-button-success:active {
1840 background: #399341;
1841 border: #399341;
1842 color: #fff;
1843 }
1844
1845 .button.automatorwp-button-danger {
1846 background: transparent;
1847 border-color: #e15151;
1848 color: #e15151;
1849 }
1850
1851 .button.automatorwp-button-danger:hover {
1852 background: transparent;
1853 border-color: #de3b3b;
1854 color: #de3b3b;
1855 }
1856
1857 .button.automatorwp-button-danger:focus,
1858 .button.automatorwp-button-danger:active {
1859 background: transparent;
1860 border-color: #da2525;
1861 color: #da2525;
1862 }
1863
1864 .button.automatorwp-button-dark {
1865 background: #404459;
1866 border: #404459;
1867 color: #fff;
1868 }
1869
1870 .button.automatorwp-button-dark:hover {
1871 background: #4b5068;
1872 border: #4b5068;
1873 color: #fff;
1874 }
1875
1876 .button.automatorwp-button-dark:focus,
1877 .button.automatorwp-button-dark:active {
1878 background: #36394a;
1879 border: #36394a;
1880 color: #fff;
1881 }
1882
1883 .automatorwp-add-trigger,
1884 .automatorwp-add-action,
1885 .automatorwp-add-filter {
1886 min-height: 32px !important;
1887 line-height: 2 !important;
1888 padding: 0 12px !important;
1889 }
1890
1891 .automatorwp-add-trigger.button .dashicons,
1892 .automatorwp-add-action.button .dashicons,
1893 .automatorwp-add-filter.button .dashicons {
1894 opacity: 0.8;
1895 margin-right: 4px;
1896 margin-left: -4px;
1897 line-height: 1 !important;
1898 vertical-align: middle !important;
1899 color: #fff !important; /* Fix for Elementor */
1900 }
1901
1902 .automatorwp-add-filter.button:disabled .dashicons,
1903 .automatorwp-add-filter.button.disabled .dashicons {
1904 color: #949494 !important;
1905 }
1906
1907 .automatorwp-add-filter.button .dashicons {
1908 line-height: 1.7;
1909 font-size: 16px;
1910 }
1911
1912 /* -------------------------------------------
1913 Notices
1914 ------------------------------------------- */
1915 .automatorwp-notice-info,
1916 .automatorwp-notice-warning,
1917 .automatorwp-notice-error,
1918 .automatorwp-notice-success {
1919 font-weight: 500;
1920 padding: 10px 12px;
1921 border-radius: 4px;
1922 margin-bottom: 15px;
1923 }
1924
1925 .automatorwp-notice-info {
1926 color: #007cba;
1927 background: #d9f1fd;
1928 }
1929
1930 .automatorwp-notice-warning {
1931 color: #a27806;
1932 background: #fff0c9;
1933 }
1934
1935 .automatorwp-notice-error {
1936 color: #dc3232;
1937 background: #ffdddd;
1938 }
1939
1940 .automatorwp-notice-success {
1941 color: #269630;
1942 background: #d6fdd1;
1943 }
1944
1945
1946 /* -------------------------------------------
1947 Tooltip
1948 ------------------------------------------- */
1949 .automatorwp-tooltip {
1950 position: absolute;
1951 right: -4px;
1952 top: 6px;
1953 cursor: help;
1954 }
1955
1956 .automatorwp-tooltip .dashicons {
1957 width: 24px;
1958 height: 24px;
1959 font-size: 24px;
1960 }
1961
1962 /* Desktop */
1963 @media screen and (min-width: 768px) {
1964 .automatorwp-has-tooltip .cmb2-metabox-description:not(.automatorwp-tooltip-dialog) {
1965 display: none !important;
1966 }
1967
1968 .cmb2-metabox-description.automatorwp-tooltip-dialog {
1969 position: absolute;
1970 top: -4px;
1971 right: 25px;
1972 left: -25px;
1973 z-index: 9999;
1974 padding: 10px !important;
1975 font-style: normal !important;
1976 font-size: 13px;
1977 border-radius: 4px;
1978 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1979 background: #2c3338;
1980 color: #ccc !important;
1981 }
1982
1983 .cmb2-metabox-description.automatorwp-tooltip-dialog:before {
1984 content: '';
1985 display: block;
1986 width: 0;
1987 height: 0;
1988 position: absolute;
1989 border-bottom: 8px solid transparent;
1990 border-top: 8px solid transparent;
1991 border-left: 8px solid #2c3338;
1992 right: -7px;
1993 top: 14px;
1994 }
1995
1996 .automatorwp-has-tooltip .cmb-td {
1997 position: relative;
1998 }
1999
2000 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip input,
2001 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip select,
2002 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2,
2003 .automatorwp-has-tooltip input,
2004 .automatorwp-has-tooltip select {
2005 width: calc( 100% - 25px ) !important;
2006 }
2007
2008 #post-body.columns-2 #postbox-container-1 .automatorwp-has-tooltip .automatorwp-select2 .select2-search--inline .select2-search__field {
2009 width: 100% !important;
2010 }
2011 }
2012
2013 /* Smartphone */
2014 @media screen and (max-width: 768px) {
2015 .automatorwp-has-tooltip .automatorwp-tooltip {
2016 display: none;
2017 }
2018 }
2019
2020 /* -------------------------------------------
2021 Options List
2022 ------------------------------------------- */
2023 .cmb2-metabox-description + .automatorwp-toggleable-options-list {
2024 color: #757575;
2025 font-style: italic;
2026 margin-top: 5px;
2027 }
2028
2029 .cmb2-metabox-description + .automatorwp-toggleable-options-list code {
2030 color: #444;
2031 font-weight: 600;
2032 }
2033
2034 /* -------------------------------------------
2035 Fields Table
2036 ------------------------------------------- */
2037 .automatorwp-fields-table .inside {
2038 overflow: inherit !important;
2039 }
2040
2041 .automatorwp-fields-table .cmb-row {
2042 border-bottom: 0;
2043 }
2044
2045 .automatorwp-fields-table .cmb-repeatable-grouping > .cmb-remove-group-row,
2046 .automatorwp-fields-table .cmb-repeatable-grouping > .cmbhandle,
2047 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) > .cmb-group-title {
2048 display: none;
2049 }
2050
2051 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-group-title {
2052 border-bottom: 1px solid #ccd0d4;
2053 background: #fff;
2054 margin: 0 !important;
2055 padding: 10px;
2056 border-radius: 4px 4px 0 0;
2057 }
2058
2059 .automatorwp-fields-table .cmb-repeatable-grouping {
2060 padding: 0 !important;
2061 margin: 0 !important;
2062 border-radius: 4px 4px 0 0;
2063 }
2064
2065 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) {
2066 border-top: 0 !important;
2067 }
2068
2069 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list {
2070 display: flex;
2071 background: #f5f5f5;
2072 }
2073
2074 .automatorwp-fields-table.automatorwp-fields-table-col-1 .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
2075 width: 100%;
2076 }
2077 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(.cmb-remove-field-row) {
2078 width: 50%;
2079 }
2080
2081 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row:not(:first-child) {
2082 border-left: 1px solid #ccd0d4 !important;
2083 }
2084
2085 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row {
2086 padding: 10px 10px;
2087 margin: 0;
2088 }
2089
2090 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-th {
2091 width: auto;
2092 }
2093
2094 .automatorwp-fields-table .cmb-repeatable-grouping:not(:nth-child(2)) .cmb-field-list .cmb-th {
2095 display: none;
2096 }
2097
2098 .automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-th {
2099 margin-top: -52px;
2100 margin-left: -11px;
2101 padding: 8px 0 8px 12px;
2102 }
2103
2104 .automatorwp-fields-table .cmb-repeatable-grouping:nth-child(2) .cmb-field-list .cmb-row:not(:first-child) .cmb-th {
2105 border-left: 1px solid #ccd0d4 !important;
2106 }
2107
2108 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-td {
2109 width: 100%;
2110 }
2111
2112 /* Fields table remove button */
2113 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button {
2114 color: #72777c;
2115 border: none;
2116 background: transparent;
2117 padding: 8px 0;
2118 }
2119
2120 .automatorwp-fields-table .cmb-repeatable-grouping .cmb-field-list .cmb-row.cmb-remove-field-row .cmb-remove-group-row-button:hover {
2121 color: #444;
2122 }
2123
2124 /* Fields table add button */
2125 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child {
2126 background: #fff;
2127 border: 1px solid #ccd0d4 !important;
2128 border-top: 0 !important;
2129 padding: 8px 10px;
2130 margin-bottom: 15px;
2131 border-radius: 0 0 4px 4px;
2132 }
2133
2134 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-row {
2135 margin: 0;
2136 }
2137
2138 .automatorwp-fields-table .cmb-repeatable-group > .cmb-row:last-child .cmb-add-group-row {
2139 font-size: 12px;
2140 min-height: 20px;
2141 }
2142
2143 /* -------------------------------------------
2144 Dialog
2145 ------------------------------------------- */
2146 .automatorwp-dialog {
2147 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
2148 border: 1px solid #ccd0d4;
2149 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
2150 background: #fff;
2151 padding: 15px;
2152 font-size: 14px;
2153 z-index: 999999;
2154 border-radius: 8px;
2155 }
2156
2157 .automatorwp-dialog + .ui-widget-overlay {
2158 opacity: 0.7;
2159 background: #000;
2160 position: fixed;
2161 top: 0;
2162 left: 0;
2163 height: 100%;
2164 width: 100%;
2165 z-index: 99999;
2166 }
2167
2168 .automatorwp-dialog .ui-widget-content {
2169 border: none;
2170 }
2171
2172 .automatorwp-dialog .ui-dialog-titlebar {
2173 border: none;
2174 background: transparent;
2175 padding: 0;
2176 }
2177
2178 .automatorwp-dialog .ui-dialog-title {
2179 display: none;
2180 }
2181
2182 .automatorwp-dialog h2 {
2183 margin-top: 0;
2184 font-size: 1.5em;
2185 }
2186
2187 .automatorwp-dialog .button {
2188 font-size: 14px;
2189 }
2190
2191 .automatorwp-dialog .button + .button {
2192 margin-left: 4px;
2193 }
2194
2195 /* Dialog close button */
2196 .automatorwp-dialog .ui-dialog-titlebar-close {
2197 float: right;
2198 border: none;
2199 background: transparent;
2200 color: #72777c;
2201 margin-top: -10px;
2202 margin-right: -14px;
2203 cursor: pointer;
2204 }
2205
2206 .automatorwp-dialog .ui-dialog-titlebar-close:hover {
2207 color: #444;
2208 }
2209
2210 .automatorwp-dialog .ui-dialog-titlebar-close:before {
2211 content: "\f335";
2212
2213 font-family: dashicons;
2214 display: inline-block;
2215 line-height: 1;
2216 font-weight: 400;
2217 font-style: normal;
2218 speak: none;
2219 text-decoration: inherit;
2220 text-transform: none;
2221 text-rendering: auto;
2222 -webkit-font-smoothing: antialiased;
2223 -moz-osx-font-smoothing: grayscale;
2224 width: 20px;
2225 height: 20px;
2226 font-size: 20px;
2227 vertical-align: top;
2228 text-align: center;
2229 transition: color .1s ease-in;
2230 }
2231
2232 .automatorwp-dialog .ui-dialog-titlebar-close .ui-button-text {
2233 display: none;
2234 }
2235
2236 /* Dialog bottom button */
2237 .automatorwp-dialog .automatorwp-dialog-bottom:after {
2238 content: '';
2239 display: block;
2240 clear: both;
2241 }
2242
2243 .automatorwp-dialog .automatorwp-dialog-buttons {
2244 float: right;
2245 }
2246
2247 .automatorwp-dialog .automatorwp-dialog-buttons .automatorwp-dialog-cancel {
2248 line-height: 32px;
2249 }
2250
2251 /* -------------------------------------------
2252 Automation type dialog
2253 ------------------------------------------- */
2254 .automatorwp-automation-type-dialog .automatorwp-automation-types {
2255 display: flex;
2256 flex-wrap: wrap;
2257 margin-left: -6px;
2258 margin-right: -6px;
2259 }
2260
2261 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2262 position: relative;
2263 width: 21%;
2264 padding: 1em 0.5em;
2265 border: 2px solid #efefef;
2266 border-radius: 8px;
2267 cursor: pointer;
2268 margin-left: 6px;
2269 margin-right: 6px;
2270 margin-bottom: 12px;
2271 text-align: center;
2272 }
2273
2274 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type:hover {
2275 background: rgba(0, 124, 186, 0.1);
2276 border-color: #88ccef;
2277 }
2278
2279 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type.automatorwp-automation-type-selected {
2280 border-color: #008fd6;
2281 background: rgba(0, 124, 186, 0.2);
2282 }
2283
2284 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2285 width: 38%;
2286 margin-bottom: 6px;
2287 }
2288
2289 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type strong {
2290 display: block;
2291 font-size: 16px;
2292 margin-bottom: 8px;
2293 }
2294
2295 .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2296 font-size: 12px;
2297 margin-top: 6px;
2298 }
2299
2300 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title {
2301 margin: 0;
2302 margin-bottom: 12px;
2303 }
2304
2305 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip {
2306 vertical-align: baseline;
2307 }
2308 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-title .cmb-tooltip .dashicons {
2309 opacity: 0.3;
2310 }
2311
2312 .automatorwp-automation-type-dialog .automatorwp-automation-type-dialog-automation-loop-desc {
2313 margin-top: 2px;
2314 }
2315
2316 /* -------------------------------------------
2317 Automation URL export dialog
2318 ------------------------------------------- */
2319
2320 .automatorwp-automation-url-export-dialog label {
2321 display: block;
2322 font-weight: 500;
2323 margin-bottom: 6px;
2324 }
2325
2326 .automatorwp-automation-url-export-dialog .automatorwp-notice-error {
2327 margin-top: 1em;
2328 }
2329
2330 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-input,
2331 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-url {
2332 margin-bottom: 1em;
2333 }
2334
2335 .automatorwp-automation-url-export-dialog input {
2336 width: 100%;
2337 font-size: 18px !important;
2338 border: 2px solid #ccc;
2339 margin: 0;
2340 }
2341
2342 .automatorwp-automation-url-export-dialog .automatorwp-automation-url-export-dialog-desc {
2343 display: block;
2344 margin-top: 6px;
2345 font-style: italic;
2346 }
2347
2348 .automatorwp-automation-url-export-dialog-url input {
2349 width: calc( 100% - 40px );
2350 margin: 0;
2351 border-radius: 4px 0 0 4px;
2352 }
2353
2354 .automatorwp-automation-url-export-dialog-url-copy {
2355 position: relative;
2356 float: right;
2357 height: 36px;
2358 width: 38px;
2359 border: 2px solid #ccc;
2360 border-left: none;
2361 border-radius: 0 4px 4px 0;
2362 }
2363
2364 .automatorwp-automation-url-export-dialog-url-copy-icon {
2365 padding: 8px;
2366 cursor: pointer;
2367 opacity: 0.7;
2368 }
2369
2370 .automatorwp-automation-url-export-dialog-url-copy-text {
2371 opacity: 0;
2372 -webkit-transition: opacity 0.5s ease-in-out;
2373 -moz-transition: opacity 0.5s ease-in-out;
2374 transition: opacity 0.5s ease-in-out;
2375 }
2376
2377 .automatorwp-automation-url-export-dialog-url-copy:hover .automatorwp-automation-url-export-dialog-url-copy-text {
2378 opacity: 1;
2379 }
2380
2381 .automatorwp-automation-url-export-dialog-url-copy-text {
2382 position: absolute;
2383 top: -34px;
2384 width: 60px;
2385 font-size: 11px;
2386 text-align: center;
2387 right: -10px;
2388 z-index: 9999;
2389 padding: 4px;
2390 font-style: normal;
2391 border-radius: 4px;
2392 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
2393 background: #000;
2394 color: #fff;
2395 }
2396
2397 .automatorwp-automation-url-export-dialog-url-copy-text:before {
2398 content: '';
2399 display: block;
2400 width: 0;
2401 height: 0;
2402 position: absolute;
2403 border-top: 8px solid #000;
2404 border-left: 8px solid transparent;
2405 border-right: 8px solid transparent;
2406 bottom: -7px;
2407 left: 44%;
2408 }
2409
2410 /* -------------------------------------------
2411 Dashboard
2412 ------------------------------------------- */
2413
2414 body.toplevel_page_automatorwp,
2415 body.automatorwp_page_automatorwp_add_ons {
2416 background: #f5f5f5;
2417 }
2418
2419 .automatorwp-dashboard .wp-heading-inline {
2420 display: none !important;
2421 }
2422
2423 .automatorwp-dashboard .meta-box-sortables {
2424 margin-bottom: 0 !important;
2425 }
2426
2427 .automatorwp-dashboard .postbox .inside,
2428 .automatorwp-dashboard .postbox .inside p {
2429 font-size: 14px;
2430 }
2431
2432 .automatorwp-dashboard .postbox,
2433 .automatorwp-dashboard .automatorwp-plugin-card {
2434 border: none;
2435 border-radius: 6px;
2436 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2437 }
2438
2439 .automatorwp-dashboard #automatorwp-dashboard-videos.postbox,
2440 .automatorwp-dashboard #automatorwp-dashboard-plugins.postbox,
2441 .automatorwp-dashboard #automatorwp-dashboard-team.postbox,
2442 .automatorwp-dashboard #automatorwp-dashboard-social.postbox,
2443 .automatorwp-dashboard #automatorwp-dashboard-involved.postbox {
2444 background: transparent;
2445 box-shadow: none;
2446 }
2447
2448 .automatorwp-dashboard .postbox .hndle {
2449 display: block;
2450 cursor: auto;
2451 user-select: auto;
2452 font-size: 16px;
2453 padding: 8px 10px !important;
2454 }
2455
2456 .automatorwp-dashboard .postbox .hndle .button {
2457 text-decoration: none !important;
2458 float: right;
2459 margin-bottom: -7px;
2460 min-height: 30px;
2461 line-height: 2.30769231;
2462 padding: 0 12px;
2463 }
2464
2465 .automatorwp-dashboard .postbox .hndle .dashicons {
2466 opacity: 0.4;
2467 margin-right: 4px;
2468 }
2469
2470 .automatorwp-dashboard .postbox-header {
2471 border: none;
2472 }
2473
2474 .automatorwp-dashboard .automatorwp-dashboard-logo {
2475 margin-bottom: 10px;
2476 }
2477
2478 .automatorwp-dashboard .automatorwp-dashboard-logo img {
2479 width: 230px;
2480 vertical-align: middle;
2481 }
2482
2483 .automatorwp-dashboard .automatorwp-dashboard-logo .autoamtorwp-dashboard-version {
2484 font-size: 16px;
2485 font-weight: 700;
2486 }
2487
2488 .automatorwp-dashboard h1 {
2489 clear: both;
2490 margin: 0 8px 8px;
2491 font-size: 28px;
2492 }
2493
2494 .automatorwp-dashboard h3 {
2495 font-size: 16px !important;
2496 font-weight: 600 !important;
2497 }
2498
2499 .automatorwp-dashboard li {
2500 margin-bottom: 10px;
2501 }
2502
2503 .automatorwp-dashboard li h3 {
2504 margin-top: 10px !important;
2505 }
2506
2507 .automatorwp-dashboard li .dashicons {
2508 color: #82878c;
2509 }
2510
2511 /* Automations (latest & most completed) & Latest Logs */
2512 .automatorwp-dashboard .automatorwp-automations ul,
2513 .automatorwp-dashboard .automatorwp-latest-logs ul {
2514 margin-bottom: -12px;
2515 }
2516
2517 .automatorwp-dashboard .automatorwp-automations li,
2518 .automatorwp-dashboard .automatorwp-latest-logs li {
2519 display: block;
2520 padding: 8px 12px;
2521 margin-left: -12px;
2522 margin-right: -12px;
2523 margin-bottom: 0;
2524 font-size: 13px;
2525 }
2526
2527 .automatorwp-dashboard .automatorwp-automations li:nth-child(odd),
2528 .automatorwp-dashboard .automatorwp-latest-logs li:nth-child(odd) {
2529 background-color: #f6f7f7;
2530 }
2531
2532 .automatorwp-dashboard .automatorwp-automations li:last-child,
2533 .automatorwp-dashboard .automatorwp-latest-logs li:last-child {
2534 margin-bottom: 0;
2535 border-radius: 0 0 6px 6px;
2536 }
2537
2538 .automatorwp-dashboard .automatorwp-automations li > div,
2539 .automatorwp-dashboard .automatorwp-latest-logs li > div {
2540 display: flex;
2541 }
2542
2543 .automatorwp-dashboard .automatorwp-automations li > div > span,
2544 .automatorwp-dashboard .automatorwp-latest-logs li > div > span {
2545 min-height: 24px;
2546 }
2547
2548 .automatorwp-dashboard .automatorwp-automations li > div > span:first-child,
2549 .automatorwp-dashboard .automatorwp-latest-logs li > div > span:first-child {
2550 flex: 2;
2551 padding-right: 6px;
2552 }
2553
2554 .automatorwp-dashboard .automatorwp-latest-logs li > div > span:last-child,
2555 .automatorwp-dashboard .automatorwp-automations li > div > span:last-child {
2556 flex: 1;
2557 text-align: right;
2558 }
2559
2560 .automatorwp-dashboard .automatorwp-automations li > div:last-child > span,
2561 .automatorwp-dashboard .automatorwp-latest-logs li > div:last-child > span {
2562 color: #72777c;
2563 }
2564
2565 .automatorwp-dashboard .automatorwp-automations li .automatorwp-integration-icon {
2566 padding: 4px;
2567 width: 30px;
2568 height: 30px;
2569 border-radius: 4px;
2570 }
2571
2572 .automatorwp-dashboard .automatorwp-automations .cmb-tooltip-desc,
2573 .automatorwp-dashboard .automatorwp-latest-logs .cmb-tooltip-desc {
2574 white-space: nowrap;
2575 text-align: center;
2576 width: auto;
2577 padding: 4px 8px !important;
2578 bottom: 130%;
2579 }
2580
2581 .automatorwp-dashboard .automatorwp-automations li > div:first-child,
2582 .automatorwp-dashboard .automatorwp-latest-logs li > div:first-child {
2583 float: left;
2584 }
2585
2586 .automatorwp-dashboard .automatorwp-automations .automatorwp-integration-icon,
2587 .automatorwp-dashboard .automatorwp-latest-logs .automatorwp-integration-icon {
2588 position: relative;
2589 float: left;
2590 margin-right: 6px;
2591 width: 40px;
2592 max-width: 40px;
2593 max-height: 40px;
2594 height: 40px;
2595 margin-top: 1px;
2596 }
2597
2598 /* Add New Automation */
2599 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 {
2600 margin-bottom: 5px !important;
2601 }
2602
2603 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip {
2604 vertical-align: middle;
2605 }
2606
2607 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 .cmb-tooltip .dashicons {
2608 opacity: 0.3;
2609 }
2610
2611 .automatorwp-dashboard #automatorwp-dashboard-new-automation h3 + p {
2612 font-size: 13px;
2613 }
2614
2615 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type {
2616 width: 100%;
2617 padding: 0.5em 0.5em;
2618 text-align: left;
2619 margin-bottom: 6px;
2620 }
2621
2622 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type img {
2623 width: 10%;
2624 float: left;
2625 margin-bottom: 0;
2626 }
2627
2628 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description {
2629 margin-left: 45px;
2630 margin-top: 0;
2631 }
2632
2633 .automatorwp-dashboard .automatorwp-automation-type-dialog .automatorwp-automation-types .automatorwp-automation-type .automatorwp-automation-type-description strong {
2634 font-size: 14px;
2635 margin-bottom: 0px;
2636 }
2637
2638 .automatorwp-dashboard #automatorwp-dashboard-new-automation .button {
2639 margin-top: 8px;
2640 }
2641
2642 /* Videos */
2643 .automatorwp-dashboard #automatorwp-dashboard-videos .inside {
2644 margin-top: -16px;
2645 padding: 0;
2646 }
2647
2648 .automatorwp-dashboard #automatorwp-dashboard-plugins .inside,
2649 .automatorwp-dashboard #automatorwp-dashboard-team .inside,
2650 .automatorwp-dashboard #automatorwp-dashboard-involved .inside,
2651 .automatorwp-dashboard #automatorwp-dashboard-social .inside {
2652 padding: 0;
2653 }
2654
2655 .automatorwp-dashboard #automatorwp-dashboard-plugins .hndle,
2656 .automatorwp-dashboard #automatorwp-dashboard-team .hndle,
2657 .automatorwp-dashboard #automatorwp-dashboard-involved .hndle,
2658 .automatorwp-dashboard #automatorwp-dashboard-social .hndle {
2659 padding-left: 0;
2660 }
2661
2662 .automatorwp-dashboard .automatorwp-dashboard-video a {
2663 display: grid;
2664 grid-gap: 0;
2665 grid-template-columns: 1fr 3fr;
2666 margin-bottom: 5px;
2667 text-decoration: none;
2668 color: #3c434a;
2669 opacity: 0.8;
2670 }
2671
2672 .automatorwp-dashboard .automatorwp-dashboard-video a:hover {
2673 opacity: 1;
2674 }
2675
2676 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image {
2677 height: 60px;
2678 overflow: hidden;
2679 margin-right: 6px;
2680 }
2681
2682 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-image img {
2683 margin-top: -13px;
2684 margin-left: -10px;
2685 }
2686
2687 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-title {
2688 font-size: 15px;
2689 }
2690
2691 .automatorwp-dashboard .automatorwp-dashboard-video .automatorwp-dashboard-video-details .automatorwp-dashboard-video-duration {
2692 font-size: 13px;
2693 }
2694
2695 .automatorwp-dashboard .automatorwp-dashboard-get-involved p,
2696 .automatorwp-dashboard .automatorwp-dashboard-get-involved ul {
2697 margin-bottom: 20px;
2698 }
2699
2700 .automatorwp-dashboard .automatorwp-dashboard-pricing-button {
2701 margin-top: 28px;
2702 }
2703
2704 .automatorwp-dashboard .button.button-large {
2705 padding: 8px 18px;
2706 }
2707
2708 .automatorwp-dashboard .center {
2709 text-align: center;
2710 }
2711
2712 .automatorwp-dashboard-more-videos {
2713 margin-bottom: -12px;
2714 }
2715
2716 .automatorwp-dashboard-more-videos,
2717 .automatorwp-dashboard-more-add-ons {
2718 clear: both;
2719 text-align: center;
2720 font-size: 16px;
2721 margin: 0 auto;
2722 padding-top: 20px;
2723 }
2724
2725 /* Dashboard: Add-ons */
2726 .automatorwp-dashboard .automatorwp-section-desc {
2727 margin-top: -12px;
2728 margin-left: 7px;
2729 }
2730
2731 .automatorwp-dashboard .automatorwp-dashboard-add-ons-section {
2732 display: flex !important;
2733 flex-wrap: wrap;
2734 margin: 0 !important;
2735 }
2736
2737 .automatorwp-dashboard .automatorwp-plugin-card {
2738 background: transparent;
2739 box-shadow: none;
2740 }
2741 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail {
2742 width: 64px;
2743 height: 64px;
2744 }
2745
2746 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a {
2747 border-radius: 6px;
2748 overflow: hidden;
2749 margin-left: auto;
2750 margin-right: auto;
2751 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2752 background: #fff;
2753 }
2754
2755 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2756 max-width: 100%;
2757 }
2758
2759 .automatorwp-dashboard .automatorwp-plugin-card .name {
2760 text-align: center;
2761 }
2762
2763 .automatorwp-dashboard .automatorwp-plugin-card .name h3 {
2764 margin: 0 !important;
2765 }
2766 .automatorwp-dashboard .automatorwp-plugin-card .name a {
2767 text-decoration: none;
2768 font-weight: normal;
2769 color: #1d2327;
2770 overflow: hidden;
2771 white-space: nowrap;
2772 }
2773
2774 .automatorwp-dashboard .automatorwp-plugin-card .thumbnail a img {
2775 border-radius: 6px 6px 0 0;
2776 }
2777
2778 .automatorwp-dashboard .automatorwp-plugin-card .plugin-card-top {
2779 padding: 20px 8px 10px;
2780 min-height: auto;
2781 }
2782
2783 .automatorwp-dashboard .automatorwp-plugin-card .plugin-card-bottom {
2784 background: transparent;
2785 border: none;
2786 margin-top: -20px;
2787 }
2788
2789 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
2790 width: 150px;
2791 bottom: 95%
2792 }
2793
2794 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top:before {
2795 left: 77px;
2796 }
2797
2798 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-left {
2799 right: 80%;
2800 }
2801
2802 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-right {
2803 left: 80%;
2804 }
2805
2806 .automatorwp-dashboard .automatorwp-plugin-card .cmb-tooltip-desc p {
2807 margin: 0;
2808 }
2809
2810 .automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .thumbnail a:after {
2811 content: " ";
2812 display: block;
2813 position: absolute;
2814 padding-top: 70px;
2815 width: 100%;
2816 left: 0;
2817 margin-top: -57px;
2818 z-index: 999;
2819 background: linear-gradient(0deg, #f5f5f5, transparent);
2820 }
2821
2822 .automatorwp-dashboard .plugin-card:nth-child(n+11) .plugin-card-top .name{
2823 opacity: 0.2;
2824 }
2825
2826 .automatorwp-dashboard .plugin-card {
2827 width: 10%;
2828 clear: none;
2829 }
2830
2831 /* Smartphone */
2832 @media screen and (max-width: 1199px) {
2833 .automatorwp-dashboard .plugin-card {
2834 width: 25%;
2835 }
2836
2837 .automatorwp-dashboard .plugin-card:nth-child(n+9) {
2838 display: none;
2839 }
2840
2841 .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .thumbnail a:after {
2842 content: " ";
2843 display: block;
2844 position: absolute;
2845 padding-top: 70px;
2846 width: 100%;
2847 left: 0;
2848 margin-top: -57px;
2849 z-index: 999;
2850 background: linear-gradient(0deg, #f5f5f5, transparent);
2851 }
2852
2853 .automatorwp-dashboard .plugin-card:nth-child(n+5) .plugin-card-top .name{
2854 opacity: 0.2;
2855 }
2856
2857 .automatorwp-dashboard .automatorwp-dashboard-more-videos {
2858 position: absolute;
2859 bottom: -10px;
2860 left: 44%;
2861 }
2862 }
2863
2864 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2865 .automatorwp-dashboard .postbox-container {
2866 float: left !important;
2867 }
2868
2869 .automatorwp-dashboard .automatorwp-automations {
2870 min-height: 370px;
2871 }
2872
2873 .automatorwp-dashboard #postbox-container-3.postbox-container {
2874 width: 49.5% !important;
2875 }
2876 .automatorwp-dashboard #postbox-container-3.postbox-container:before {
2877 content: "";
2878 display: block;
2879 clear: both;
2880 }
2881 }
2882
2883 /* Docs */
2884 .automatorwp-dashboard .automatorwp-dashboard-docs-section .postbox-header .hndle {
2885 padding-bottom: 0 !important;
2886 }
2887
2888 /* Plugins */
2889 .automatorwp-dashboard .our-plugins-list li {
2890 display: inline-block;
2891 width: 49%;
2892 margin-bottom: 18px;
2893 }
2894
2895 .automatorwp-dashboard .our-plugins-list img {
2896 vertical-align: middle;
2897 width: 32px;
2898 height: 32px;
2899 }
2900
2901 .automatorwp-dashboard .our-plugins-list span {
2902 vertical-align: middle;
2903 font-size: 18px;
2904 }
2905
2906 /* Team */
2907 .automatorwp-dashboard .contributors-list {
2908 text-align: center;
2909 }
2910
2911 .automatorwp-dashboard .contributors-list img {
2912 border-radius: 50%;
2913 }
2914
2915 .automatorwp-dashboard .contributors-list span {
2916 display: block;
2917 }
2918
2919 .automatorwp-dashboard .contributors-list .cmb-tooltip-top {
2920 bottom: 115%;
2921 width: auto;
2922 white-space: nowrap;
2923 }
2924
2925 /* Social */
2926 .automatorwp-dashboard .automatorwp-dashboard-social-list {
2927 display: flex;
2928 }
2929
2930 .automatorwp-dashboard .automatorwp-dashboard-social-list li:not(:first-child) {
2931 margin-left: 8px;
2932 }
2933
2934 .automatorwp-dashboard .automatorwp-dashboard-social-list .dashicons {
2935 font-size: 20px;
2936 line-height: 36px;
2937 height: 36px;
2938 width: 36px;
2939 color: #fff !important;
2940 border-radius: 100%;
2941 }
2942
2943 .automatorwp-dashboard .automatorwp-dashboard-social-list .cmb-tooltip-top {
2944 bottom: 130%;
2945 width: auto;
2946 white-space: nowrap;
2947 }
2948
2949 .automatorwp-dashboard .dashicons-youtube {
2950 background: #e90000 !important;
2951 }
2952
2953 .automatorwp-dashboard .dashicons-facebook-alt,
2954 .automatorwp-dashboard .dashicons-groups {
2955 background: #4766a9 !important;
2956 }
2957
2958 .automatorwp-dashboard .dashicons-twitter {
2959 background: #139ae7 !important;
2960 }
2961
2962 .automatorwp-dashboard .dashicons-linkedin,
2963 .automatorwp-dashboard #automatorwp-dashboard-social .dashicons-wordpress {
2964 background: #0074b3 !important;
2965 }
2966
2967 .automatorwp-dashboard .dashicons-email-alt {
2968 background: #444 !important;
2969 }
2970
2971 .automatorwp-dashboard-blocks-list li span {
2972 float: right;
2973 }
2974
2975 @media screen and (min-width: 1200px) {
2976
2977 .automatorwp-dashboard .automatorwp-dashboard-columns {
2978 display: grid;
2979 grid-gap: 2rem;
2980 grid-template-columns: 1fr 1fr 1fr;
2981 }
2982
2983 .automatorwp-dashboard .contributors-list {
2984 display: grid;
2985 grid-template-columns: 1fr 1fr 1fr;
2986 }
2987 }
2988
2989 /* Fix WP 7.0 */
2990 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2991 .automatorwp-dashboard #dashboard-widgets .postbox-container {
2992 width: 25% !important;
2993 }
2994
2995 .automatorwp-dashboard #dashboard-widgets #postbox-container-3,
2996 .automatorwp-dashboard #dashboard-widgets #postbox-container-4 {
2997 float: left !important;
2998 }
2999 }
3000
3001 /* -------------------------------------------
3002 Add-ons
3003 ------------------------------------------- */
3004
3005 .automatorwp_page_automatorwp_add_ons .wp-filter {
3006 margin-bottom: 0;
3007 }
3008
3009 .automatorwp_page_automatorwp_add_ons .wp-filter a:hover,
3010 .automatorwp_page_automatorwp_add_ons .wp-filter a:focus {
3011 box-shadow: none;
3012 }
3013
3014 .automatorwp_page_automatorwp_add_ons .wp-filter a .dashicons {
3015 vertical-align: bottom;
3016 }
3017
3018 .automatorwp-add-ons {
3019 display: -webkit-box;
3020 display: -webkit-flex;
3021 display: -ms-flexbox;
3022 display: flex;
3023
3024 -webkit-flex-wrap: wrap;
3025 -ms-flex-wrap: wrap;
3026 flex-wrap: wrap;
3027
3028 width: 100%;
3029 }
3030
3031 .automatorwp-plugin-card {
3032 display: -webkit-box;
3033 display: -webkit-flex;
3034 display: -ms-flexbox;
3035 display: flex;
3036
3037 -webkit-flex-wrap: wrap;
3038 -ms-flex-wrap: wrap;
3039 flex-wrap: wrap;
3040
3041 width: 100%;
3042
3043 margin-left: 0;
3044 margin-right: 0;
3045
3046 border: none;
3047 background: transparent;
3048 }
3049
3050 .automatorwp-plugin-card .plugin-card-top {
3051 width: 100%;
3052 min-height: auto;
3053 padding-top: 0;
3054 }
3055
3056 .automatorwp-plugin-card .plugin-card-bottom {
3057 width: 100%;
3058 align-self: flex-end;
3059 border: none;
3060 background: transparent;
3061 padding: 0;
3062 }
3063
3064 .automatorwp-plugin-card .name, .automatorwp-plugin-card .desc
3065 .automatorwp-plugin-card .name, .automatorwp-plugin-card .desc > p {
3066 margin-left: 0;
3067 margin-right: 0;
3068 }
3069
3070 .automatorwp-plugin-card .thumbnail {
3071 width: 64px;
3072 margin: 0 auto 10px;
3073 border-radius: 6px;
3074 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
3075 background: #fff;
3076 }
3077
3078 .automatorwp-plugin-card .thumbnail a {
3079 display: block;
3080 line-height: 0;
3081 }
3082
3083 .automatorwp-plugin-card .thumbnail a img {
3084 max-width: 100%;
3085 border-radius: 6px;
3086 }
3087
3088 .automatorwp-plugin-card .name h3 {
3089 text-align: center;
3090 margin: 0;
3091 }
3092
3093 .automatorwp-plugin-card .name a {
3094 text-decoration: none;
3095 font-weight: normal;
3096 color: #1d2327;
3097 font-size: 16px;
3098 }
3099
3100 .automatorwp-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
3101 bottom: 110%;
3102 }
3103
3104 .automatorwp-plugin-card .cmb-tooltip-desc p {
3105 margin: 0;
3106 color: #ccc !important;
3107 }
3108
3109 .automatorwp-plugin-card .thumbnail:hover + .name a,
3110 .automatorwp-plugin-card .name a:hover {
3111 text-decoration: underline;
3112 }
3113
3114 .automatorwp-plugin-card .action-links {
3115 position: relative;
3116 top: 0;
3117 right: 0;
3118 width: 100%;
3119 }
3120
3121 .automatorwp-plugin-card .action-links .plugin-action-buttons {
3122 float: none;
3123 margin: 0;
3124 }
3125
3126 .automatorwp-plugin-card .action-links .plugin-action-buttons li {
3127 margin: 0;
3128 text-align: center;
3129 }
3130
3131 .automatorwp-plugin-card .action-links .plugin-action-buttons li .more-details {
3132 float: left;
3133 }
3134
3135 .is-automatorwp-plugin#plugin-information #plugin-information-content .notice {
3136 display: none;
3137 }
3138
3139 .automatorwp-plugin-card .plugin-card-bottom {
3140 opacity: 0;
3141 }
3142
3143 .automatorwp-plugin-card:hover .plugin-card-bottom {
3144 opacity: 1;
3145 }
3146
3147 .automatorwp-plugin-card .installed,
3148 .automatorwp-plugin-card .active {
3149 margin-right: -30%;
3150 margin-bottom: -10px;
3151 margin-top: -16px;
3152 position: relative;
3153 z-index: 1;
3154 text-align: center;
3155 }
3156
3157 .automatorwp-plugin-card .installed span,
3158 .automatorwp-plugin-card .active span {
3159 display: inline-block;
3160 padding: 4px 6px;
3161 border-radius: 4px;
3162 font-size: 14px;
3163 }
3164
3165 .automatorwp-plugin-card .installed span {
3166 background: #e5e5e5;
3167 border: #e5e5e5;
3168 }
3169
3170 .automatorwp-plugin-card .active span {
3171 background: #46b450;
3172 border: #46b450;
3173 color: #fff;
3174 }
3175
3176 @media screen and (min-width: 1600px) {
3177 .automatorwp-plugin-card {
3178 width: 16%;
3179 }
3180 }
3181
3182 @media screen and (min-width: 1200px) and (max-width: 1600px) {
3183 .automatorwp-plugin-card {
3184 width: 16%;
3185 }
3186 }
3187
3188 .automatorwp-plugin-card {
3189 margin: 0 !important;
3190 padding-bottom: 12px;
3191 overflow: initial;
3192 }
3193
3194 @media screen and (min-width: 1200px) {
3195 .automatorwp-add-ons {
3196 margin-left: -8px;
3197 margin-right: -8px;
3198 }
3199 }
3200
3201 /* -------------------------------------------
3202 Settings
3203 ------------------------------------------- */
3204
3205 .automatorwp-page.cmb2-options-page {
3206 max-width: 100%;
3207 }
3208
3209 .automatorwp-page.cmb2-options-page .cmb2-metabox > .cmb-row {
3210 border: none;
3211 box-shadow: none;
3212 }
3213
3214 .automatorwp-page .postbox .hndle {
3215 justify-content: flex-start;
3216 font-size: 16px;
3217 }
3218
3219 .automatorwp-page .postbox .hndle .dashicons {
3220 height: 18px;
3221 line-height: 18px;
3222 margin-right: 5px;
3223 }
3224
3225 .automatorwp-page .postbox .handle-actions {
3226 display: none;
3227 }
3228
3229 .automatorwp_settings input[name="submit-cmb"] {
3230 float: left;
3231 margin-right: 12px;
3232 }
3233
3234 .automatorwp_settings.cmb2-options-page #poststuff h2.nav-tab-wrapper {
3235 margin-bottom: 20px !important;
3236 }
3237
3238 .automatorwp-page .nav-tab .dashicons {
3239 vertical-align: text-bottom;
3240 margin-right: 2px;
3241 }
3242
3243 .automatorwp-page > h2 {
3244 margin-bottom: 0 !important;
3245 }
3246
3247 /* -------------------------------------------
3248 Licensing Settings
3249 ------------------------------------------- */
3250
3251 .automatorwp_licenses .meta-box-sortables {
3252 display: -webkit-box;
3253 display: -webkit-flex;
3254 display: -ms-flexbox;
3255 display: flex;
3256 -webkit-flex-wrap: wrap;
3257 -ms-flex-wrap: wrap;
3258 flex-wrap: wrap;
3259 margin-left: -8px;
3260 margin-right: -8px;
3261 }
3262
3263 .automatorwp_licenses .handlediv,
3264 .automatorwp_page_automatorwp_licenses #screen-options-link-wrap {
3265 display: none !important;
3266 }
3267
3268 .automatorwp_licenses .postbox.closed .inside {
3269 display: block !important;
3270 }
3271
3272 .automatorwp_licenses .postbox {
3273 width: 100%;
3274 margin: 0 8px 16px;
3275 }
3276
3277 .automatorwp_licenses .automatorwp-license-thumbnail {
3278 margin: -6px -12px 0;
3279 }
3280
3281 .automatorwp_licenses .automatorwp-license-thumbnail img {
3282 width: 100%;
3283 }
3284
3285 .automatorwp_licenses .cmb-row {
3286 border: none;
3287 padding-bottom: 0;
3288 }
3289
3290 .automatorwp_licenses .cmb2-metabox > .cmb-row:not(:first-of-type) {
3291 border: none !important;
3292 }
3293
3294 .automatorwp_licenses .cmb-th,
3295 .automatorwp_licenses .cmb-td {
3296 width: 100%;
3297 padding: 6px 0 !important;
3298 margin-left: 0 !important;
3299 margin-right: 0 !important;
3300 }
3301
3302 .automatorwp_licenses .cmb-td input {
3303 width: 100%;
3304 }
3305
3306 .automatorwp_licenses .license-expiration-notice,
3307 .automatorwp_licenses .renew-license-notice {
3308 display: inline;
3309 }
3310
3311 .automatorwp_licenses .license-error {
3312 color: #a00;
3313 }
3314
3315 .automatorwp_licenses .renew-license-notice:before {
3316 content: ' '; /* Add a space between expiration and renew notices */
3317 }
3318
3319 @media screen and (min-width: 1600px) {
3320
3321 .automatorwp_licenses .postbox {
3322 width: 23%;
3323 }
3324
3325 }
3326
3327 @media screen and (min-width: 1200px) and (max-width: 1600px) {
3328 .automatorwp_licenses .postbox {
3329 width: 23%;
3330 }
3331 }
3332
3333 /* -------------------------------------------
3334 Review Notice
3335 ------------------------------------------- */
3336 .automatorwp-review-notice {
3337 position: relative;
3338 background: #222;
3339 color: #fff;
3340 border: none;
3341 }
3342
3343 .automatorwp-review-notice a:not(.button) {
3344 color: #fff !important;
3345 }
3346
3347 .automatorwp-review-notice a.button:not(.button-primary) {
3348 background-color: #fff !important;
3349 }
3350
3351 .automatorwp-review-notice > p {
3352 color: #fff !important;
3353 }
3354
3355 .automatorwp-review-notice p span {
3356 opacity: 0.7;
3357 }
3358
3359 .automatorwp-review-notice .button-primary {
3360 background: #febd17;
3361 border-color: #fdc63a #926d10 #926d10;
3362 box-shadow: 0 1px 0 #926d10;
3363 text-decoration: none;
3364 text-shadow: none;
3365 color: #444;
3366 font-weight: 500;
3367 }
3368
3369 .automatorwp-review-notice .button-primary.hover,
3370 .automatorwp-review-notice .button-primary:hover,
3371 .automatorwp-review-notice .button-primary.focus,
3372 .automatorwp-review-notice .button-primary:focus {
3373 background: #f3b415;
3374 border-color: #fdc63a #926d10 #926d10;
3375 color: #444;
3376 }
3377
3378 .automatorwp-review-notice .button-primary.focus,
3379 .automatorwp-review-notice .button-primary:focus {
3380 box-shadow: 0 1px 0 #febd17,
3381 0 0 2px 1px #fdc63a;
3382 }
3383
3384 .automatorwp-review-notice .button-primary.active,
3385 .automatorwp-review-notice .button-primary.active:hover,
3386 .automatorwp-review-notice .button-primary.active:focus,
3387 .automatorwp-review-notice .button-primary:active {
3388 background: #f3b415;
3389 border-color: #926d10;
3390 box-shadow: inset 0 2px 0 #926d10;
3391 vertical-align: top;
3392 }
3393
3394 .automatorwp-review-notice .automatorwp-hide-review-notice.button {
3395 color: #353849;
3396 border-color: #353849;
3397 }
3398
3399 .automatorwp-review-notice .automatorwp-hide-review-notice.button:hover {
3400 color: #3b4eb7;
3401 border-color: #3b4eb7;
3402 }
3403
3404 .automatorwp-review-notice ul li {
3405 display: inline-block;
3406 margin-right: 10px;
3407 }
3408
3409 .automatorwp-review-notice .automatorwp-hide-review-notice:not(.button) {
3410 color: #ccc;
3411 }
3412
3413 .automatorwp-review-notice .automatorwp-hide-review-notice:not(.button):hover {
3414 color: #fff;
3415 }
3416
3417 .automatorwp-review-notice .automatorwp-logo {
3418 background-image: url('../img/automatorwp-logo.svg');
3419 background-size: 100%;
3420 background-repeat: no-repeat;
3421 width: 150px;
3422 height: 150px;
3423 margin: 15px auto 0 auto;
3424 }
3425
3426 /* Desktop */
3427 @media screen and (min-width: 768px) {
3428 .automatorwp-review-notice .automatorwp-logo {
3429 float: left;
3430 margin: 20px 20px 20px 5px;
3431 }
3432 }
3433
3434 /* -------------------------------------------
3435 Import Automation
3436 ------------------------------------------- */
3437 .automatorwp-import-automation-text {
3438 font-size: 32px;
3439 color: #aaa;
3440 text-align: center;
3441 margin-top: 5%;
3442 margin-bottom: 3%;
3443 }
3444
3445 .automatorwp-import-automation-text:not(.automatorwp-import-automation-success):not(.automatorwp-import-automation-error) {
3446 -webkit-animation: automatorwp_import_text_animation 1s infinite;
3447 animation: automatorwp_import_text_animation 1s infinite;
3448 }
3449
3450 .automatorwp-import-automation-text.automatorwp-import-automation-success {
3451 color: #269630;
3452 }
3453
3454 .automatorwp-import-automation-text.automatorwp-import-automation-error {
3455 color: #dc3232;
3456 }
3457
3458 .automatorwp-import-automation-icon {
3459 width: 200px;
3460 height: 200px;
3461 text-align: center;
3462 margin: 0 auto;
3463 }
3464
3465 .automatorwp-import-automation-icon img {
3466 width: 100%;
3467 }
3468
3469 .automatorwp-import-automation-loader {
3470 margin-top: -130px;
3471 }
3472
3473 .automatorwp-import-automation-loader-background {
3474 width: 100px;
3475 height: 70px;
3476 background: #353849;
3477 margin: 0 auto;
3478 position: relative;
3479 border-radius: 45px;
3480 }
3481
3482 .automatorwp-import-automation-loader-icon,
3483 .automatorwp-import-automation-loader-icon:before,
3484 .automatorwp-import-automation-loader-icon:after {
3485 border-radius: 50%;
3486 width: 14px;
3487 height: 14px;
3488 -webkit-animation-fill-mode: both;
3489 animation-fill-mode: both;
3490 -webkit-animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3491 animation: automatorwp_import_logo_animation 1.8s infinite ease-in-out;
3492 }
3493
3494 .automatorwp-import-automation-loader-icon {
3495 color: #4ceedf;
3496 font-size: 10px;
3497 margin: 0 auto;
3498 margin-top: -66px;
3499 position: relative;
3500 text-indent: -9999em;
3501 -webkit-transform: translateZ(0);
3502 -ms-transform: translateZ(0);
3503 transform: translateZ(0);
3504 -webkit-animation-delay: -0.16s;
3505 animation-delay: -0.16s;
3506 }
3507
3508 .automatorwp-import-automation-loader-icon:before,
3509 .automatorwp-import-automation-loader-icon:after {
3510 content: '';
3511 position: absolute;
3512 top: 0;
3513 }
3514
3515 .automatorwp-import-automation-loader-icon:before {
3516 left: -26px;
3517 -webkit-animation-delay: -0.32s;
3518 animation-delay: -0.32s;
3519 }
3520
3521 .automatorwp-import-automation-loader-icon:after {
3522 left: 26px;
3523 }
3524
3525 @-webkit-keyframes automatorwp_import_text_animation {
3526 0% { opacity:1; }
3527 50% { opacity:0.6; }
3528 100% { opacity:1; }
3529 }
3530 @keyframes automatorwp_import_text_animation {
3531 0% { opacity:1; }
3532 50% { opacity:0.6; }
3533 100% { opacity:1; }
3534 }
3535
3536 @-webkit-keyframes automatorwp_import_logo_animation {
3537 0%,
3538 80%,
3539 100% { box-shadow: 0 2.5em 0 -1.3em; }
3540 40% { box-shadow: 0 2.5em 0 0; }
3541 }
3542 @keyframes automatorwp_import_logo_animation {
3543 0%,
3544 80%,
3545 100% { box-shadow: 0 2.5em 0 -1.3em; }
3546 40% { box-shadow: 0 2.5em 0 0; }
3547 }
3548
3549 /* -------------------------------------------
3550 Admin Menu
3551 ------------------------------------------- */
3552
3553 .automatorwp-admin-menu-badge {
3554 display: inline-block;
3555 float: right;
3556 vertical-align: top;
3557 margin: 1px -11px -1px 2px;
3558 padding: 0 5px;
3559 height: 18px;
3560 border-radius: 9px;
3561 background-color: #d63638;
3562 color: #fff;
3563 font-size: 11px;
3564 line-height: 1.6;
3565 }
3566