PluginProbe ʕ •ᴥ•ʔ
GPTranslate – Multilingual AI Translation for WordPress: Automatically Translate Websites / 2.28
GPTranslate – Multilingual AI Translation for WordPress: Automatically Translate Websites v2.28
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 2 months ago bootstrap.min.css 2 months ago crawler.css 2 months ago select2.min.css 2 months ago
crawler.css
694 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-language-filter {
167 display: flex;
168 align-items: center;
169 gap: 8px;
170 flex-shrink: 0;
171 }
172
173 #crawler_dialog .sitemap-language-filter label {
174 font-size: 12px;
175 font-weight: 600;
176 color: #495057;
177 white-space: nowrap;
178 margin-bottom: 0;
179 }
180
181 #crawler_dialog .sitemap-language-filter select {
182 font-size: 12px;
183 border: 1px solid #8c8f94;
184 border-radius: 4px;
185 color: #495057;
186 height: 30px;
187 box-sizing: border-box;
188 cursor: pointer;
189 }
190
191 #crawler_dialog .sitemap-language-filter select:focus {
192 border-color: #2271b1;
193 box-shadow: 0 0 0 1px #2271b1;
194 outline: none;
195 }
196
197 #crawler_dialog .sitemap-actions-wrapper {
198 display: flex;
199 align-items: center;
200 gap: 12px;
201 }
202
203 #crawler_dialog form.export-xml-sitemap {
204 flex-shrink: 0;
205 }
206
207 #crawler_dialog .sitemap-url-section {
208 display: flex;
209 align-items: center;
210 gap: 8px;
211 flex: 1 1 0;
212 }
213
214 #crawler_dialog .sitemap-url-label {
215 font-size: 12px;
216 font-weight: 600;
217 color: #495057;
218 white-space: nowrap;
219 }
220
221 #crawler_dialog .sitemap-url-input-group {
222 display: flex;
223 align-items: center;
224 gap: 0;
225 flex: 1 1 auto;
226 }
227
228 #crawler_dialog .sitemap-url-input {
229 width: 100%;
230 padding: 4px 8px;
231 font-size: 12px;
232 border: 1px solid #8c8f94;
233 border-radius: 4px 0 0 4px;
234 background: #fff;
235 color: #2271b1;
236 cursor: text;
237 height: 30px;
238 box-sizing: border-box;
239 }
240
241 #crawler_dialog .sitemap-url-input:focus {
242 border-color: #2271b1;
243 box-shadow: 0 0 0 1px #2271b1;
244 outline: none;
245 }
246
247 #crawler_dialog .sitemap-copy-btn,
248 #crawler_dialog .sitemap-open-btn {
249 height: 30px;
250 min-width: 30px;
251 padding: 0 6px;
252 border-radius: 0;
253 display: flex;
254 align-items: center;
255 justify-content: center;
256 border-left: none;
257 border-color: #8c8f94;
258 }
259
260 #crawler_dialog .sitemap-open-btn {
261 border-radius: 0 4px 4px 0;
262 }
263
264 #crawler_dialog .sitemap-copy-btn .dashicons,
265 #crawler_dialog .sitemap-open-btn .dashicons {
266 font-size: 16px;
267 width: 16px;
268 height: 16px;
269 line-height: 16px;
270 }
271
272 #crawler_dialog .sitemap-copy-btn.sitemap-copied {
273 background: #00a32a;
274 border-color: #00a32a;
275 color: #fff;
276 }
277
278 div.text-muted.text-center {
279 display:block;
280 font-size:13px;
281 font-weight:400;
282 line-height:19.5px;
283 opacity: 0.7;
284 padding: 16px;
285 text-align:center;
286 }
287
288 a.hasAuditTooltip:hover {
289 text-decoration: none;
290 }
291
292 @media ( max-width:800px ) {
293 #crawler_dialog input.analysis-input {
294 width: 100%;
295 }
296 }
297
298 label.closedialog {
299 position: absolute;
300 right: 5px;
301 top: 5px;
302 font-size: 22px;
303 cursor: pointer;
304 }
305
306 span.label-with-badge {
307 line-height: unset;
308 font-size: 14px;
309 padding: 4px 10px;
310 }
311
312 span.label-with-badge span.badge {
313 background-color: #FFF;
314 color: #c47300;
315 }
316
317 span.label-with-badge.bg-success span.badge {
318 background-color: #FFF;
319 color: #2f7d32;
320 }
321
322 #crawler_status {
323 margin: 2px 0 2px 5px;
324 font-size: 14px;
325 padding: 3px 6px;
326 line-height: 14px;
327 margin-inline-end: 0;
328 }
329
330 #crawler_dialog div.card-header {
331 padding: 15px;
332 }
333
334 #crawler_dialog div.card-header h3 {
335 margin: 0;
336 color: #FFF;
337 }
338
339 #crawler_dialog div.card-header label.fas {
340 color: #FFF;
341 }
342
343 div.trigger_dialog:not(.noduplicates), div.trigger_content_analysis {
344 cursor: pointer;
345 }
346
347 div.trigger_content_analysis {
348 border: 2px solid #6d6d6d;
349 border-radius: 15px;
350 width: 24px;
351 height: 48px;
352 box-sizing: content-box;
353 padding: 4px 0 4px 0;
354 }
355
356 div.trigger_content_analysis_red {
357 background-color: #d9534f;
358 width: 16px;
359 height: 16px;
360 border-radius: 50%;
361 margin: auto;
362 }
363
364 div.trigger_content_analysis_yellow {
365 background-color: #f89406;
366 width: 16px;
367 height: 16px;
368 border-radius: 50%;
369 margin: auto;
370 }
371
372 div.trigger_content_analysis_green {
373 background-color: #3c763d;
374 width: 16px;
375 height: 16px;
376 border-radius: 50%;
377 margin: auto;
378 }
379
380 div.trigger_content_analysis + div.tooltip {
381 left: auto;
382 right: 56px;
383 left: -150px !important;
384 }
385
386 a[data-role=link] {
387 display: block;
388 padding-right: 15px;
389 }
390
391 /**
392 * Flexbox results
393 */
394 div.flexbox-container-analysis {
395 display: flex;
396 }
397
398 #crawler_container {
399 width: 100%;
400 }
401
402 #crawler_iframe {
403 width: 100%;
404 height: 100%;
405 }
406
407 #crawler_container div.text-primary {
408 color: #d43900 !important;
409 font-size: 14px;
410 }
411
412 #cookie_results_container, #domains_results_container {
413 flex: 1 1 auto;
414 background-color: #f8f8f8;
415 border-radius: 4px;
416 }
417
418 #cookie_results_container {
419 margin-right: 10px;
420 }
421
422 #cookie_results_container span.badge {
423 font-size: 16px;
424 font-weight: normal;
425 padding: 15px 20px;
426 }
427
428 #cookie_results_container a.hasAuditTooltip,
429 #cookie_results_container span.hasCookieValue > span {
430 display: inline-block;
431 max-width: 300px;
432 word-break: break-all;
433 }
434
435 #domains_results_container a.hasAuditTooltip {
436 display: block;
437 max-width: 400px;
438 word-break: break-all;
439 }
440
441 #crawler_dialog.card div.card-header {
442 color: #ffffff;
443 background-color: #2271b1;
444 border-color: #2271b1;
445 border-top-right-radius: 5px;
446 border-top-left-radius: 5px;
447 }
448
449 #crawler_dialog.card div.card-block {
450 background-color: #FFF;
451 }
452
453 #crawler_dialog.card div.card-footer {
454 padding: 10px 15px;
455 background-color: #f5f5f5;
456 border-top: 1px solid #dddddd;
457 border-bottom-right-radius: 5px;
458 border-bottom-left-radius: 5px;
459 overflow: hidden;
460 }
461
462 #content *.bg-success, #crawler_dialog *.bg-success {
463 color: #fff;
464 background-color: #2f7d32 !important;
465 }
466
467 #content *.bg-warning, #crawler_dialog *.bg-warning {
468 color: #fff;
469 background-color: #d43900 !important;
470 }
471
472 #content *.bg-info, #crawler_dialog *.bg-info {
473 color: #fff;
474 background-color: #108193 !important;
475 }
476
477 #content *.bg-danger, #crawler_dialog *.bg-danger {
478 color: #fff;
479 background-color: #c52827 !important;
480 }
481
482 #crawler_dialog div.card-footer > span.badge {
483 margin-bottom: 10px;
484 }
485
486 @media (max-width: 1024px) {
487 #crawler_dialog {
488 width: 90%;
489 left: -45%;
490 }
491 }
492
493 @media ( max-width:1280px ) {
494 div.flexbox-container-analysis {
495 display: block;
496 }
497 #domains_results_container a.hasAuditTooltip {
498 max-width: 100%;
499 }
500 }
501
502 @keyframes spin {
503 0% {transform: rotate(0deg);}
504 100% {transform: rotate(360deg);}
505 }
506
507 @keyframes textani {
508 0% {opacity: 1}
509 50% {opacity: .8}
510 100% {opacity: 1}
511 }
512
513 #crawl_single_url_label {
514 display: inline-flex;
515 align-items: center;
516 margin-right: 5px;
517 cursor: pointer;
518 user-select: none;
519 font-size: 14px;
520 color: #495057;
521 padding: 7.5px 12px;
522 background: #ffffff;
523 border-radius: 2px;
524 border: 1px solid #376443;
525 transition: all 0.2s ease;
526 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
527 position: relative;
528 margin-top: -8.5px;
529 }
530
531 /* Hover effect */
532 #crawl_single_url_label:hover {
533 background: #f8f9fa;
534 border-color: #198754;
535 box-shadow: 0 2px 4px rgba(25, 135, 84, 0.1);
536 }
537
538 /* Quando è checked - bordo verde */
539 #crawl_single_url:checked ~ #crawl_single_url_label,
540 #crawl_single_url_label:has(#crawl_single_url:checked),
541 #crawl_batch_urls:checked ~ #crawl_batch_label,
542 #crawl_batch_label:has(#crawl_batch_urls:checked) {
543 background: #d1e7dd;
544 border-color: #198754;
545 }
546
547 /* Checkbox custom */
548 #crawl_single_url {
549 width: 18px;
550 height: 18px;
551 margin: 0 8px 0 0;
552 cursor: pointer;
553 border-color: #198754;
554 flex-shrink: 0;
555 background: #fff;
556 }
557
558 /* Testo label */
559 #crawl_single_url_label span {
560 font-weight: 500;
561 color: #495057;
562 white-space: nowrap;
563 }
564
565 /* Testo quando checked */
566 #crawl_single_url:checked + span {
567 color: #0f5132;
568 font-weight: 600;
569 }
570
571 /* Focus accessibilità */
572 #crawl_single_url:focus {
573 outline: 3px solid rgba(25, 135, 84, 0.3);
574 outline-offset: 2px;
575 }
576
577 /* Active state */
578 #crawl_single_url_label:active {
579 transform: translateY(0);
580 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
581 }
582
583 #crawl_single_url::before,
584 #crawl_batch_urls::before {
585 filter: sepia(100%) saturate(500%) hue-rotate(130deg) brightness(0.9);
586 }
587
588 #crawl_single_url:focus,
589 #crawl_batch_urls:focus {
590 outline: none !important;
591 box-shadow: none !important;
592 }
593
594 /* Targetta ogni body che ha una classe 'branch-' seguita da un numero >= 7 */
595 body[class*="branch-7"] #crawler_dialog.card div.card-header,
596 body[class*="branch-8"] #crawler_dialog.card div.card-header,
597 body[class*="branch-9"] #crawler_dialog.card div.card-header {
598 background-color: #3858e9;
599 border-color: #3858e9;
600 }
601
602 /* Batch URLs label - same style as single URL */
603 #crawl_batch_label {
604 display: inline-flex;
605 align-items: center;
606 cursor: pointer;
607 user-select: none;
608 font-size: 14px;
609 color: #495057;
610 padding: 7.5px 12px;
611 background: #ffffff;
612 border-radius: 2px;
613 border: 1px solid #376443;
614 transition: all 0.2s ease;
615 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
616 position: relative;
617 margin-top: -8.5px;
618 }
619
620 #crawl_batch_label:hover {
621 background: #f8f9fa;
622 border-color: #198754;
623 box-shadow: 0 2px 4px rgba(25, 135, 84, 0.1);
624 }
625
626 #crawl_batch_label:has(#crawl_batch_urls:checked) {
627 background: #d1e7dd;
628 border-color: #198754;
629 }
630
631 #crawl_batch_urls {
632 width: 18px;
633 height: 18px;
634 margin: 0 8px 0 0;
635 cursor: pointer;
636 border-color: #198754;
637 flex-shrink: 0;
638 background: #fff;
639 }
640
641 #crawl_batch_urls:focus {
642 outline: none !important;
643 box-shadow: none !important;
644 }
645
646 #crawl_batch_label span {
647 font-weight: 500;
648 color: #495057;
649 white-space: nowrap;
650 }
651
652 #crawl_batch_urls:checked + span {
653 color: #0f5132;
654 font-weight: 600;
655 }
656
657 /* Batch links textarea */
658 #batch_links_section {
659 margin-top: 8px;
660 }
661
662 #batch_links_input {
663 width: 100%;
664 font-size: 12px;
665 padding: 8px;
666 border: 1px solid #8c8f94;
667 border-radius: 4px;
668 box-sizing: border-box;
669 resize: vertical;
670 font-family: monospace;
671 line-height: 1.5;
672 }
673
674 #batch_links_input:focus {
675 border-color: #2271b1;
676 box-shadow: 0 0 0 1px #2271b1;
677 outline: none;
678 }
679
680 /* Skipped URL style */
681 #crawler_container div.text-muted-skip {
682 color: #6c757d !important;
683 font-size: 14px;
684 opacity: 0.8;
685 }
686
687 body[class*="branch-7"] #crawl_single_url:checked::before,
688 body[class*="branch-8"] #crawl_single_url:checked::before,
689 body[class*="branch-9"] #crawl_single_url:checked::before,
690 body[class*="branch-7"] #crawl_batch_urls:checked::before,
691 body[class*="branch-8"] #crawl_batch_urls:checked::before,
692 body[class*="branch-9"] #crawl_batch_urls:checked::before {
693 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) / '';
694 }