PluginProbe ʕ •ᴥ•ʔ
GPTranslate – Multilingual AI Translation for WordPress: Automatically Translate Websites / 2.27.5
GPTranslate – Multilingual AI Translation for WordPress: Automatically Translate Websites v2.27.5
2.33.6 2.33.5 2.33.2 2.32.10 2.33 2.33.1 2.32.6 2.32.7 2.32.8 trunk 2.10.3 2.10.4 2.10.5 2.10.6 2.11 2.12 2.13 2.14 2.14.1 2.15 2.15.1 2.16.1 2.16.2 2.17 2.18 2.18.1 2.18.2 2.19 2.20 2.21 2.22 2.23 2.24 2.25 2.25.1 2.25.2 2.26 2.27 2.27.10 2.27.5 2.28 2.28.1 2.29 2.30 2.31 2.32 2.32.5
gptranslate / assets / css / crawler.css
gptranslate / assets / css Last commit date
admin.css 3 months ago bootstrap.min.css 3 months ago crawler.css 3 months ago select2.min.css 3 months ago
crawler.css
692 lines
1 #crawler_dialog {
2 position: fixed;
3 margin-left: 50%;
4 top: 100px;
5 left: -30%;
6 width: 60%;
7 padding: 0;
8 font-size: 13px;
9 z-index: 9998;
10 border: 1px solid #c3c4c7;
11 max-width: unset;
12 min-width: unset;
13 border-radius: 5px;
14 }
15
16 #crawler_dialog div.card-block {
17 height: 400px;
18 overflow: hidden;
19 padding: 10px;
20 }
21
22 #crawler_dialog label.analysis-labels {
23 margin-bottom: .25rem;
24 min-width: 0;
25 display: table;
26 font-size: 14px;
27 }
28
29 #crawler_dialog label.analysis-labels.label-results {
30 margin-top: 10px;
31 display: block;
32 cursor: auto;
33 }
34
35 #crawler_dialog label.analysis-labels.label-results.bg-danger {
36 display: inline-block;
37 }
38
39 #crawler_dialog input.analysis-input {
40 width: 54%;
41 height: 40px;
42 padding: 5px 5px 5px 40px;
43 margin: 0 10px 15px 0 !important;
44 font-size: 16px;
45 color: #666;
46 background: url(../images/key.png) 3px 6px no-repeat;
47 box-sizing: border-box;
48 }
49
50 #crawler_dialog input.analysis-input:focus {
51 border-color: rgb(82, 168, 236);
52 }
53
54 #crawler_dialog input.analysis-input.error,
55 #crawler_dialog input.analysis-input.error:focus {
56 border: 2px solid #d9534f !important;
57 box-shadow: none;
58 }
59
60 #start_analysis, #stop_analysis, #start_wizard {
61 padding: 8px 10px;
62 margin-top: -6px;
63 line-height: normal;
64 }
65
66 #start_analysis, #stop_analysis {
67 display: inline-flex;
68 align-items: center;
69 }
70
71 #crawler_dialog #start_analysis span.crawler-cogicon,
72 #crawler_dialog #stop_analysis span.crawler-cogicon {
73 margin-right: 4px;
74 display: inline-block;
75 width: 16px;
76 height: 16px;
77 background: url(../images/cog.png) 0 0 no-repeat;
78 box-shadow: none;
79 border-radius: 3px;
80 }
81
82 #crawler_dialog #start_analysis,
83 #crawler_dialog #stop_analysis {
84 margin-right: 10px;
85 }
86
87 #crawler_dialog #start_wizard span.crawler-settingsicon {
88 margin-right: 4px;
89 display: inline-block;
90 width: 16px;
91 height: 16px;
92 background: url(../images/cog.png) 0 0 no-repeat;
93 box-shadow: none;
94 border-radius: 3px;
95 }
96
97 #crawler_dialog #start_analysis span.crawler-cogicon.running,
98 #crawler_dialog #stop_analysis span.crawler-cogicon.running,
99 #crawler_dialog #start_wizard span.crawler-settingsicon.running,
100 #crawler_dialog span.crawler-url-spinner {
101 animation: spin 2s infinite linear;
102 }
103
104 #crawler_dialog span.crawler-url-spinner {
105 font-family: sans-serif;
106 display: inline-block;
107 font-size: 14px;
108 line-height: 14px;
109 transform-origin: 45% 52%;
110 }
111
112 #crawler_dialog #linkopener {
113 cursor: pointer;
114 border-radius: 2px;
115 }
116
117 #crawler_status.running {
118 animation: textani .9s infinite linear;
119 }
120
121 #crawler_dialog ul.analysis-results-cookies,
122 #crawler_dialog ul.analysis-results-cookies li,
123 #crawler_dialog ul.analysis-results-domains,
124 #crawler_dialog ul.analysis-results-domains li {
125 list-style-type: none;
126 margin: 0;
127 padding: 0;
128 }
129
130 #crawler_dialog ul.analysis-results-cookies li,
131 #crawler_dialog ul.analysis-results-domains li {
132 padding: 5px;
133 display: flex;
134 }
135
136 #crawler_dialog ul.analysis-results-cookies li > span,
137 #crawler_dialog ul.analysis-results-domains li > span {
138 flex: 1 1 0;
139 }
140
141 #crawler_dialog ul.analysis-results-cookies li:first-child,
142 #crawler_dialog ul.analysis-results-domains li:first-child {
143 background-color: #e4e4e4;
144 }
145
146 #crawler_dialog ul.analysis-results-cookies li:first-child span,
147 #crawler_dialog ul.analysis-results-domains li:first-child span {
148 font-weight: bold;
149 }
150
151 #crawler_dialog ul.analysis-results-domains li > span a {
152 display: inline-block;
153 }
154
155 #crawler_dialog div.text-success {
156 color: #457d54;
157 font-size: 14px;
158 }
159
160 #crawler_dialog small.text-muted {
161 color: #1c1c1c !important;
162 opacity: .9;
163 font-size: 12px;
164 }
165
166 #crawler_dialog .sitemap-actions-wrapper {
167 display: flex;
168 align-items: center;
169 justify-content: space-between;
170 gap: 12px;
171 float: right;
172 }
173
174 #crawler_dialog form.export-xml-sitemap {
175 flex-shrink: 0;
176 }
177
178 #crawler_dialog .sitemap-url-section {
179 display: flex;
180 align-items: center;
181 gap: 8px;
182 }
183
184 #crawler_dialog .sitemap-url-label {
185 font-size: 12px;
186 font-weight: 600;
187 color: #495057;
188 white-space: nowrap;
189 }
190
191 #crawler_dialog .sitemap-url-input-group {
192 display: flex;
193 align-items: center;
194 gap: 0;
195 }
196
197 #crawler_dialog .sitemap-url-input {
198 width: 280px;
199 padding: 4px 8px;
200 font-size: 12px;
201 border: 1px solid #8c8f94;
202 border-radius: 4px 0 0 4px;
203 background: #fff;
204 color: #2271b1;
205 cursor: text;
206 height: 30px;
207 box-sizing: border-box;
208 }
209
210 #crawler_dialog .sitemap-url-input:focus {
211 border-color: #2271b1;
212 box-shadow: 0 0 0 1px #2271b1;
213 outline: none;
214 }
215
216 #crawler_dialog .sitemap-copy-btn,
217 #crawler_dialog .sitemap-open-btn {
218 height: 30px;
219 min-width: 30px;
220 padding: 0 6px;
221 border-radius: 0;
222 display: flex;
223 align-items: center;
224 justify-content: center;
225 border-left: none;
226 }
227
228 #crawler_dialog .sitemap-open-btn {
229 border-radius: 0 4px 4px 0;
230 }
231
232 #crawler_dialog .sitemap-copy-btn .dashicons,
233 #crawler_dialog .sitemap-open-btn .dashicons {
234 font-size: 16px;
235 width: 16px;
236 height: 16px;
237 line-height: 16px;
238 }
239
240 #crawler_dialog .sitemap-copy-btn.sitemap-copied {
241 background: #00a32a;
242 border-color: #00a32a;
243 color: #fff;
244 }
245
246 @media (max-width: 900px) {
247 #crawler_dialog .sitemap-actions-wrapper {
248 flex-direction: column;
249 align-items: flex-end;
250 gap: 8px;
251 }
252
253 #crawler_dialog .sitemap-url-input {
254 width: 200px;
255 }
256 }
257
258 div.text-muted.text-center {
259 display:block;
260 font-size:13px;
261 font-weight:400;
262 line-height:19.5px;
263 opacity: 0.7;
264 padding: 16px;
265 text-align:center;
266 }
267
268 a.hasAuditTooltip:hover {
269 text-decoration: none;
270 }
271
272 @media ( max-width:800px ) {
273 #crawler_dialog input.analysis-input {
274 width: 100%;
275 }
276 }
277
278 label.closedialog {
279 position: absolute;
280 right: 5px;
281 top: 5px;
282 font-size: 22px;
283 cursor: pointer;
284 }
285
286 span.label-with-badge {
287 line-height: unset;
288 font-size: 14px;
289 padding: 4px 10px;
290 }
291
292 span.label-with-badge span.badge {
293 background-color: #FFF;
294 color: #c47300;
295 }
296
297 span.label-with-badge.bg-success span.badge {
298 background-color: #FFF;
299 color: #2f7d32;
300 }
301
302 #crawler_status {
303 margin: 2px 0 2px 5px;
304 font-size: 14px;
305 padding: 3px 6px;
306 line-height: 14px;
307 margin-inline-end: 0;
308 }
309
310 #crawler_dialog div.card-header {
311 padding: 15px;
312 }
313
314 #crawler_dialog div.card-header h3 {
315 margin: 0;
316 color: #FFF;
317 }
318
319 #crawler_dialog div.card-header label.fas {
320 color: #FFF;
321 }
322
323 div.trigger_dialog:not(.noduplicates), div.trigger_content_analysis {
324 cursor: pointer;
325 }
326
327 div.trigger_content_analysis {
328 border: 2px solid #6d6d6d;
329 border-radius: 15px;
330 width: 24px;
331 height: 48px;
332 box-sizing: content-box;
333 padding: 4px 0 4px 0;
334 }
335
336 div.trigger_content_analysis_red {
337 background-color: #d9534f;
338 width: 16px;
339 height: 16px;
340 border-radius: 50%;
341 margin: auto;
342 }
343
344 div.trigger_content_analysis_yellow {
345 background-color: #f89406;
346 width: 16px;
347 height: 16px;
348 border-radius: 50%;
349 margin: auto;
350 }
351
352 div.trigger_content_analysis_green {
353 background-color: #3c763d;
354 width: 16px;
355 height: 16px;
356 border-radius: 50%;
357 margin: auto;
358 }
359
360 div.trigger_content_analysis + div.tooltip {
361 left: auto;
362 right: 56px;
363 left: -150px !important;
364 }
365
366 a[data-role=link] {
367 display: block;
368 padding-right: 15px;
369 }
370
371 /**
372 * Flexbox results
373 */
374 div.flexbox-container-analysis {
375 display: flex;
376 }
377
378 #crawler_container {
379 width: 100%;
380 }
381
382 #crawler_iframe {
383 width: 100%;
384 height: 100%;
385 }
386
387 #crawler_container div.text-primary {
388 color: #d43900 !important;
389 font-size: 14px;
390 }
391
392 #cookie_results_container, #domains_results_container {
393 flex: 1 1 auto;
394 background-color: #f8f8f8;
395 border-radius: 4px;
396 }
397
398 #cookie_results_container {
399 margin-right: 10px;
400 }
401
402 #cookie_results_container span.badge {
403 font-size: 16px;
404 font-weight: normal;
405 padding: 15px 20px;
406 }
407
408 #cookie_results_container a.hasAuditTooltip,
409 #cookie_results_container span.hasCookieValue > span {
410 display: inline-block;
411 max-width: 300px;
412 word-break: break-all;
413 }
414
415 #domains_results_container a.hasAuditTooltip {
416 display: block;
417 max-width: 400px;
418 word-break: break-all;
419 }
420
421 #crawler_dialog.card div.card-header {
422 color: #ffffff;
423 background-color: #2271b1;
424 border-color: #2271b1;
425 border-top-right-radius: 5px;
426 border-top-left-radius: 5px;
427 }
428
429 #crawler_dialog.card div.card-block {
430 background-color: #FFF;
431 }
432
433 #crawler_dialog.card div.card-footer {
434 padding: 10px 15px;
435 background-color: #f5f5f5;
436 border-top: 1px solid #dddddd;
437 border-bottom-right-radius: 5px;
438 border-bottom-left-radius: 5px;
439 }
440
441 #content *.bg-success, #crawler_dialog *.bg-success {
442 color: #fff;
443 background-color: #2f7d32 !important;
444 }
445
446 #content *.bg-warning, #crawler_dialog *.bg-warning {
447 color: #fff;
448 background-color: #d43900 !important;
449 }
450
451 #content *.bg-info, #crawler_dialog *.bg-info {
452 color: #fff;
453 background-color: #108193 !important;
454 }
455
456 #content *.bg-danger, #crawler_dialog *.bg-danger {
457 color: #fff;
458 background-color: #c52827 !important;
459 }
460
461 @media (max-width: 1024px) {
462 #crawler_dialog {
463 width: 90%;
464 left: -45%;
465 }
466 }
467
468 @media ( max-width:1280px ) {
469 div.flexbox-container-analysis {
470 display: block;
471 }
472 #domains_results_container a.hasAuditTooltip {
473 max-width: 100%;
474 }
475 }
476
477 @keyframes spin {
478 0% {transform: rotate(0deg);}
479 100% {transform: rotate(360deg);}
480 }
481
482 @keyframes textani {
483 0% {opacity: 1}
484 50% {opacity: .8}
485 100% {opacity: 1}
486 }
487
488 #crawl_single_url_label {
489 display: inline-flex;
490 align-items: center;
491 margin-right: 5px;
492 cursor: pointer;
493 user-select: none;
494 font-size: 14px;
495 color: #495057;
496 padding: 7.5px 12px;
497 background: #ffffff;
498 border-radius: 2px;
499 border: 1px solid #376443;
500 transition: all 0.2s ease;
501 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
502 position: relative;
503 margin-top: -8.5px;
504 }
505
506 /* Hover effect */
507 #crawl_single_url_label:hover {
508 background: #f8f9fa;
509 border-color: #198754;
510 box-shadow: 0 2px 4px rgba(25, 135, 84, 0.1);
511 }
512
513 /* Quando è checked - bordo verde */
514 #crawl_single_url:checked ~ #crawl_single_url_label,
515 #crawl_single_url_label:has(#crawl_single_url:checked),
516 #crawl_batch_urls:checked ~ #crawl_batch_label,
517 #crawl_batch_label:has(#crawl_batch_urls:checked) {
518 background: #d1e7dd;
519 border-color: #198754;
520 }
521
522 /* Checkbox custom */
523 #crawl_single_url {
524 width: 18px;
525 height: 18px;
526 margin: 0 8px 0 0;
527 cursor: pointer;
528 border-color: #198754;
529 flex-shrink: 0;
530 background: #fff;
531 }
532
533 /* Testo label */
534 #crawl_single_url_label span {
535 font-weight: 500;
536 color: #495057;
537 white-space: nowrap;
538 }
539
540 /* Testo quando checked */
541 #crawl_single_url:checked + span {
542 color: #0f5132;
543 font-weight: 600;
544 }
545
546 /* Focus accessibilità */
547 #crawl_single_url:focus {
548 outline: 3px solid rgba(25, 135, 84, 0.3);
549 outline-offset: 2px;
550 }
551
552 /* Active state */
553 #crawl_single_url_label:active {
554 transform: translateY(0);
555 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
556 }
557
558 /* Responsive */
559 @media (max-width: 768px) {
560 #crawl_single_url_label,
561 #crawl_batch_label {
562 display: flex;
563 margin-left: 0;
564 margin-top: 10px;
565 width: 100%;
566 justify-content: flex-start;
567 }
568 }
569
570 #crawl_single_url::before,
571 #crawl_batch_urls::before {
572 filter: sepia(100%) saturate(500%) hue-rotate(130deg) brightness(0.9);
573 }
574
575 #crawl_single_url:focus,
576 #crawl_batch_urls:focus {
577 outline: none !important;
578 box-shadow: none !important;
579 }
580
581 /* Targetta ogni body che ha una classe 'branch-' seguita da un numero >= 7 */
582 body[class*="branch-7"] #crawler_dialog.card div.card-header,
583 body[class*="branch-8"] #crawler_dialog.card div.card-header,
584 body[class*="branch-9"] #crawler_dialog.card div.card-header {
585 background-color: #3858e9;
586 border-color: #3858e9;
587 }
588
589 /* Batch URLs label - same style as single URL */
590 #crawl_batch_label {
591 display: inline-flex;
592 align-items: center;
593 cursor: pointer;
594 user-select: none;
595 font-size: 14px;
596 color: #495057;
597 padding: 7.5px 12px;
598 background: #ffffff;
599 border-radius: 2px;
600 border: 1px solid #376443;
601 transition: all 0.2s ease;
602 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
603 position: relative;
604 margin-top: -8.5px;
605 }
606
607 #crawl_batch_label:hover {
608 background: #f8f9fa;
609 border-color: #198754;
610 box-shadow: 0 2px 4px rgba(25, 135, 84, 0.1);
611 }
612
613 #crawl_batch_label:has(#crawl_batch_urls:checked) {
614 background: #d1e7dd;
615 border-color: #198754;
616 }
617
618 #crawl_batch_urls {
619 width: 18px;
620 height: 18px;
621 margin: 0 8px 0 0;
622 cursor: pointer;
623 border-color: #198754;
624 flex-shrink: 0;
625 background: #fff;
626 }
627
628 #crawl_batch_urls:focus {
629 outline: none !important;
630 box-shadow: none !important;
631 }
632
633 #crawl_batch_label span {
634 font-weight: 500;
635 color: #495057;
636 white-space: nowrap;
637 }
638
639 #crawl_batch_urls:checked + span {
640 color: #0f5132;
641 font-weight: 600;
642 }
643
644 /* Batch links textarea */
645 #batch_links_section {
646 margin-top: 8px;
647 }
648
649 #batch_links_input {
650 width: 100%;
651 font-size: 12px;
652 padding: 8px;
653 border: 1px solid #8c8f94;
654 border-radius: 4px;
655 box-sizing: border-box;
656 resize: vertical;
657 font-family: monospace;
658 line-height: 1.5;
659 }
660
661 #batch_links_input:focus {
662 border-color: #2271b1;
663 box-shadow: 0 0 0 1px #2271b1;
664 outline: none;
665 }
666
667 /* Skipped URL style */
668 #crawler_container div.text-muted-skip {
669 color: #6c757d !important;
670 font-size: 14px;
671 opacity: 0.8;
672 }
673
674 /* Responsive */
675 @media (max-width: 768px) {
676 #crawl_batch_label {
677 display: flex;
678 margin-left: 0;
679 margin-top: 10px;
680 width: 100%;
681 justify-content: flex-start;
682 }
683 }
684
685 body[class*="branch-7"] #crawl_single_url:checked::before,
686 body[class*="branch-8"] #crawl_single_url:checked::before,
687 body[class*="branch-9"] #crawl_single_url:checked::before,
688 body[class*="branch-7"] #crawl_batch_urls:checked::before,
689 body[class*="branch-8"] #crawl_batch_urls:checked::before,
690 body[class*="branch-9"] #crawl_batch_urls:checked::before {
691 content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E) / '';
692 }