PluginProbe
LWS Tools / 2.6
LWS Tools v2.6
trunk 1.0 1.0.1 2.0 2.1 2.1.5 2.2 2.2.1 2.3 2.3.1 2.4 2.4.1 2.4.2 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5 2.6 2.6.1 2.6.1.5 2.6.2 2.6.3 2.6.4
lws-tools / css / lws_tk_style.css

lws_tk_style.css in LWS Tools 2.6, at css/lws_tk_style.css

1,446 lines 28.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 #wpcontent {
2 height: 100%;
3 padding: 0 20px;
4 }
5
6 img {
7 vertical-align: middle;
8 }
9
10 .lws_tk_main_bloc {
11 max-width: 1400px;
12 margin: auto;
13 font-family: 'Poppins', sans-serif;
14 position: relative;
15 }
16
17 .lwstk_title_banner {
18 display: flex;
19 align-items: stretch;
20 margin: 30px 0;
21 gap: 30px;
22 z-index: 16;
23 position: relative;
24 }
25
26 .lwstk_top_banner {
27 display: flex;
28 align-items: center;
29 padding: 20px 30px;
30 background: #FFFFFF 0% 0% no-repeat padding-box;
31 box-shadow: 0px 0px 15px #00000012;
32 border-radius: 10px;
33 gap: 30px;
34 }
35
36 .lwstk_top_banner_text {
37 gap: 15px;
38 display: flex;
39 flex-direction: column;
40 }
41
42 .lwstk_top_title_block {
43 display: flex;
44 justify-content: space-between;
45 align-items: center;
46 flex-wrap: nowrap;
47 gap: 10px;
48 }
49
50 .lwstk_top_title {
51 display: flex;
52 align-items: center;
53 gap: 10px;
54 flex-wrap: wrap;
55 }
56
57 .lwstk_top_title > span:first-child {
58 font: normal normal bold 26px/36px sans-serif;
59 font-family: Poppins, sans-serif;
60 letter-spacing: 0px;
61 color: #1D2327;
62 }
63
64 .lwstk_top_title > span:nth-child(2) {
65 font: normal normal normal 13px/23px sans-serif;
66 font-family: Poppins, sans-serif;
67 letter-spacing: 0px;
68 color: #1D2327;
69 }
70
71 span.logo_lws {
72 background: url("../images/lws_logo_fr.svg");
73 background-size: 122px 24px;
74 width: 122px;
75 height: 24px;
76 }
77
78 .lwstk_top_description {
79 font: normal normal normal 13px/23px sans-serif;
80 font-family: Poppins, sans-serif;
81 letter-spacing: 0px;
82 color: #1D2327;
83 }
84
85 .lwstk_top_banner_right {
86 max-width: 330px;
87 width: 100%;
88 background: #FFFFFF 0% 0% no-repeat padding-box;
89 box-shadow: 0px 0px 15px #00000012;
90 border-radius: 10px;
91 display: flex;
92 flex-direction: column;
93 justify-content: center;
94 align-items: center;
95 padding: 20px 30px;
96 }
97
98 .lwstk_rate_block {
99 background: #E9F4FD 0% 0% no-repeat padding-box;
100 border-radius: 10px;
101 font: normal normal 600 13px/23px sans-serif;
102 font-family: Poppins, sans-serif;
103 max-width: 493px;
104 width: 100%;
105 padding: 12px 15px;
106 display: flex;
107 flex-direction: column;
108 align-items: flex-start;
109 }
110
111 .lwstk_top_code {
112 border: 1px solid #1D2327;
113 border-radius: 5px;
114 font: normal normal normal 13px/22px Poppins;
115 color: #1D2327;
116 padding: 5px 10px;
117 }
118
119 .lwstk_top_rateus {
120 font: normal normal 600 13px/23px sans-serif;
121 font-family: Poppins, sans-serif;
122 width: 100%;
123 display: flex;
124 align-items: center;
125 flex-direction: row;
126 gap: 3px;
127 flex-wrap: wrap;
128 border-bottom: 1px solid #BCD0E0;
129 padding-bottom: 10px;
130 }
131
132 .lwstk_bottom_rateus {
133 width: 100%;
134 display: flex;
135 align-items: center;
136 flex-direction: row;
137 gap: 3px;
138 flex-wrap: wrap;
139 padding-top: 13px;
140 font: normal normal normal 13px/22px Poppins, sans-serif;
141 color: #1D2327;
142 }
143
144 a.link_to_support {
145 text-decoration: underline;
146 font: normal normal normal 13px/22px Poppins;
147 color: #2893E9;
148 }
149
150 a.link_to_rating_with_stars {
151 display: flex;
152 align-items: center;
153 flex-direction: row;
154 gap: 3px;
155 flex-wrap: nowrap;
156 text-decoration: underline;
157 color: #006EDC;
158 }
159
160 .lwstk_stars {
161 text-decoration: underline;
162 color: #F5AA00;
163 }
164
165 .lwstk_top_banner_right_top {
166 display: flex;
167 gap: 10px;
168 margin-bottom: 15px;
169 }
170
171 .lwstk_top_banner_right_bottom {
172 display: flex;
173 gap: 10px;
174 align-items: center;
175 }
176
177 .lwstk_top_banner_right_bottom > label {
178 border: 1px solid #1D2327;
179 border-radius: 5px;
180 padding: 8px 10px;
181 height: fit-content;
182 display: flex;
183 gap: 30px;
184 align-items: center;
185 cursor: pointer;
186 position: relative;
187 }
188
189 .lwstk_top_banner_right_bottom > label:hover {
190 background-color: #fbfbfb;
191 }
192
193 .lwstk_top_banner_right_bottom > a {
194 background: #1B2E4B 0% 0% no-repeat padding-box;
195 border-radius: 22px;
196 font: normal normal 600 14px/24px sans-serif;
197 font-family: Poppins, sans-serif;
198 color: #FFFFFF;
199 padding: 10px 20px;
200 }
201
202 .lwstk_top_banner_right_bottom > a:hover {
203 color: #FFFFFF;
204 text-decoration: none;
205 background: #121d2f 0% 0% no-repeat padding-box;
206 cursor: pointer;
207 }
208
209
210
211 body.wp-admin {
212 background: #f0f0f1;
213 color: #3c434a;
214 }
215
216 button.lws_tk_close_button {
217 background: #F0EFF0 0% 0% no-repeat padding-box;
218 border-radius: 21px;
219 border: none;
220 color: #292F34;
221 padding: 7px 20px;
222 cursor: pointer;
223 }
224
225 .lws_tk_block_ad_for_review {
226 background: #FFFFFF 0% 0% no-repeat padding-box;
227 box-shadow: 0px 0px 15px #00000012;
228 border-radius: 10px;
229 padding: 20px 15px 25px 15px;
230 margin-bottom: 20px;
231 }
232
233 .lws_tk_block_ad_review_title {
234 text-align: center;
235 font: normal normal 600 18px/28px Poppins;
236 letter-spacing: 0px;
237 color: #1D2327;
238 }
239
240 .lws_tk_block_ad_review_description {
241 text-align: center;
242 font: normal normal normal 15px/26px Poppins;
243 letter-spacing: 0px;
244 }
245
246 .lws_tk_block_ad_review_stars {
247 text-align: center;
248 margin-top: 10px;
249 margin-bottom: 10px;
250 }
251
252
253
254 .lws_tk_tab_line {
255 display: flex;
256 flex-direction: row;
257 flex-wrap: wrap;
258 justify-content: space-between;
259 align-items: center;
260 padding-top: 16px;
261 padding-bottom: 16px;
262 padding-left: 30px;
263 }
264
265 .lws_tk_bulle_version {
266 background: #008A56 0% 0% no-repeat padding-box;
267 border-radius: 22px;
268 letter-spacing: 0px;
269 color: #FFFFFF;
270 font-size: 14px;
271 line-height: 24px;
272 padding: 5px 8px;
273 margin-left: 5px;
274 }
275
276 .lws_tk_tooltip_content:hover {
277 cursor: help;
278 position: relative;
279 }
280
281 .lws_tk_tooltip_content>span {
282 display: none;
283 }
284
285 .lws_tk_tooltip_content:hover>span {
286 padding: 16px;
287 display: block;
288 z-index: 100;
289 left: 35px;
290 margin: 15px;
291 width: 300px;
292 position: absolute;
293 top: -85px;
294 text-decoration: none;
295 font-size: 14px;
296 line-height: 24px;
297 letter-spacing: 0px;
298 color: #FFFFFF;
299 background: #1B2E4B 0% 0% no-repeat padding-box;
300 box-shadow: 0px 0px 15px #00000012;
301 border-radius: 10px;
302 }
303
304 .lws_tk_tooltip_content>span:before {
305 content: "";
306 background-color: #1B2E4B;
307 height: 30px;
308 width: 30px;
309 display: block;
310 position: absolute;
311 transform: rotate(45deg);
312 top: 65px;
313 left: -8px;
314 z-index: -5;
315 }
316
317 .lws_tk_image {
318 vertical-align: sub;
319 margin-right: 5px;
320 }
321
322 .lws_tk_validated_button_submenu,
323 .lws_tk_validated_button_tools,
324 .lws_tk_validated_button {
325 background: #008A56 0% 0% no-repeat padding-box !important;
326 }
327
328 .lws_tk_not_clickable {
329 cursor: default !important;
330 }
331
332 .lws_tk_tab_submenu {
333 padding: 15px 30px;
334 display: flex;
335 justify-content: space-between;
336 align-items: center;
337 flex-wrap: wrap;
338 flex-direction: row;
339 }
340
341 .lws_tk_tab_submenu:nth-child(odd) {
342 background: rgb(219 61 61 / 8%) 0% 0% no-repeat padding-box;
343 }
344
345 .lws_tk_tab_submenu:nth-child(odd).lws_tk_warning {
346 background: hsl(34deg 100% 56% / 8%) 0% 0% no-repeat padding-box;
347 }
348
349 .lws_tk_update_element_button {
350 font-size: 14px;
351 line-height: 24px;
352 letter-spacing: 0px;
353 color: #DB3D3D;
354 background: none;
355 border: none;
356 cursor: pointer;
357 }
358
359 .lws_tk_tab_border {
360 position: relative;
361 font-size: 16px;
362 line-height: 26px;
363 letter-spacing: 0px;
364 color: #1D2327;
365 border-bottom: 1px solid rgb(29 35 39 / 25%);
366 }
367
368 .lws_tk_tab_border:last-child {
369 border-bottom: none;
370
371 }
372
373 .lws_tk_tab_border::after {
374 border-left: 4px solid black;
375 content: "";
376 height: 98%;
377 position: absolute;
378 left: 0px;
379 bottom: 0;
380 }
381
382 .lws_tk_tab_border_red::after {
383 border-color: #DB3D3D;
384 }
385
386 .lws_tk_tab_border_orange::after {
387 border-color: #FF9E1D;
388 }
389
390 .lws_tk_tab_border_green::after {
391 border-color: #008A56;
392 }
393
394 .lws_tk_tab_border_blue::after {
395 border-color: #2893E9;
396 }
397
398 .lws_tk_tab_line_submenu {
399 display: none;
400 }
401
402 .lws_tk_submenu_shown {
403 display: block;
404 }
405
406 .clickable {
407 cursor: pointer;
408 user-select: none;
409 }
410
411 .lws_tk_image_chevron {
412 margin-left: 5px;
413 }
414
415 .lws_tk_chevron_flip {
416 transform: rotateX(180deg);
417 }
418
419 .lws_tk_green_update_button {
420 background: #008A56 0% 0% no-repeat padding-box;
421 border-radius: 22px;
422 border: none;
423 font-size: 14px;
424 line-height: 24px;
425 letter-spacing: 0px;
426 color: #FFFFFF;
427 padding: 6px 20px;
428 margin-right: 30px;
429 }
430
431 .lws_tk_delete_button {
432 background: #DB3D3D 0% 0% no-repeat padding-box;
433 border-radius: 22px;
434 border: none;
435 font-size: 14px;
436 line-height: 24px;
437 letter-spacing: 0px;
438 color: #FFFFFF;
439 padding: 6px 20px;
440 margin-right: 30px;
441 cursor: pointer;
442 }
443
444 .lws_tk_update_button {
445 background: #DB3D3D 0% 0% no-repeat padding-box;
446 border-radius: 22px;
447 border: none;
448 font-size: 14px;
449 line-height: 24px;
450 letter-spacing: 0px;
451 color: #FFFFFF;
452 padding: 6px 20px;
453 margin-right: 30px;
454 cursor: pointer;
455 }
456
457 .lws_tk_update_button:hover,
458 .lws_tk_delete_button:hover {
459 background: #B02A2A 0% 0% no-repeat padding-box;
460 }
461
462
463 .lws_tk_line_server {
464 display: flex;
465 flex-direction: row;
466 justify-content: space-between;
467 align-items: center;
468 border-bottom: 1px solid rgb(29, 35, 39, 0.25);
469 padding: 11px 20px;
470 }
471
472 .lws_tk_line_server:nth-child(odd) {
473 background: #F5F5F5 0% 0% no-repeat padding-box;
474 }
475
476 .lws_tk_line_server:last-child {
477 border-bottom: none;
478 }
479
480 .lws_tk_line_server_left {
481 display: flex;
482 align-items: center;
483 flex-direction: row;
484 }
485
486 .lws_tk_line_left_text_small {
487 text-align: left;
488 font-size: 13px;
489 line-height: 24px;
490 letter-spacing: 0px;
491 color: rgba(29, 35, 39, 0.7);
492 margin-bottom: 0px;
493 margin-top: -5px;
494 }
495
496 .lws_tk_title_server {
497 margin: 0px;
498 padding: 30px;
499 padding-bottom: 20px;
500 text-align: left;
501 letter-spacing: 0px;
502 color: #1D2327;
503 opacity: 1;
504 font-size: 20px;
505 line-height: 30px;
506 }
507
508 .lws_tk_line_left_text {
509 font-size: 15px;
510 line-height: 26px;
511 letter-spacing: 0px;
512 color: #1D2327;
513 opacity: 1;
514 margin-top: 0px;
515 margin-bottom: 0px;
516 }
517
518 .lws_tk_line_left_text_right {
519 font-size: 15px;
520 line-height: 26px;
521 letter-spacing: 0px;
522 color: #1D2327;
523 opacity: 1;
524 margin-left: 10px;
525 }
526
527 .lws_tk_opti_title {
528 background: rgba(40, 146, 233, 0.1) 0% 0% no-repeat padding-box;
529 display: flex;
530 flex-direction: row;
531 padding-left: 30px;
532 padding-right: 30px;
533 flex-wrap: nowrap;
534 align-items: center;
535 justify-content: space-between;
536 }
537
538 .lws_tk_opti_title_text {
539 text-align: left;
540 letter-spacing: 0px;
541 color: #1D2327;
542 opacity: 1;
543 font-size: 20px;
544 line-height: 30px;
545 margin-top: 25px;
546 margin-bottom: 25px;
547 }
548
549 .lws_tk_button_opti_save {
550 background: #1C469D 0% 0% no-repeat padding-box;
551 border-radius: 22px;
552 text-align: left;
553 font-size: 14px;
554 line-height: 24px;
555 letter-spacing: 0px;
556 color: #FFFFFF;
557 opacity: 1;
558 border: none;
559 padding: 4px 14px;
560 cursor: pointer;
561 height: fit-content;
562 }
563
564 .lws_tk_button_opti_save:hover {
565 background: #175485 0% 0% no-repeat padding-box;
566 }
567
568 .lws_tk_tr_mysql:nth-child(odd)>td {
569 background: #F8F8F8 0% 0% no-repeat padding-box;
570 }
571
572 .lws_tk_optipage_bloc_table {
573 padding: 30px;
574 border-bottom: 1px solid rgb(204 204 204);
575 }
576
577 .lws_tk_tr_mysql:last-child>td,
578 .lws_tk_optipage_bloc_table:last-child {
579 border-bottom: none;
580 }
581
582 .lws_tk_tdmysql {
583 word-break: break-all;
584 padding: 6px 30px;
585 border-bottom: 1px solid rgba(29, 35, 39, 0.25);
586 }
587
588 .lws_tk_tdmysql_tr {
589 padding-left: 30px;
590 }
591
592 .lws_tk_mysqltable {
593 width: 100%;
594 letter-spacing: 0px;
595 color: #1D2327;
596 opacity: 1;
597 font-size: 15px;
598 line-height: 26px;
599 border-collapse: collapse;
600 }
601
602 .lws_tk_tab_line_mysql {
603 font-weight: bold;
604 }
605
606 .lws_tk_optipage_table {
607 text-align: left;
608 letter-spacing: 0px;
609 color: #1D2327;
610 font-size: 18px;
611 line-height: 28px;
612 font-weight: bold;
613 }
614
615 .lws_tk_optipage_table_text {
616 text-align: left;
617 letter-spacing: 0px;
618 color: #1D2327;
619 font-size: 15px;
620 line-height: 26px;
621 }
622
623 input.lws_tk_checkboxes[type="checkbox"],
624 input.lws_tk_checkboxes[type="checkbox"] {
625 width: 20px;
626 height: 20px;
627 border: 2px solid #006EDC;
628 border-radius: 2px;
629 }
630
631
632 input.lws_tk_checkboxes[type="checkbox"]:not(:checked),
633 input.lws_tk_checkboxes[type="checkbox"]:not(:checked) {
634 border: 2px solid #1D2327;
635 border-radius: 2px;
636 }
637
638 input.lws_tk_checkboxes[type="checkbox"]:checked::before,
639 input.lws_tk_checkboxes[type="checkbox"]:checked::before {
640 content: url('../images/check_bleu.svg');
641 width: 100%;
642 height: 100%;
643 position: relative;
644 top: 35%;
645 left: 25%;
646 }
647
648 .lws_tk_line_server_right {}
649
650 .lws_tk_line_server_left_image {
651 padding-right: 15px;
652 }
653
654 .lws_tk_mysql_title_text {
655 text-align: left;
656 font-weight: bold;
657 font-size: 20px;
658 line-height: 30px;
659 letter-spacing: 0px;
660 color: #1D2327;
661 padding: 30px;
662 margin: 0px;
663 }
664
665 .lws_tk_div_repair_sql {
666 padding: 30px;
667 padding-top: 0px;
668 padding-left: 0px;
669 display: flex;
670 align-items: stretch;
671 justify-content: space-between;
672 flex-wrap: nowrap;
673 flex-direction: row;
674 font-size: 14px;
675 line-height: 24px;
676 letter-spacing: 0px;
677 align-content: center;
678 }
679
680 .lws_tk_p_repair_sql {
681 padding: 30px;
682 padding-top: 0px;
683 display: flex;
684 align-items: center;
685 justify-content: space-between;
686 flex-wrap: nowrap;
687 flex-direction: row;
688 font-size: 14px;
689 line-height: 24px;
690 letter-spacing: 0px;
691 }
692
693 .lws_tk_image_button {
694 vertical-align: middle;
695 margin-right: 5px;
696 }
697
698 .lws_tk_title_repair {
699 margin-top: 0px;
700 margin-bottom: 0px;
701 padding-top: 30px;
702 padding-left: 30px;
703 font-size: 20px;
704 line-height: 30px;
705 letter-spacing: 0px;
706 color: #1D2327;
707 }
708
709 .lws_tk_iframe {
710 text-align: center;
711 }
712
713 .lws_tk_mysql_repair {
714 background: #1C469D 0% 0% no-repeat padding-box;
715 border-radius: 22px;
716 text-align: left;
717 font-size: 14px;
718 line-height: 24px;
719 letter-spacing: 0px;
720 color: #FFFFFF;
721 opacity: 1;
722 border: none;
723 padding: 6px 14px;
724 cursor: pointer;
725 height: fit-content;
726 margin: 5px;
727 }
728
729 .lws_tk_mysql_repair span:not(.hidden) {
730 display: flex;
731 align-items: center;
732 flex-direction: row;
733 align-content: center;
734 }
735
736 .dataTables_wrapper.no-footer .dataTables_scrollBody,
737 .table.dataTable thead th,
738 table.dataTable thead td {
739 border-bottom: none !important;
740 }
741
742 .lws_tk_tdmysql_tr:first-child {
743 padding-left: 30px;
744 }
745
746 .lws_tk_tr_mysql>.lws_tk_tdmysql:first-child {
747 padding-left: 30px;
748 }
749
750 .lws_tk_update_button_blue {
751 border-radius: 22px;
752 font-size: 14px;
753 line-height: 24px;
754 letter-spacing: 0px;
755 color: #FFFFFF;
756 padding: 6px 20px;
757 border: none;
758 background: #2893E9 0% 0% no-repeat padding-box;
759 cursor: pointer;
760 margin-right: 30px;
761 }
762
763 .lws_tk_update_button_blue:hover {
764 background: #175485 0% 0% no-repeat padding-box;
765 }
766
767 /*General page*/
768 .lws_tk_subtitlebloc {
769 margin-left: 1%;
770 margin-right: 2%;
771 background: #FFFFFF 0% 0% no-repeat padding-box;
772 box-shadow: 0px 0px 15px #00000012;
773 border-bottom-right-radius: 10px;
774 border-bottom-left-radius: 10px;
775 display: flex;
776 flex-direction: row;
777 margin-bottom: 40px;
778 padding: 40px 50px 40px 50px;
779 }
780
781 .lws_tk_title-text {
782 font-size: 15px;
783 line-height: 26px;
784 color: #1D2327;
785 margin-left: 50px;
786 }
787
788 .lws_tk_subtitle {
789 font-size: 16px;
790 font-weight: 400;
791
792 }
793
794 .lws_tk_adbloc {
795 background: transparent linear-gradient(270deg, #0A5BBC 0%, #1C469D 100%) 0% 0% no-repeat padding-box;
796 box-shadow: 0px 0px 15px #00000012;
797 border-radius: 10px 10px 0px 0px;
798 opacity: 1;
799 display: flex;
800 flex-direction: row;
801 margin-left: 1%;
802 margin-right: 2%;
803 margin-top: 30px;
804 align-items: center;
805 }
806
807 .lws_tk_ad_title {
808 text-align: left;
809 font-size: 38px;
810 font-weight: 600;
811 line-height: 50px;
812 letter-spacing: 0px;
813 color: #FFFFFF;
814 padding: 5px;
815 }
816
817 .lws_tk_ad_subtext {
818 text-align: left;
819 font-size: 26px;
820 line-height: 36px;
821 letter-spacing: 0px;
822 padding: 5px;
823 color: #FFFFFF;
824 opacity: 1;
825 }
826
827 .lws_tk_ad_img {
828 padding-left: 10px;
829 vertical-align: bottom;
830 }
831
832 .lws_tk_adbloc_left {
833 border-right: 1px dashed #FFFFFF;
834 flex: 25%;
835 vertical-align: middle;
836 text-align: left;
837 padding-left: 40px;
838 padding-top: 41px;
839 padding-bottom: 43px;
840 }
841
842 .lws_tk_adbloc_right {
843 flex: 50%;
844 vertical-align: middle;
845 text-align: left;
846 padding-top: 20px;
847 padding-left: 40px;
848 padding-bottom: 20px;
849 padding-right: 40px;
850 }
851
852 .lws_tk_ad_t1 {
853 text-align: left;
854 font-size: 15px;
855 font-weight: 600;
856 line-height: 26px;
857 letter-spacing: 0px;
858 color: #FFFFFF;
859 opacity: 1;
860 }
861
862 .lws_tk_ad_t2 {
863 text-align: left;
864 letter-spacing: 0px;
865 color: #FFFFFF;
866 opacity: 1;
867 text-align: left;
868 font-size: 15px;
869 line-height: 26px;
870 letter-spacing: 0px;
871 }
872
873 .lws_tk_ad_label {
874 background: #1C469D 0% 0% no-repeat padding-box;
875 border: 1px solid #FFFFFF;
876 border-radius: 5px;
877 opacity: 1;
878 text-align: left;
879 font-size: 15px;
880 line-height: 26px;
881 letter-spacing: 0px;
882 color: #FFFFFF;
883 padding: 8px 10px 8px 10px;
884 vertical-align: middle;
885 margin-right: 10px;
886 }
887
888 .lws_tk_ad_button {
889 background: #FFFFFF 0% 0% no-repeat padding-box;
890 border-radius: 22px;
891 text-align: left;
892 font-size: 14px;
893 font-weight: bold;
894 line-height: 24px;
895 letter-spacing: 0px;
896 color: #1C469D;
897 text-transform: uppercase;
898 border: none;
899 padding: 6px 20px 6px 20px;
900 cursor: pointer;
901 vertical-align: middle;
902 }
903
904 .lws_tk_configpage {
905 background-color: white;
906 box-shadow: 0px 1px 1px #00000029;
907 font-size: 16px;
908 line-height: 26px;
909 border-bottom-left-radius: 10px;
910 border-bottom-right-radius: 10px;
911 }
912
913 .lws_tk_configpage_plugin {
914 background-color: white;
915 box-shadow: 0px 1px 1px #00000029;
916 font-size: 16px;
917 line-height: 26px;
918 padding-bottom: 30px;
919 border-bottom-left-radius: 10px;
920 border-bottom-right-radius: 10px;
921 }
922
923 .lws_tk_list_block_content {
924 flex: 100%;
925 }
926
927 .lws_tk_list_block_ad {
928 display: flex;
929 flex-direction: column;
930 flex: 30%;
931 }
932
933 .lws_tk_main_content {
934 display: flex;
935 flex-direction: row;
936 }
937
938 .lws_tk_button_ad_block {
939 background: #2893E9 0% 0% no-repeat padding-box;
940 border-radius: 22px;
941 text-align: left;
942 font-size: 14px;
943 line-height: 24px;
944 letter-spacing: 0px;
945 color: #FFFFFF;
946 border: none;
947 padding: 6px 15px 6px 15px;
948 cursor: pointer;
949 }
950
951 .lws_tk_button_ad_block_validated {
952 cursor: default;
953 background: #008A56 0% 0% no-repeat padding-box;
954 }
955
956 .lws_tk_text_ad {
957 text-align: left;
958 font-size: 15px;
959 line-height: 24px;
960 letter-spacing: 0px;
961 color: #FFFFFF;
962 }
963
964 .lws_tk_block_ad_text {
965 text-align: left;
966 font-size: 16px;
967 line-height: 26px;
968 font-weight: 600;
969 letter-spacing: 0px;
970 color: #FFFFFF;
971 }
972
973 .lws_tk_button_text {
974 text-align: left;
975 font-size: 14px;
976 line-height: 24px;
977 letter-spacing: 0px;
978 color: #FFFFFF;
979 opacity: 1;
980 }
981
982 .lws_tk_block_ad {
983 background: #1B2E4B 0% 0% no-repeat padding-box;
984 box-shadow: 0px 0px 15px #00000012;
985 border-radius: 10px;
986 padding: 20px 20px 25px 20px;
987 margin-bottom: 20px;
988 }
989
990 .tab_lws_tk {
991 background-color: white;
992 border-top-left-radius: 10px;
993 border-top-right-radius: 10px;
994 }
995
996 .tab_lws_tk>div {
997 border-bottom: 1px solid rgba(28, 34, 38, 0.25);
998 }
999
1000 .tab_nav_lws_tk {
1001 margin: 20px;
1002 border: none;
1003 font-size: 15px;
1004 letter-spacing: 0px;
1005 color: #1D2327;
1006 text-transform: uppercase;
1007 line-height: 26px;
1008 background: none;
1009 margin-bottom: 10px;
1010 margin-right: 2px;
1011 margin-left: 2px;
1012 }
1013
1014 .tab_nav_lws_tk.active {
1015 font-weight: 600;
1016 }
1017
1018 .tab_nav_lws_tk:hover {
1019 cursor: pointer;
1020 }
1021
1022 .selector_tab {
1023 position: relative;
1024 top: 2px;
1025 left: 0px;
1026 height: 3px;
1027 width: 0px;
1028 background-color: #1C469D;
1029 z-index: 10;
1030 transition: left .5s ease 0s;
1031 margin-top: 2px;
1032 }
1033
1034 .lws_tk_normal_space {
1035 margin-bottom: 20px;
1036 }
1037
1038 /*END*/
1039
1040 /*Our plugins*/
1041 .lws_tk_button_ad_block_failed {
1042 color: #FFFFFF;
1043 background: #DB3D3D 0% 0% no-repeat padding-box;
1044 }
1045
1046
1047 .lws_tk_recommended {
1048 background: #008A56 0% 0% no-repeat padding-box;
1049 border-radius: 22px;
1050 opacity: 1;
1051 text-align: left;
1052 font-size: 12px;
1053 line-height: 24px;
1054 font-weight: 600;
1055 letter-spacing: 0px;
1056 color: #FFFFFF;
1057 text-transform: uppercase;
1058 opacity: 1;
1059 padding: 5px 10px 5px 10px;
1060 vertical-align: middle;
1061 }
1062
1063 .lws_tk_div_title_plugins {
1064 background: rgb(40, 147, 233, 0.1) 0% 0% no-repeat padding-box;
1065 }
1066
1067 .lws_tk_title_plugins {
1068 text-align: left;
1069 font-size: 20px;
1070 line-height: 30px;
1071 font-weight: bold;
1072 letter-spacing: 0px;
1073 color: #1D2327;
1074 padding-left: 30px;
1075 margin: 0;
1076 padding-top: 30px;
1077 }
1078
1079 .lws_tk_text_base {
1080 text-align: left;
1081 font-size: 16px;
1082 line-height: 26px;
1083 letter-spacing: 0px;
1084 color: #1D2327;
1085 opacity: 1;
1086 padding-left: 30px;
1087 padding-bottom: 30px;
1088 padding-right: 30px;
1089 }
1090
1091 .lws_tk_title_plugin {
1092 margin-bottom: 0px;
1093 }
1094
1095 .lws_tk_text_plugin {
1096 text-align: left;
1097 font-size: 15px;
1098 line-height: 26px;
1099 letter-spacing: 0px;
1100 color: #1D2327;
1101 margin-bottom: 0px;
1102 margin-top: 10px;
1103
1104 }
1105
1106 .lws_tk_text_plugin_left {
1107 margin-left: 30px;
1108 width: 75%;
1109 }
1110
1111 .lws_tk_plugin_button_right {
1112 margin-right: 30px;
1113 height: fit-content;
1114 white-space: nowrap;
1115 }
1116
1117 .lws_tk_block_plugin_in_page {
1118 display: flex;
1119 justify-content: space-between;
1120 align-items: center;
1121 padding-bottom: 30px;
1122 border-bottom: 1px solid rgb(29 35 39 / 25%);
1123 padding-top: 30px;
1124 }
1125
1126 .lws_tk_block_plugin_in_page:first-child {
1127 padding-top: 0px;
1128 }
1129
1130 .lws_tk_block_plugin_in_page:last-child {
1131 border: none;
1132 padding-bottom: 0px;
1133 }
1134
1135 .tip {
1136 background-color: #263646;
1137 padding: 0 14px;
1138 line-height: 27px;
1139 position: absolute;
1140 border-radius: 4px;
1141 z-index: 100;
1142 color: #fff;
1143 font-size: 12px;
1144 animation-name: tip;
1145 animation-duration: .6s;
1146 animation-fill-mode: both
1147 }
1148
1149 .tip:before {
1150 content: "";
1151 background-color: #263646;
1152 height: 10px;
1153 width: 10px;
1154 display: block;
1155 position: absolute;
1156 transform: rotate(45deg);
1157 top: -4px;
1158 left: 17px
1159 }
1160
1161 #copied_tip {
1162 animation-name: come_and_leave;
1163 animation-duration: 1s;
1164 animation-fill-mode: both;
1165 }
1166
1167 /*END*/
1168
1169
1170 @media only screen and (max-width: 1250px) {
1171 .lws_tk_main_content {
1172 flex-direction: column;
1173 }
1174
1175 .lws_tk_list_block_ad {
1176 margin-top: 30px;
1177 }
1178
1179 .lwstk_top_title_block {
1180 display: flex;
1181 justify-content: space-between;
1182 align-items: flex-start;
1183 flex-wrap: nowrap;
1184 gap: 10px;
1185 flex-direction: column;
1186 }
1187 }
1188
1189 @media only screen and (max-width: 1200px) {
1190 .lwstk_title_banner {
1191 display: flex;
1192 flex-direction: column;
1193 align-items: center;
1194 }
1195
1196 .lwstk_top_banner_right {
1197 max-width: none;
1198 justify-content: center;
1199 }
1200 }
1201
1202
1203 @media only screen and (max-width: 1060px) {
1204 .lws_tk_adbloc_left {
1205 border-right: unset;
1206 border-bottom: 1px dashed #FFFFFF;
1207 }
1208
1209 .lws_tk_adbloc {
1210 flex-direction: column;
1211 align-items: stretch;
1212 }
1213 }
1214
1215 @media only screen and (max-width: 780px) {
1216
1217 input.lws_tk_checkboxes[type="checkbox"]:checked::before,
1218 input.lws_tk_checkboxes[type="checkbox"]:checked::before {
1219 content: url('../images/check_bleu.svg');
1220 width: 100%;
1221 height: 100%;
1222 position: relative;
1223 top: 39%;
1224 left: 34%;
1225 }
1226
1227 .lws_tk_tdmysql {
1228 word-break: normal;
1229 }
1230
1231 .lws_tk_div_repair_sql {
1232 flex-direction: column;
1233 }
1234 }
1235
1236 @media only screen and (max-width: 700px) {
1237 .lws_tk_input_url {
1238 margin-top: 3%;
1239 }
1240
1241 #lws_tk_input_change_redirection,
1242 #lws_tk_input_change_login,
1243 .lws_tk_button_update_redirect {
1244 margin-top: 0px;
1245 }
1246
1247 .lws_tk_titre_inputs {
1248 margin-bottom: 1em;
1249 }
1250
1251 .lwstk_rate_block {
1252 width: initial;
1253 }
1254 }
1255
1256 @media only screen and (max-width: 650px) {
1257 .lws_tk_subtitlebloc {
1258 flex-direction: column;
1259 }
1260
1261 .lws_tk_subtitlebloc>img {
1262 align-self: center;
1263 margin-bottom: 30px;
1264 }
1265
1266 .lws_tk_list_block_ad {
1267 margin-top: 30px;
1268 }
1269 }
1270
1271 @media only screen and (max-width: 550px) {
1272 .lws_tk_opti_title {
1273 flex-wrap: wrap;
1274 }
1275
1276 .lws_tk_opti_title_text.opti {
1277 margin-bottom: 0px;
1278 }
1279
1280 .lws_tk_button_opti_save.opti {
1281 margin-bottom: 25px;
1282 }
1283
1284 .lwstk_top_banner {
1285 flex-direction: column;
1286 }
1287
1288 .lwstk_activate_plugin {
1289 padding: 30px;
1290 }
1291
1292 .lwstk_activate_plugin {
1293 flex-wrap: wrap;
1294 }
1295
1296 .lwstk_top_banner_right_bottom {
1297 flex-wrap: wrap;
1298 justify-content: center;
1299 }
1300
1301 }
1302
1303 @media only screen and (max-width: 430px) {
1304 .lws_tk_adbloc_right {
1305 padding-left: 10px;
1306 }
1307
1308 .lws_tk_adbloc_left {
1309 padding-left: 0px;
1310 }
1311 }
1312
1313 @media only screen and (max-width: 380px) {
1314 .lws_tk_ad_button {
1315 margin-top: 20px;
1316 }
1317
1318 .lws_tk_list_block_ad {
1319 margin-top: 30px;
1320 }
1321 }
1322
1323 @media only screen and (max-width: 335px) {
1324 .lws_tk_opti_title {
1325 flex-wrap: wrap;
1326 }
1327
1328 .lws_tk_opti_title_text {
1329 margin-bottom: 0px;
1330 }
1331
1332 .lws_tk_button_opti_save {
1333 margin-bottom: 25px;
1334 }
1335
1336 }
1337
1338 /*END MEDIAS*/
1339
1340 .tab_lws_tk_select {
1341 padding: 10px;
1342 text-align: center;
1343 }
1344
1345 .tab_lws_tk_select>select {
1346 width: 60%;
1347 }
1348
1349 .lws_tk_top_side_desc {
1350 font-size: 15px;
1351 line-height: 26px;
1352 letter-spacing: 0px;
1353 color: #1D2327;
1354 }
1355
1356
1357 /* BOUTON SWITCH */
1358 .mab_mml_ttbt_td_switch { position: relative; display: inline-block; width: 46px; height: 25px; margin-bottom: 0;}
1359 .mab_mml_ttbt_td_switch input { opacity: 0; width: 0; height: 0; }
1360 .mab_mml_ttbt_td_switch .mab_mml_ttbt_td_s_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
1361 .mab_mml_ttbt_td_switch .mab_mml_ttbt_td_s_slider:before { position: absolute; content: ""; height: 21px; width: 21px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
1362 input:checked + .mab_mml_ttbt_td_s_slider { background-color: #008A56; }
1363 input:checked + .mab_mml_ttbt_td_s_slider:disabled { background-color: #008a5666; }
1364 input:focus + .mab_mml_ttbt_td_s_slider { box-shadow: 0 0 1px #008A56; }
1365 input:checked + .mab_mml_ttbt_td_s_slider:before { -webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px); }
1366 .mab_mml_ttbt_td_s_slider.round { border-radius: 34px; }
1367 .mab_mml_ttbt_td_s_slider.round:before { border-radius: 50%; }
1368 /* BOUTON SWITCH */
1369
1370 label.lws_tk_ia_label {
1371 display: flex;
1372 justify-content: space-between;
1373 align-items: center;
1374 margin: 0 30px 0 0;
1375 }
1376
1377 /* MODALE NEW v2 */
1378 div#lws_tk_popup_alerting {
1379 position: fixed;
1380 top: 7%;
1381 right: 2%;
1382 display: flex;
1383 flex-direction: column;
1384 align-items: flex-start;
1385 gap: 10px;
1386 z-index: 10000;
1387 }
1388 div.lws_tk_information_popup {
1389 position: relative;
1390 background-color: #ffffff;
1391 border: 1px solid #cbcbcb;
1392 border-radius: 10px;
1393 padding: 10px;
1394 padding-left: 40px;
1395 padding-right: 40px;
1396 display: flex;
1397 flex-direction: row;
1398 gap: 15px;
1399 align-items: center;
1400 }
1401
1402 .lws_tk_information_popup_content {
1403 max-width: 275px;
1404 word-break: break-word;
1405 }
1406
1407 div.lws_tk_information_popup.popup_success {
1408 border-bottom: 2px solid green;
1409 border-bottom-left-radius: 5px;
1410 border-bottom-right-radius: 5px;
1411 }
1412
1413 div.lws_tk_information_popup.popup_error {
1414 border-bottom: 2px solid red;
1415 border-bottom-left-radius: 5px;
1416 border-bottom-right-radius: 5px;
1417 }
1418
1419 div.lws_tk_information_popup.popup_warning {
1420 border-bottom: 2px solid #FFD700;
1421 border-bottom-left-radius: 5px;
1422 border-bottom-right-radius: 5px;
1423 }
1424
1425 div.lws_tk_information_popup_animation {
1426 position: relative;
1427 }
1428
1429 div.lws_tk_information_popup_close {
1430 position: absolute;
1431 top: 26%;
1432 right: 5%;
1433 width: 10px;
1434 height: 10px;
1435 cursor: pointer;
1436 }
1437 svg.crossmark,
1438 svg.exclamation,
1439 svg.checkmark {
1440 width: 30px;
1441 height: 30px;
1442 position: absolute;
1443 left: -28px;
1444 top: -15px;
1445 }
1446 /* MODALE NEW v2 */