PluginProbe
Tag Groups is the Advanced Way to Display Your Taxonomy Terms / trunk
Tag Groups is the Advanced Way to Display Your Taxonomy Terms vtrunk
2.2.2 2.2.1 2.2.0 trunk 1.40.0 1.40.2 1.41.0 1.42.1 1.43.0 1.43.1 1.43.10 1.43.10.1 1.43.2 1.43.3 1.43.4 1.43.5 1.43.6 1.43.7 1.43.9 1.44.0 1.44.1 1.44.3 1.44.3.1 2.0.0 2.0.1 All 36 releases
tag-groups / assets / css / backend.css

backend.css in Tag Groups is the Advanced Way to Display Your Taxonomy Terms trunk, at assets/css/backend.css

816 lines 15.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!
2 * Last modified: 2021/08/11 16:47:26
3 * Part of the WordPress plugin Tag Groups
4 * Plugin URI: https://chattymango.com/tag-groups/
5 * Author: Christoph Amthor
6 * License: GNU GENERAL PUBLIC LICENSE, Version 3
7 */
8 .tg_sort_tr {
9 cursor: grab;
10 transition: box-shadow 0.25s;
11 height: 50px;
12 width: 100%;
13 }
14
15 .tg_sort_tr.ui-sortable-helper td {
16 min-width: 100px;
17 }
18
19 .tg_sort_tr.ui-sortable-helper .tg_hide_when_drag {
20 visibility: hidden;
21 }
22
23 .tg_sort_tr:hover {
24 box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.16);
25 }
26
27 .ui-sortable-helper {
28 cursor: grabbing;
29 }
30
31 .tg_pointer {
32 cursor: pointer;
33 }
34
35 .tg_right {
36 float: right;
37 }
38
39 .tg_left {
40 float: left;
41 }
42
43 .tg_text {
44 cursor: text;
45 }
46
47 .tg_large {
48 font-size: 2em;
49 }
50
51 .tg_up,
52 .tg_down {
53 font-size: 30px;
54 }
55
56 .tg_inactive {
57 opacity: 0.3;
58 }
59
60 .tg_update_alert {
61 color: #e33;
62 }
63
64 .tg_groups_table {
65 border-spacing: 0 2px !important;
66 }
67
68 .tg_groups_table > tbody > tr:nth-child(4n + 1) td {
69 background-color: #f9f9f9;
70 }
71
72 .tg_groups_table td {
73 vertical-align: middle;
74 }
75
76 .tg_truncate {
77 max-width: 400px;
78 white-space: nowrap;
79 overflow: hidden;
80 text-overflow: ellipsis;
81 }
82
83 .tg_ask_delete {
84 background-color: #ff6630;
85 }
86
87 .tg_pager_button,
88 .tg_reload_button {
89 height: 40px !important;
90 padding: 5px 10px !important;
91 line-height: 30px !important;
92 float: left;
93 }
94
95 .tg_pager_button span,
96 .tg_reload_button span {
97 line-height: inherit;
98 }
99
100 .tg_label_column {
101 width: 300px;
102 }
103
104 .tg_new_group_row {
105 height: 45px;
106 background-color: #ffc;
107 }
108
109 #tg_pager_container {
110 height: 50px;
111 margin: 5px;
112 }
113
114 #tg_pager_container_adjuster {
115 position: relative;
116 overflow: hidden;
117 }
118
119 .tg_no_underline {
120 text-decoration: none;
121 }
122
123 .tg_no_underline:link {
124 text-decoration: none;
125 }
126
127 .box-tg-accordion .tg_admin_accordion {
128 display: grid;
129 grid-template-columns: 1fr 1fr;
130 }
131
132 .box-tg-accordion .tg_admin_accordion > div {
133 display: grid;
134 grid-template-columns: 1fr;
135 box-sizing: border-box;
136 padding: 20px;
137 border: 1px solid #ccc;
138 }
139
140 .tg_admin_accordion .ui-accordion-content {
141 background-color: #fff;
142 }
143
144 .box-tg-accordion .tg_admin_accordion .ui-accordion-content{
145 grid-column: 1 / -1;
146 }
147
148 .box-tg-accordion .tg_admin_accordion h4 {
149 display: flex !important;
150 flex-wrap: wrap;
151 cursor: pointer;
152 padding: 10px;
153 margin: 10px;
154 background-color: #f8f8f8;
155 border: 1px solid #ddd;
156 border-radius: 4px;
157 }
158
159 .box-tg-accordion .tg_admin_accordion h4:hover {
160 background-color: #e0e0e0;
161 }
162
163 .box-tg-accordion .tg_admin_accordion h4 span.dashicons {
164 margin-right: 10px;
165 font-size: 20px;
166 }
167
168 @media (max-width: 480px) {
169 .box-tg-accordion .tg_admin_accordion {
170 grid-template-columns: 1fr;
171 }
172 }
173
174 /*
175 .ui-icon {
176 text-indent: 0px !important;
177 } */
178 .tg_faded {
179 color: #999;
180 }
181
182 .tg_mouseover {
183 color: transparent;
184 }
185
186 .tg_mouseover:hover {
187 color: #000;
188 }
189
190 .tg_term_amounts {
191 min-width: 50px;
192 display: inline-block;
193 }
194
195 .SumoSelect label {
196 margin: 0 !important;
197 line-height: 1.1em !important;
198 }
199
200 .SumoSelect .select-all {
201 line-height: 12px;
202 }
203
204 /* SumoSelect menu should not cover "Add new tag" button */
205 .SumoUnder {
206 height: 1em !important;
207 }
208
209 .tg_list {
210 list-style-type: disc !important;
211 }
212
213 .tg_list li {
214 margin-left: 20px;
215 }
216
217 .chatty-mango-help-icon {
218 margin: 0;
219 cursor: pointer;
220 /* float: right; */
221 font-size: 20px;
222 }
223
224 .chatty-mango-help-container {
225 background-color: #fff;
226 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
227 padding: 10px;
228 margin: 20px 0;
229 clear: both;
230 display: block;
231 }
232
233 .chatty-mango-settings-container {
234 clear: both;
235 }
236
237 .tg_settings_tabs_content {
238 margin: 20px 10px;
239 }
240
241 .chatty-mango-settings-columns {
242 -webkit-columns: 2 400px;
243 -moz-columns: 2 400px;
244 columns: 2 400px;
245 margin: 10px;
246 }
247
248 .chatty-mango-settings-columns > div {
249 display: inline-block;
250 width: 100%;
251 }
252
253 .tg_social_media_admin {
254 margin: 10px;
255 text-decoration: none;
256 }
257
258 .tg_social_media_admin:link {
259 margin: 10px;
260 text-decoration: none;
261 }
262
263 .tg_social_media_admin span {
264 font-size: 2em;
265 }
266
267 .tg_setting_help_search_results_inner {
268 margin: 10px 0;
269 padding: 10px;
270 background-color: #f9f9f9;
271 }
272
273 #tg_setting_help_search {
274 margin-bottom: 10px;
275 clear: both;
276 float: left;
277 width: 100%;
278 }
279
280 #tg_setting_help_search_results {
281 clear: both;
282 }
283
284 .tg_setting_help_search_icon {
285 font-size: 25px;
286 margin: 0 5px;
287 }
288
289 #tg_setting_help_nothing_found {
290 margin: 10px;
291 }
292
293 #tg_message_container {
294 width: 100%;
295 display: inline-block;
296 margin: 0;
297 padding: 0;
298 }
299
300 #tg_tools_accordion {
301 margin: 20px 0;
302 }
303
304 .tg_tools_accordion_container {
305 padding: 10px;
306 /* prevent jumping */
307 }
308
309 .tg_tools_accordion_content {
310 margin: 20px 0;
311 }
312
313 .tg-alert-rounded {
314 background-color: #fff;
315 margin: 10px 0 20px;
316 padding: 5px 0;
317 float: left;
318 width: 100%;
319 border-radius: 7px;
320 }
321
322 .tg-onboarding-container {
323 background-color: #fefefe;
324 /* box-shadow: 0 1px 2px rgba( 0,0,0,0.2 ); */
325 /* background-color: #FEFEFE; */
326 border-top: #ddd 2px solid;
327 border-right: #ccc 3px solid;
328 border-bottom: #ccc 3px solid;
329 border-left: #ddd 2px solid;
330 padding: 20px;
331 margin: 20px 0;
332 clear: both;
333 display: block;
334 border-radius: 7px;
335 font-size: 15px !important;
336 }
337
338 .tg-onboarding-container p {
339 font-size: 15px !important;
340 }
341
342 .tag-groups-wizard-submit {
343 font-size: 15px !important;
344 }
345
346 .tag-groups-steps li {
347 display: inline-block;
348 padding: 0px 10px;
349 margin: 0;
350 }
351
352 .tag-groups-steps span {
353 margin-right: 10px;
354 }
355
356 .tag-groups-steps a {
357 text-decoration: none;
358 }
359
360 .tag-groups-wizard-submit {
361 margin: 50px 0 0 80% !important;
362 }
363
364 .tag-groups-wizard-example {
365 margin: 10px;
366 border: solid 2px #ccc;
367 padding: 1px;
368 border-radius: 7px;
369 }
370
371 .tag-groups-wizard-box {
372 margin: 20px 10px;
373 padding: 40px;
374 background-color: #fefefe;
375 border-top: #ddd 2px solid;
376 border-right: #ccc 3px solid;
377 border-bottom: #ccc 3px solid;
378 border-left: #ddd 2px solid;
379 border-radius: 7px;
380 font-size: 16px;
381 }
382
383 .tag-groups-wizard-box p {
384 font-size: 16px;
385 }
386
387 /* Progress bar */
388 #tag_groups_tasks_final_words_error,
389 #tag_groups_tasks_final_words_success {
390 margin: 20px 0 20px;
391 }
392
393 #tag_groups_tasks_final_words_error span,
394 #tag_groups_tasks_final_words_success span {
395 float: right;
396 margin: 0 20px;
397 }
398
399 .tag_groups_task_wrapper {
400 width: 100%;
401 padding-top: 20px;
402 }
403
404 .tag_groups_process_bar_wrapper {
405 width: auto;
406 height: 20px;
407 border: solid 1px #666;
408 margin: 20px;
409 border-radius: 4px;
410 }
411
412 .tag_groups_process_bar {
413 width: 0%;
414 height: 100%;
415 background-color: #f7a92f;
416 background-image: linear-gradient(to bottom, #f7a92f, #db941e);
417 float: left;
418 text-align: center;
419 border-radius: 4px;
420 }
421
422 .tag_groups_process_result {
423 width: auto;
424 height: 20px;
425 }
426
427 .tg_premium_backend_main_box {
428 background-color: #fff;
429 float: left;
430 max-width: 95%;
431 min-width: 700px;
432 margin-top: 30px;
433 border-radius: 5px;
434 font-size: 1.1em;
435 line-height: 1.7em;
436 padding: 10px;
437 }
438
439 .tg_premium_backend_main_box p {
440 font-size: 1.1em;
441 line-height: 1.7em;
442 }
443
444 .tg_premium_backend_main_box h1 {
445 font-size: 28px;
446 font-weight: 600;
447 }
448
449 .tg_premium_backend_main_box img {
450 max-width: 100%;
451 }
452
453 .tg_premium_backend_main_box .ui-tabs .ui-tabs-nav li.ui-tabs-active {
454 padding-bottom: 0;
455 margin-bottom: 3px;
456 }
457
458 /* .tg_premium_backend_banner {
459 margin: 20px 0 40px;
460 } */
461 .tg_premium_backend_logo,
462 .tg_onboarding_logo {
463 border: solid 2px #ccc;
464 padding: 1px;
465 border-radius: 7px;
466 }
467
468 .tg_premium_backend_call_to_action {
469 margin: 50px 10px 20px;
470 }
471
472 .tg_premium_backend_call_to_action h3 {
473 color: #009cd0;
474 font-size: 28px;
475 line-height: 40px;
476 }
477
478 .tg_premium_backend_call_to_action_button {
479 border-radius: 7px;
480 border: 2px solid #009cd0;
481 color: #009cd0;
482 margin: 0 0.25em;
483 overflow: hidden;
484 padding: 24px 16px 24px 16px;
485 position: relative;
486 text-decoration: none;
487 line-height: 1;
488 font-size: 20px;
489 float: right;
490 }
491
492 .tg_premium_backend_call_to_action_button:hover {
493 background-color: #009cd0;
494 color: #fff;
495 }
496
497 .tg_premium_backend_right_image_box {
498 float: right;
499 margin: 10px;
500 text-align: center;
501 }
502
503 .tg_premium_backend_right_image {
504 border-radius: 7px;
505 width: 298px;
506 height: 400px;
507 clear: both;
508 }
509
510 .tg_premium_backend_right_image_box_caption,
511 .tg_premium_backend_bottom_image_box_caption {
512 margin: 0 10px;
513 }
514
515 .tg_premium_backend_bottom_image_box {
516 margin: 20px 0;
517 float: left;
518 }
519
520 .tg_premium_backend_bottom_image {
521 width: 800px;
522 clear: both;
523 border-radius: 7px;
524 }
525
526 /* development news */
527 .tag_groups_feed_item {
528 padding-bottom: 20px;
529 margin-bottom: 20px;
530 border-bottom: 1px solid #ddd;
531 }
532
533 .tag_groups_feed_image {
534 padding: 10px 10px 10px;
535 text-align: center;
536 float: left;
537 width: 350px;
538 }
539
540 .tag_groups_feed_text {
541 padding: 10px 10px 10px;
542 float: left;
543 width: 500px;
544 }
545
546 .tg_is_parent td {
547 font-variant-caps: small-caps;
548 font-size: 1.2em;
549 }
550
551 .tg_is_parent td:not(.tg_ask_delete) {
552 background-color: #dfdfdf !important;
553 }
554
555 .tg_child_label {
556 margin-left: 20px;
557 }
558
559 #tg_premium_presentation_tabs ul li a {
560 font-size: 0.9em;
561 }
562
563 .tag-groups-tooltip.ui-tooltip,
564 .tag-groups-tooltip .arrow:after {
565 background: #ea9c21;
566 border: 1px solid #666;
567 }
568
569 .tag-groups-tooltip.ui-tooltip {
570 color: black;
571 border-radius: 20px;
572 box-shadow: 3px 3px 7px #505050;
573 font-weight: 200;
574 letter-spacing: 0.1em;
575 text-transform: none;
576 padding: 8px;
577 position: absolute;
578 z-index: 100000;
579 /* just above the WP admin toolbar */
580 max-width: 300px;
581 opacity: 1;
582 }
583
584 .tag-groups-tooltip .arrow {
585 width: 70px;
586 height: 16px;
587 overflow: hidden;
588 position: absolute;
589 left: 50%;
590 margin-left: -35px;
591 bottom: -16px;
592 opacity: 1;
593 }
594
595 .tag-groups-tooltip .arrow.top {
596 top: -16px;
597 bottom: auto;
598 }
599
600 .tag-groups-tooltip .arrow.left {
601 left: 20%;
602 }
603
604 .tag-groups-tooltip .arrow:after {
605 content: "";
606 position: absolute;
607 left: 20px;
608 top: -20px;
609 width: 25px;
610 height: 25px;
611 box-shadow: 6px 5px 9px -9px black;
612 -webkit-transform: rotate(45deg);
613 -ms-transform: rotate(45deg);
614 transform: rotate(45deg);
615 }
616
617 .tag-groups-tooltip .arrow.top:after {
618 bottom: -20px;
619 top: auto;
620 }
621
622 .tag-groups-advertisement-right-sidebar .upgrade-btn a {
623 background: #FCB223;
624 color: #000 !important;
625 font-weight: normal;
626 text-decoration: none;
627 padding: 9px 12px;
628 -webkit-border-radius: 4px;
629 -moz-border-radius: 4px;
630 border-radius: 4px;
631 box-sizing: border-box;
632 border: 1px solid #fca871;
633 break-inside: avoid;
634 white-space: nowrap;
635 }
636
637 .tag-groups-advertisement-right-sidebar .upgrade-btn a:hover {
638 background: #fcca46;
639 color: #000 !important;
640 }
641
642 .tag-groups-advertisement-right-sidebar h3.hndle {
643 font-size: 14px;
644 padding: 8px 12px;
645 margin: 0;
646 line-height: 1.4;
647 }
648
649
650
651 .tag-groups-advertisement-right-sidebar h3.hndle {
652 font-size: 14px;
653 padding: 8px 12px;
654 margin: 0;
655 line-height: 1.4;
656 }
657
658 .tag-groups-advertisement-right-sidebar .postbox-container .inside ul {
659 margin-bottom: 20px;
660 }
661
662 .tag-groups-advertisement-right-sidebar .postbox-container .inside ul li {
663 position: relative;
664 padding-left: 22px;
665 font-weight: 600;
666 font-size: .9em;
667 }
668
669 .tag-groups-advertisement-right-sidebar .postbox-container .inside ul li:before {
670 content: "";
671 position: absolute;
672 top: 0;
673 right: 0;
674 bottom: 0;
675 left: 0;
676 z-index: 0;
677 background-color: #3C50FF;
678 mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/></svg>");
679 -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/></svg>");
680 mask-size: 16px;
681 -webkit-mask-size: 16px;
682 mask-repeat: no-repeat;
683 -webkit-mask-repeat: no-repeat;
684 mask-position: left;
685 -webkit-mask-position: left;
686 }
687
688 .tag-groups-advertisement-right-sidebar a.advert-link,
689 .tag-groups-content-promo-box a.advert-link {
690 display: block;
691 margin-top: 10px;
692 font-size: 1em;
693 }
694
695 .tag-groups-advertisement-right-sidebar .advertisement-box-header,
696 .tag-groups-content-promo-box .advertisement-box-header {
697 background: #1F48AC;
698 color: #ffffff;
699 }
700
701 .tag-groups-advertisement-right-sidebar .advertisement-box-content,
702 .tag-groups-content-promo-box.advertisement-box-content {
703 border: 1px solid #1F48AC;
704 }
705
706 body[class*=' toplevel_page_tag-groups-settings'] .pp-version-notice-bold-purple,
707 body[class*=' tag-groups_page'] .pp-version-notice-bold-purple,
708 body[class*=' posts_page_tag-groups_post'] .pp-version-notice-bold-purple {
709 background: #1F48AC;
710 }
711
712 .footer_st {
713 text-align: center;
714 font-size: 14px !important;
715 }
716
717 .tg-settings-search-area {
718 margin-top: 10px;
719 margin-bottom: 10px;
720 }
721
722 .tg-settings-search-area input {
723 box-shadow: 0 0 0 transparent;
724 border-radius: 4px;
725 border: 1px solid #8c8f94;
726 background-color: #fff;
727 color: #2c3338;
728 padding: 0 8px;
729 line-height: 2;
730 min-height: 30px;
731 width: 18%;
732 }
733
734 @media only screen and (min-width: 1075px) {
735 .tag-groups-advertisement-right-sidebar-message,
736 .upgrade-btn {
737 display: inline-block;
738 }
739
740 .tag-groups-advertisement-right-sidebar-message {
741 margin-right: 25px;
742 }
743 }
744
745 @media only screen and (max-width: 1074px) {
746 .tag-groups-advertisement-right-sidebar-message,
747 .upgrade-btn {
748 display: block;
749 }
750
751 .upgrade-btn {
752 margin-top: 20px;
753 }
754
755 .upgrade-btn a {
756 max-width: 170px;
757 }
758 }
759
760 .pp-version-notice-bold-purple.publishpress-tag-groups,
761 body.toplevel_page_tag-groups-settings .pp-version-notice-bold-purple,
762 body.posts_page_tag-groups_post .pp-version-notice-bold-purple,
763 body[class*="tag-groups_page_"] .pp-version-notice-bold-purple,
764 body[class*="_page_tag-groups_"] .pp-version-notice-bold-purple,
765 body[class*="tag-groups-settings"] .pp-version-notice-bold-purple {
766 background: #1F48AC !important;
767 }
768
769 body.toplevel_page_tag-groups-settings .pp-version-notice-bold-purple-button,
770 body.posts_page_tag-groups_post .pp-version-notice-bold-purple-button,
771 body[class*="tag-groups_page_"] .pp-version-notice-bold-purple-button,
772 body[class*="_page_tag-groups_"] .pp-version-notice-bold-purple-button,
773 body[class*="tag-groups-settings"] .pp-version-notice-bold-purple-button {
774 background: #F7A827 !important;
775 border-color: #d4900d !important;
776 }
777
778 body.toplevel_page_tag-groups-settings .pp-version-notice-bold-purple-button:hover,
779 body.posts_page_tag-groups_post .pp-version-notice-bold-purple-button:hover,
780 body[class*="tag-groups_page_"] .pp-version-notice-bold-purple-button:hover,
781 body[class*="_page_tag-groups_"] .pp-version-notice-bold-purple-button:hover,
782 body[class*="tag-groups-settings"] .pp-version-notice-bold-purple-button:hover {
783 background: #fcca46 !important;
784 }
785
786 #adminmenu .publishpress-tag-groups.pp-version-notice-upgrade-menu-item {
787 color: #F7A827 !important;
788 }
789
790 #adminmenu .publishpress-tag-groups.pp-version-notice-upgrade-menu-item:hover {
791 color: #fcca46 !important;
792 }
793
794 .tag-groups-wp-reviews-notice .button.button-primary {
795 background-color: #1F48AC !important;
796 border-color: #1a3d91 !important;
797 color: #fff !important;
798 }
799
800 .tag-groups-wp-reviews-notice .button.button-primary:hover,
801 .tag-groups-wp-reviews-notice .button.button-primary:focus {
802 background-color: #1a3d91 !important;
803 border-color: #153278 !important;
804 }
805
806 .tag-groups-wp-reviews-notice .button:not(.button-primary) {
807 border-color: #1F48AC !important;
808 color: #1F48AC !important;
809 }
810
811 .tag-groups-wp-reviews-notice .button:not(.button-primary):hover,
812 .tag-groups-wp-reviews-notice .button:not(.button-primary):focus {
813 border-color: #1a3d91 !important;
814 color: #1a3d91 !important;
815 }
816