Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/aimogen-pro/styles/automation.css
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
.omniblock-card.disabled {
2
+
background-color: #f9f9f9;
3
+
border: 1px dashed #aaa;
4
+
opacity: 0.6;
5
+
}
6
+
.omniblock-card.disabled .omniblock-title {
7
+
text-decoration: line-through;
8
+
color: #999;
9
+
}
10
+
.omniblock-card.disabled .aicollapsible {
11
+
background-color: #ccc;
12
+
color: #777;
13
+
}
14
+
.omniblock-card.disabled .move-up-btn,
15
+
.omniblock-card.disabled .move-down-btn,
16
+
.omniblock-card.disabled .delete-btn {
17
+
background-color: #ccc;
18
+
color: #777;
19
+
cursor: not-allowed;
20
+
}
21
+
@media only screen and (max-width: 782px) {
22
+
.codemainauto
23
+
{
24
+
width: 146px !important;
25
+
}
26
+
}
27
+
.aiomatic-paginate
28
+
{
29
+
text-align: center;
30
+
}
31
+
#my-loading-indicator {
32
+
text-align: center;
33
+
position: relative;
34
+
top: 50%;
35
+
left: 50%;
36
+
transform: translate(-50%, -50%);
37
+
}
38
+
.disable_drag
39
+
{
40
+
cursor: text;
41
+
}
42
+
.codemainauto select {
43
+
font-size: 14px;
44
+
border: 0;
45
+
width:126px;
46
+
color: #111;
47
+
background: transparent;
48
+
font-weight: bold;
49
+
padding: 2px 8px;
50
+
-webkit-appearance: none;
51
+
}
52
+
.gs_display_table
53
+
{
54
+
display:table;
55
+
}
56
+
.card-desc
57
+
{
58
+
display:contents;
59
+
}
60
+
.codemainauto {color:black;
61
+
width: 50%;
62
+
margin: 0 auto;
63
+
text-align:center;
64
+
overflow:hidden;
65
+
width:126px;
66
+
-moz-border-radius: 9px 9px 9px 9px;
67
+
-webkit-border-radius: 9px 9px 9px 9px;
68
+
border-radius: 9px 9px 9px 9px;
69
+
box-shadow: 1px 1px 11px #330033;
70
+
background: #58B14C;
71
+
}
72
+
.codemodalauto {
73
+
display: none;
74
+
position: fixed;
75
+
z-index: 1;
76
+
padding-top: 40px;
77
+
left: 0;
78
+
top: 0;
79
+
width: 100%;
80
+
height: 100%;
81
+
overflow: auto;
82
+
background-color: rgb(0,0,0);
83
+
background-color: rgba(0,0,0,0.4);
84
+
}
85
+
.codemodalauto-content {
86
+
position: relative;
87
+
background-color: #fefefe;
88
+
margin: auto;
89
+
padding: 0;
90
+
border: 1px solid #888;
91
+
width: 65%;
92
+
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
93
+
-webkit-animation-name: animatetop;
94
+
-webkit-animation-duration: 0.4s;
95
+
animation-name: animatetop;
96
+
animation-duration: 0.4s
97
+
}
98
+
@-webkit-keyframes animatetop {
99
+
from {top:-300px; opacity:0}
100
+
to {top:0; opacity:1}
101
+
}
102
+
@keyframes animatetop {
103
+
from {top:-300px; opacity:0}
104
+
to {top:0; opacity:1}
105
+
}
106
+
.codecloseauto {
107
+
color: white;
108
+
float: right;
109
+
font-size: 28px;
110
+
font-weight: bold;
111
+
}
112
+
.codecloseauto:hover,
113
+
.codecloseauto:focus {
114
+
color: #000;
115
+
text-decoration: none;
116
+
cursor: pointer;
117
+
}
118
+
.codeokauto {
119
+
color: white;
120
+
float: right;
121
+
font-size: 28px;
122
+
font-weight: bold;
123
+
}
124
+
.codeokauto:hover,
125
+
.codeokauto:focus {
126
+
color: #000;
127
+
text-decoration: none;
128
+
cursor: pointer;
129
+
}
130
+
.codemodalauto-header {
131
+
padding: 2px 16px;
132
+
background-color: #5cb85c;
133
+
color: white;
134
+
}
135
+
.codemodalauto-body {padding: 2px 16px;max-height:75vh;overflow:auto;}
136
+
.codemodalauto-footer {
137
+
padding: 2px 16px;
138
+
background-color: #5cb85c;
139
+
color: white;
140
+
}
141
+
#aiomatic_sortable_cards {
142
+
list-style-type: none;
143
+
margin: 0;
144
+
padding: 0;
145
+
}
146
+
.omniblock-card {
147
+
background-color: #f2f2f2;
148
+
border: 1px solid #ccc;
149
+
border-radius: 4px;
150
+
cursor: move;
151
+
margin-bottom: 5px;
152
+
width: 100%!important;
153
+
height: auto!important;
154
+
}
155
+
.aicollapsible-parameters
156
+
{
157
+
display: none;
158
+
}
159
+
.ai-collapsible-holder
160
+
{
161
+
text-align: center;
162
+
}
163
+
.ai-flex
164
+
{
165
+
display: flex;
166
+
}
167
+
.ai-right-flex
168
+
{
169
+
text-align: right;
170
+
flex: auto;
171
+
}
172
+
.delete-btn {
173
+
background-color: #f44336;
174
+
color: white;
175
+
border: none;
176
+
padding: 2px 6px;
177
+
text-align: center;
178
+
text-decoration: none;
179
+
display: inline-block;
180
+
font-size: 16px;
181
+
margin: 4px 2px;
182
+
transition-duration: 0.4s;
183
+
cursor: pointer;
184
+
border-radius: 5px;
185
+
}
186
+
.delete-btn:hover {
187
+
background-color: white;
188
+
color: black;
189
+
}
190
+
.delete-btn:disabled {
191
+
background-color: #cccccc;
192
+
color: #666666;
193
+
}
194
+
#aiomatic_sortable_cards {
195
+
list-style-type: none;
196
+
margin: 0;
197
+
padding: 0;
198
+
width: 100%;
199
+
}
200
+
201
+
.omniblock-card {
202
+
background-color: #ffffff;
203
+
border: 1px solid #ddd;
204
+
border-radius: 8px;
205
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
206
+
cursor: move;
207
+
margin-bottom: 16px;
208
+
transition: box-shadow 0.3s ease-in-out;
209
+
}
210
+
211
+
.omniblock-card:hover {
212
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
213
+
}
214
+
215
+
.omniblock-card button {
216
+
border: none;
217
+
border-radius: 4px;
218
+
padding: 4px 8px;
219
+
margin: 4px;
220
+
cursor: pointer;
221
+
transition: background-color 0.3s ease-in-out;
222
+
}
223
+
224
+
.move-up-btn, .move-down-btn {
225
+
background-color: #e7e7e7;
226
+
color: #333;
227
+
}
228
+
229
+
.move-up-btn:hover, .move-down-btn:hover {
230
+
background-color: #ddd;
231
+
}
232
+
233
+
.delete-btn {
234
+
background-color: #5cb85c;
235
+
color: white;
236
+
}
237
+
238
+
.delete-btn:hover {
239
+
background-color: #d32f2f;
240
+
}
241
+
242
+
.aicollapsible {
243
+
background-color: #eeeeee;
244
+
color: #333;
245
+
font-size: 14px;
246
+
}
247
+
248
+
.aicollapsible:hover {
249
+
background-color: #ddd;
250
+
}
251
+
252
+
.omniblock-card input[type="text"],
253
+
.omniblock-card textarea {
254
+
width: 100%;
255
+
padding: 1px;
256
+
margin: 8px 0;
257
+
box-sizing: border-box;
258
+
border: 1px solid #ccc;
259
+
border-radius: 4px;
260
+
}
261
+
262
+
.omniblock-card select {
263
+
width: 100%;
264
+
padding: 8px;
265
+
margin: 8px 0;
266
+
border: 1px solid #ccc;
267
+
border-radius: 4px;
268
+
background-color: white;
269
+
}
270
+
271
+
@media (max-width: 768px) {
272
+
.omniblock-card {
273
+
margin-bottom: 12px;
274
+
padding: 8px;
275
+
}
276
+
277
+
.omniblock-card button {
278
+
padding: 8px 12px;
279
+
}
280
+
}
281
+
.controls-icon
282
+
{
283
+
width: 24px;
284
+
}
285
+
.move-up-btn, .move-down-btn {
286
+
background-color: transparent;
287
+
border: none;
288
+
padding: 2px;
289
+
cursor: pointer;
290
+
}
291
+
292
+
.move-up-btn:hover, .move-down-btn:hover {
293
+
background-color: #e7e7e7;
294
+
}
295
+
296
+
.move-up-btn svg, .move-down-btn svg {
297
+
fill: #555;
298
+
height: 20px;
299
+
width: 20px;
300
+
}
301
+
302
+
.aiomatic-copy-textarea
303
+
{
304
+
cursor: pointer;
305
+
}
306
+
.move-up-btn:hover svg, .move-down-btn:hover svg {
307
+
fill: #333;
308
+
}
309
+
.aiomatic-bold{
310
+
font-weight: bold;
311
+
}
312
+
.aiomatic-indigo{
313
+
color: indigo!important;
314
+
}
315
+
.omniblock-card {
316
+
transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease;
317
+
border: 2px solid transparent;
318
+
}
319
+
.aicollapsible.selected {
320
+
box-shadow: 0 0 15px rgba(0, 0, 255, 0.2);
321
+
border-color: #007bff;
322
+
}
323
+
.omniblock-card.selected {
324
+
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
325
+
border-color: #007bff;
326
+
}
327
+
.aisave-content
328
+
{
329
+
color: #5cb85c;
330
+
}
331
+
.aicreate-content
332
+
{
333
+
color: blue;
334
+
}
335
+
.step-number {
336
+
margin-bottom:3px;
337
+
}
338
+
.clickable-shortcode {
339
+
cursor: pointer;
340
+
color: blue;
341
+
margin-right: 5px;
342
+
}
343
+
.aishortcodes {
344
+
display: inline-block;
345
+
padding: 10px;
346
+
border-radius: 50%;
347
+
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
348
+
margin: 5px;
349
+
transition: background-color 0.3s, color 0.3s;
350
+
}
351
+
.aiomatic-run-now
352
+
{
353
+
cursor: pointer;
354
+
}
355
+
.aishortcodes:hover {
356
+
color: #007bff;
357
+
}
358
+
.clickable-shortcode {
359
+
margin-right: 5px;
360
+
transition: color 0.3s;
361
+
}
362
+
.clickable-shortcode:hover {
363
+
color: #ff4081;
364
+
}
365
+
.popup-message {
366
+
position: fixed;
367
+
top: 20px;
368
+
left: 50%;
369
+
transform: translateX(-50%);
370
+
background-color: #ddd;
371
+
padding: 10px;
372
+
border-radius: 5px;
373
+
display: none;
374
+
z-index: 1000;
375
+
}
376
+
.popup-message {
377
+
display: block;
378
+
animation: fadeInOut 2s;
379
+
}
380
+
@keyframes fadeInOut {
381
+
0%, 100% { opacity: 0; }
382
+
10%, 90% { opacity: 1; }
383
+
}
384
+
.aishortcodes
385
+
{
386
+
cursor: copy;
387
+
}
388
+
.ai_common_holder
389
+
{
390
+
display: flex;
391
+
justify-content: space-evenly;
392
+
align-items: center;
393
+
}
394
+
.id-shower
395
+
{
396
+
margin-bottom:3px;
397
+
}
398
+
.shortcode-list {
399
+
max-height: 100px;
400
+
overflow: hidden;
401
+
overflow-y: auto;
402
+
font-size: 0.8em;
403
+
}
404
+
@media only screen and (max-width: 1170px) {
405
+
.omniblock-card
406
+
{
407
+
width: auto!important;
408
+
}
409
+
}
410
+
.aiseparator {
411
+
text-align: center;
412
+
position: relative;
413
+
padding: 10px 0;
414
+
color: #fff;
415
+
}
416
+
.aistart {
417
+
background: linear-gradient(90deg, #5cb85c, #5fba5f);
418
+
border-top-left-radius: 20px;
419
+
border-top-right-radius: 20px;
420
+
margin-bottom: 30px;
421
+
}
422
+
.aistop {
423
+
background: linear-gradient(90deg, #5fba5f, #5cb85c);
424
+
border-bottom-left-radius: 20px;
425
+
border-bottom-right-radius: 20px;
426
+
margin-top: 30px;
427
+
}
428
+
.aiseparator::before,
429
+
.aiseparator::after {
430
+
content: '';
431
+
display: block;
432
+
margin: auto;
433
+
height: 5px;
434
+
width: 50px;
435
+
background: #fff;
436
+
border-radius: 10px;
437
+
margin-top: 5px;
438
+
}
439
+
.aistop::before,
440
+
.aistop::after {
441
+
margin-bottom: 5px;
442
+
}
443
+
.aiomatic_iframe__overlay{
444
+
position:fixed;
445
+
width:100%;
446
+
height:100%;
447
+
display:none;
448
+
top:0;
449
+
left:0;
450
+
background:rgba(0,0,0,0.5);
451
+
z-index: 1000001;
452
+
}
453
+
.aiomatic_iframe__centerWrap{
454
+
display:table;
455
+
position:absolute;
456
+
width:100%;
457
+
height:100%;
458
+
}
459
+
.aiomatic_iframe__centerer{
460
+
display:table-cell;
461
+
vertical-align:middle;
462
+
}
463
+
.aiomatic_iframe__centerer iframe{
464
+
width:95%;
465
+
display:table;
466
+
margin:0 auto;
467
+
position:relative;
468
+
}
469
+
.aiomatic_iframe__contentWrap{
470
+
width:95%;
471
+
height:100%;
472
+
margin:0 auto;
473
+
position:relative;
474
+
padding-top:10px;
475
+
}
476
+
.aiomatic_iframe__scaleWrap{
477
+
position:relative;
478
+
height:95%;
479
+
padding-top:20px;
480
+
width:100%;
481
+
min-height:600px;
482
+
}
483
+
.aiomatic_iframe__centerer iframe{
484
+
position:absolute;
485
+
top:0;
486
+
border:0;
487
+
outline:0;
488
+
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
489
+
left:0;
490
+
width:100%;
491
+
height:100%;
492
+
background:white;
493
+
}
494
+
.aiomatic_iframe__closeBtn{
495
+
z-index:2;
496
+
position:relative;
497
+
margin-top:-40px;
498
+
}
499
+
.aiomatic_iframe__closeBtn p{
500
+
line-height:0;
501
+
margin:0;
502
+
padding:0.5em 0 0.75em;
503
+
color:#FFF;
504
+
background:#000;
505
+
width:1.3em;
506
+
font-size:25px;
507
+
border-radius:100%;
508
+
text-align:center;
509
+
font-family:Verdana, serif;
510
+
position:relative;
511
+
bottom:-0.5em;
512
+
right:-0.5em;
513
+
cursor:pointer;
514
+
float:right;
515
+
box-shadow:0px 0px 10px rgba(0,0,0,0.5);
516
+
transition:color 0.2s ease-out, background 0.2s ease-out;
517
+
}
518
+
.aiomatic_iframe__closeBtn p:hover{
519
+
background:#FFF;
520
+
color:#000;
521
+
}