PluginProbe
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI / 7.9.8
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI v7.9.8
8.0.4 8.0.3 8.0.1 8.0.2 8.0.0 7.9.9.7 7.9.9.6 7.9.9.5 7.9.9.4 7.9.9.3 7.9.9.2 7.9.9.1 7.9.9 7.9.8 7.9.7 7.9.6 7.9.5 7.9.4 7.9.3 7.9.2 7.9.1 7.9.0 7.8.9 7.8.8 7.8.7 All 46 releases
gamipress / assets / css / gamipress-admin.css

gamipress-admin.css in GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI 7.9.8, at assets/css/gamipress-admin.css

3,855 lines 93.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* -------------------------------------------
2 GamiPress Icon
3 ------------------------------------------- */
4
5 @font-face {
6 font-family: 'GamiPress';
7 src: url('../fonts/gamipress.eot?6ncb0e');
8 src: url('../fonts/gamipress.eot?6ncb0e#iefix') format('embedded-opentype'),
9 url('../fonts/gamipress.ttf?6ncb0e') format('truetype'),
10 url('../fonts/gamipress.woff?6ncb0e') format('woff'),
11 url('../fonts/gamipress.svg?6ncb0e#gamipress') format('svg');
12 font-weight: normal;
13 font-style: normal;
14 }
15
16 .dashicons-rank, .dashicons-rank:before,
17 .dashicons-gamipress, .dashicons-gamipress:before,
18 #dashboard-widgets #gamipress h2:before,
19 .widget[id*="_gamipress_"] .widget-title h3:before {
20 font-family: 'GamiPress' !important;
21 speak: none;
22 font-style: normal;
23 font-weight: normal;
24 font-variant: normal;
25 text-transform: none;
26 line-height: 1;
27
28 -webkit-font-smoothing: antialiased;
29 -moz-osx-font-smoothing: grayscale;
30
31 content: "\e900";
32 }
33
34 .dashicons-rank, .dashicons-rank:before {
35 content: "\e901";
36 }
37
38 .profile-php h2 .dashicons-gamipress {
39 color: #0098d7;
40 vertical-align: bottom;
41 }
42
43 .wp-media-buttons-icon.dashicons-gamipress,
44 .wp-media-buttons-icon.dashicons-gamipress:before {
45 color: #0098d7;
46 /*line-height: 18px !important;*/
47 }
48
49 #dashboard-widgets #gamipress h2 {
50 justify-content: flex-start;
51 }
52
53 #dashboard-widgets #gamipress h2:before,
54 .widget[id*="_gamipress_"] .widget-title h3:before {
55 display: inline-block;
56 width: 20px;
57 height: 10px;
58 font-size: 20px;
59 line-height: 8px;
60 vertical-align: middle;
61 text-align: center;
62 margin-right: 2px;
63 color: #0098d7;
64 }
65
66 /* Admin Menu */
67 .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(3),
68 .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(6),
69 .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(8),
70 .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(11),
71 .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(14) {
72 border-top: 1px solid #666;
73 }
74
75 /* -------------------------------------------
76 Utils
77 ------------------------------------------- */
78
79 /* No padding utility */
80 .gamipress-no-pad {
81 padding: 0 !important;
82 }
83
84 /* Label utility */
85 .gamipress-label-info,
86 .gamipress-label-success,
87 .gamipress-label-warning,
88 .gamipress-label-danger {
89 color: #fff;
90 padding: 1px 5px;
91 font-size: 12px;
92 font-weight: 500;
93 border-radius: 2px;
94 }
95
96 .gamipress-label-info {
97 background-color: #00a0d2;
98 }
99
100 .gamipress-label-success {
101 background-color: #46b450;
102 }
103
104 .gamipress-label-warning {
105 background-color: #ffb900;
106 }
107 .gamipress-label-danger {
108 background-color: #dc3232;
109 }
110
111 /* -------------------------------------------
112 Buttons
113 ------------------------------------------- */
114 .button.gamipress-button-success {
115 background: #46b450;
116 border: #46b450;
117 color: #fff;
118 }
119
120 .button.gamipress-button-success:hover {
121 background: #40a549;
122 border: #40a549;
123 color: #fff;
124 }
125
126 .button.gamipress-button-success:focus,
127 .button.gamipress-button-success:active {
128 background: #399341;
129 border: #399341;
130 color: #fff;
131 }
132
133 .button.gamipress-button-danger {
134 background: #e15151;
135 border: #e15151;
136 color: #fff;
137 }
138
139 .button.gamipress-button-danger:hover {
140 background: #de3b3b;
141 border: #de3b3b;
142 color: #fff;
143 }
144
145 .button.gamipress-button-danger:focus,
146 .button.gamipress-button-danger:active {
147 background: #da2525;
148 border: #da2525;
149 color: #fff;
150 }
151
152 /* -------------------------------------------
153 Dashboard widgets
154 ------------------------------------------- */
155
156 #dashboard-widgets #gamipress .inside {
157 margin-top: 0;
158 }
159
160 #dashboard-widgets #gamipress h3 {
161 border-bottom: 1px solid #eee;
162 border-top: 1px solid #eee;
163 clear: both;
164 margin: 0 -12px;
165 padding: 6px 12px;
166 background-color: #fafafa;
167 }
168
169 #dashboard-widgets #gamipress h3 a {
170 text-decoration: none;
171 }
172
173 #dashboard-widgets #gamipress h3 .dashicons {
174 color: #82878c;
175 vertical-align: bottom;
176 }
177
178 #dashboard-widgets #gamipress h3:first-child {
179 border-top: 0;
180 }
181
182 #dashboard-widgets #gamipress .gamipress-registered-achievements ul:after,
183 #dashboard-widgets #gamipress .gamipress-registered-points ul:after,
184 #dashboard-widgets #gamipress .gamipress-registered-ranks ul:after {
185 content: "";
186 display: block;
187 clear: both;
188 }
189
190 #dashboard-widgets #gamipress .gamipress-registered-achievements li,
191 #dashboard-widgets #gamipress .gamipress-registered-points li,
192 #dashboard-widgets #gamipress .gamipress-registered-ranks li {
193 float: left;
194 width: 50%;
195 margin-top: 0;
196 }
197
198 #dashboard-widgets #gamipress .gamipress-latest-earnings ul {
199 margin: 0 -12px -12px;
200 }
201
202 #dashboard-widgets #gamipress .gamipress-latest-earnings ul li {
203 margin: 0;
204 padding: 4px 12px;
205 border-bottom: 1px solid #eee;
206 }
207
208 #dashboard-widgets #gamipress .gamipress-latest-earnings ul li:nth-child(2n) {
209 background-color: #fafafa;
210 }
211
212 #dashboard-widgets #gamipress .gamipress-latest-earnings ul li:last-child {
213 border-bottom: none;
214 }
215
216 #dashboard-widgets #gamipress .gamipress-latest-earnings ul li span {
217 color: #72777c;
218 }
219
220 #dashboard-widgets #gamipress .gamipress-latest-earnings li:nth-child(odd) {
221 background-color: #f6f7f7;
222 }
223
224 #dashboard-widgets #gamipress .gamipress-latest-earnings ul li span {
225 display: block;
226 text-align: right;
227 }
228
229 #dashboard-widgets #gamipress .gamipress-latest-earnings a.gamipress-latest-earnings-view-all {
230 display: block;
231 margin: 22px 0 0 0;
232 text-align: center;
233 }
234
235 /* -------------------------------------------
236 Meta Boxes (CMB2)
237 ------------------------------------------- */
238
239 .cmb2-postbox .cmb2-wrap.gamipress-box-form > .cmb-field-list > .cmb-row, .cmb-type-group .cmb2-wrap.gamipress-box-form > .cmb-field-list > .cmb-row {
240 padding: 1em 0;
241 border: none;
242 }
243
244 .gamipress-box-form .cmb-repeatable-group .cmb-th h2 {
245 font-weight: 600;
246 }
247
248 .gamipress-box-form .cmb-row.cmb-repeat .cmb2-metabox-description {
249 font-weight: normal;
250 color: #aaaaaa;
251 padding-left: 12px;
252 }
253
254 .gamipress-box-form .cmb-repeatable-group .postbox {
255 border-radius: 0;
256 }
257
258 .gamipress-box-form .cmb-repeatable-group .cmb-group-title {
259 background-color: #fafafa;
260 }
261
262 .gamipress-box-form .cmb-repeatable-group .postbox:not(.closed) .cmb-group-title {
263 border-bottom: 1px solid #e9e9e9;
264 }
265
266 .gamipress-form .cmb2-char-counter,
267 .gamipress-page .cmb2-char-counter {
268 border: none;
269 min-height: 24px;
270 padding: 0 4px;
271 text-align: center;
272 font-weight: 500;
273 vertical-align: baseline;
274 }
275
276 .gamipress-form .cmb2-char-counter:focus,
277 .gamipress-page .cmb2-char-counter:focus {
278 background-color: #eee;
279 border: none;
280 outline: none;
281 box-shadow: none;
282 }
283
284 .gamipress-form .wp-picker-container .wp-color-result .color-alpha {
285 height: 28px !important;
286 width: 28px !important;
287 border-radius: 100% !important;
288 }
289
290 /* Compatibility fix between CMB2 & WP 7.0 */
291 .cmb2-wrap input[type=radio]:checked:focus {
292 background: var(--wp-admin-theme-color);
293 }
294
295 @media only screen and (min-width: 850px) {
296
297 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th label {
298 font-weight: 600;
299 }
300
301 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th label:after,
302 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row {
303 border: none;
304 }
305
306 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row:first-child {
307 padding-top: 0;
308 }
309
310 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row,
311 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row .cmb2-metabox-description,
312 #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th {
313 padding-bottom: 0;
314 }
315
316 }
317
318 /* Points/achievement/rank types edit screen */
319 .post-type-points-type #post-body #post-body-content,
320 .post-type-achievement-type #post-body #post-body-content,
321 .post-type-rank-type #post-body #post-body-content {
322 display: none;
323 }
324
325 /* Inline points image */
326 img.gamipress-points-thumbnail-inline {
327 height: 1.1em;
328 width: auto;
329 vertical-align: middle !important;
330 margin-top: -0.3em;
331 }
332
333 /* -------------------------------------------
334 Requirements UI
335 ------------------------------------------- */
336
337 #gamipress-requirements-ui .inside,
338 .postbox[id^="gamipress-requirements-ui-"] .inside {
339 background-color: #f0f0f1;
340 }
341
342 .block-editor-page #gamipress-requirements-ui .inside,
343 .block-editor-page .postbox[id^="gamipress-requirements-ui-"] .inside {
344 border-top: 1px solid #ddd;
345 }
346
347 body:not(.block-editor-page) #gamipress-requirements-ui,
348 body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] {
349 border: none;
350 box-shadow: none;
351 }
352
353 body:not(.block-editor-page) #gamipress-requirements-ui .postbox-header,
354 body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] .postbox-header {
355 border: 1px solid #c3c4c7;
356 }
357
358 body:not(.block-editor-page) #gamipress-requirements-ui .inside,
359 body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] .inside {
360 padding: 6px 0 6px 0;
361 margin: 0 !important;
362 }
363
364 #gamipress-requirements-ui .spinner,
365 .postbox[id^="gamipress-requirements-ui-"] .spinner {
366 float: none;
367 margin-top: 0;
368 }
369
370 .gamipress-requirements-sequential {
371 position: relative;
372 display: inline-block;
373 margin-left: 5px;
374 }
375
376 .gamipress-requirements-sequential label {
377 color: #888;
378 font-style: italic;
379 margin-left: 45px;
380 }
381
382 li.requirement-row {
383 background: #fff;
384 border: 1px solid #c3c4c7;
385 padding: 15px;
386 margin: 0;
387 position: relative;
388 }
389
390 li.requirement-row.ui-sortable-placeholder {
391 visibility: visible !important;
392 background-color: #e0e0e1;
393 }
394
395 li.requirement-row.ui-sortable-helper {
396 z-index: 2 !important;
397 }
398
399 li.requirement-row:not(:first-child) {
400 margin-top: 8px;
401 }
402
403 li.requirement-row .requirement-header {
404 background: #fafafa;
405 border-bottom: 1px solid #c3c4c7;
406 margin: -15px -15px 15px -15px;
407 cursor: move;
408 }
409
410 li.requirement-row .requirement-header .requirement-header-title {
411 display: inline-block;
412 font-size: 14px;
413 line-height: 1.4;
414 padding: 8px 12px;
415 min-height: 15px;
416 font-weight: 600;
417 }
418
419 li.requirement-row .requirement-header .requirement-header-title .requirement-order {
420 color: #72777c;
421 }
422
423 li.requirement-row .requirement-header .requirement-header-title .requirement-unsaved-changes {
424 color: #ffb900;
425 height: 17px;
426 }
427
428 li.requirement-row .requirement-header .requirement-actions {
429 display: flex;
430 float: right;
431 }
432
433 li.requirement-row .requirement-header .requirement-actions .requirement-action {
434 cursor: pointer;
435 padding: 8px;
436 color: #72777c;
437 }
438
439 li.requirement-row .requirement-header .requirement-actions .requirement-action:hover {
440 color: #444;
441 }
442
443 li.requirement-row .requirement-header .requirement-actions .requirement-action:not(:first-child) {
444 border-left: 1px solid #c3c4c7;
445 }
446
447 li.requirement-row .requirement-header .requirement-actions .requirement-action-change-status {
448 position: relative;
449 }
450
451 li.requirement-row .requirement-actions .requirement-action.requirement-action-delete {
452 color: #ca4a1f;
453 }
454
455 li.requirement-row .requirement-actions .requirement-action.requirement-action-delete:hover {
456 color: #a00;
457 }
458
459 li.requirement-row .required-duration {
460 text-align: right;
461 }
462
463 li.requirement-row .requirement-awards,
464 li.requirement-row .requirement-optional,
465 li.requirement-row .requirement-url,
466 li.requirement-row .requirement-title {
467 display: block;
468 padding-top: 5px;
469 }
470
471 li.requirement-row .points-required {
472 width: 100px;
473 }
474
475 li.requirement-row .count,
476 li.requirement-row .limit,
477 li.requirement-row .maximum-earnings {
478 max-width: 60px;
479 }
480
481 li.requirement-row .requirement-optional {
482 float: right;
483 }
484
485 li.requirement-row .requirement-optional > label {
486 display: none;
487 }
488
489 li.requirement-row .requirement-optional select.optional-selected {
490 background: #11a0d2 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
491 border-color: #11a0d2;
492 color: #fff;
493 }
494
495 li.requirement-row .requirement-optional select.optional-selected:hover,
496 li.requirement-row .requirement-optional select.optional-selected:focus,
497 li.requirement-row .requirement-optional select.optional-selected:active {
498 background-color: #0f8ebd;
499 border-color: #0f8ebd;
500 }
501
502 li.requirement-row .requirement-title {
503 width: 100%;
504 }
505
506 li.requirement-row .requirement-optional + .requirement-title {
507 width: calc( 100% - 95px);
508 }
509
510 li.requirement-row .url,
511 li.requirement-row .title {
512 width: calc( 100% - 58px );
513 }
514
515 li.requirement-row input, li.requirement-row select, li.requirement-row textarea {
516 vertical-align: middle;
517 background-color: #f0f0f0;
518 border-color: #f0f0f0;
519 }
520
521 li.requirement-row input:hover, li.requirement-row select:hover, li.requirement-row textarea:hover,
522 li.requirement-row input:focus, li.requirement-row select:focus, li.requirement-row textarea:focus,
523 li.requirement-row input:active, li.requirement-row select:active, li.requirement-row textarea:active {
524 background-color: #e0e0e0;
525 }
526
527 li.requirement-row input::placeholder {
528 color: #888;
529 }
530
531 li.requirement-row input[readonly] {
532 color: #fff;
533 background-color: #333;
534 }
535
536 li.requirement-row input[readonly]:hover,
537 li.requirement-row input[readonly]:focus,
538 li.requirement-row input[readonly]:active {
539 background-color: #222;
540 }
541
542 li.requirement-row .gamipress-select2 .select2-selection {
543 background-color: #f0f0f0 !important;
544 border: 1px solid #f0f0f0 !important;
545 box-shadow: none !important;
546 height: 40px;
547 }
548
549 li.requirement-row .gamipress-select2 .select2-selection--single .select2-selection__arrow {
550 background-color: #f0f0f0 !important;
551 height: 40px;
552 }
553
554 li.requirement-row .gamipress-select2 .select2-selection--single .select2-selection__rendered {
555 line-height: 40px;
556 }
557
558 li.requirement-row label {
559 width: 50px;
560 display: inline-block;
561 margin-top: 5px;
562 margin-bottom: 5px;
563 vertical-align: top;
564 }
565
566 li.requirement-row.requirement-disabled {
567 color: rgba( 51, 51, 51, 0.5 );
568 }
569
570 .gamipress-add-requirement {
571 margin-right: 6px !important;
572 }
573
574 .gamipress-add-requirement .dashicons,
575 .gamipress-save-requirements .dashicons {
576 line-height: 2 !important;
577 opacity: 0.8;
578 margin-right: 4px;
579 margin-left: -4px;
580 }
581
582 /* Requirements UI Mobile */
583 @media screen and (max-width: 782px) {
584 li.requirement-row {
585 font-size: 16px;
586 }
587
588 li.requirement-row label {
589 padding: 10px 0;
590 width: 100%;
591 margin: 0;
592 }
593
594 li.requirement-row label:first-child {
595 padding-top: 0;
596 }
597
598 li.requirement-row .requirement-optional + .requirement-title {
599 width: calc( 100% - 110px);
600 }
601
602 li.requirement-row .title {
603 width: 100%;
604 }
605
606 li.requirement-row .requirement-optional {
607 margin-top: 37px;
608 }
609
610 .button.gamipress-add-requirement {
611 min-height: 30px;
612 line-height: 2.2;
613 }
614 }
615
616 /* -------------------------------------------
617 Earners meta box
618 ------------------------------------------- */
619 #gamipress-earners .inside {
620 padding: 0;
621 }
622
623 #gamipress-earners .ct-ajax-list-table {
624 margin: 0;
625 }
626
627 #gamipress-earners .ct-ajax-list-table .tablenav {
628 margin-right: 12px;
629 }
630
631 #gamipress-earners .ct-ajax-list-table .tablenav input {
632 vertical-align: baseline;
633 }
634
635 body:not(.block-editor-page) #gamipress-earners .ct-ajax-list-table .wp-list-table {
636 border-left: 0;
637 border-right: 0;
638 }
639
640 /* -------------------------------------------
641 Log edit screen
642 ------------------------------------------- */
643
644 /* Make title appear like WordPress title */
645 #gamipress-log-title.postbox {
646 border: 0;
647 box-shadow: none;
648 background: transparent;
649 }
650
651 #gamipress-log-title .handlediv,
652 #gamipress-log-title .hndle,
653 #gamipress-log-title .postbox-header,
654 #gamipress-log-title .cmb-th {
655 display: none;
656 }
657
658 #gamipress-log-title .inside {
659 padding: 0;
660 margin: 0;
661 }
662
663 #gamipress-log-title .cmb-td {
664 width: 100%;
665 max-width: 100% !important;
666 padding: 0;
667 }
668
669 #gamipress-log-title .cmb-td input {
670 padding: 3px 8px;
671 font-size: 1.7em;
672 line-height: 100%;
673 height: 1.7em;
674 width: 100%;
675 outline: none;
676 margin: 0 0 3px;
677 background-color: #fff;
678 }
679
680 .gamipress-pattern-tags-list,
681 .gamipress-log-pattern-tags-list {
682 color: #aaaaaa;
683 font-style: italic;
684 margin: 0;
685 padding-top: .5em;
686 }
687
688 .gamipress-pattern-tags-list li,
689 .gamipress-log-pattern-tags-list li {
690 font-size: 13px !important;
691 }
692
693 .gamipress-pattern-tags-list code,
694 .gamipress-log-pattern-tags-list code {
695 color: #444;
696 padding: 3px 2px 2px 2px;
697 }
698
699 .gamipress-pattern-tags-list li strong,
700 .gamipress-log-pattern-tags-list li strong {
701 color: #444;
702 }
703
704 .gamipress-pattern-tags-list li span,
705 .gamipress-log-pattern-tags-list li span {
706 color: #444;
707 font-style: normal;
708 }
709
710 @media screen and (max-width: 782px) {
711 #log-extra-data-ui .cmb-td {
712 padding-left: 0;
713 }
714 }
715
716 /* -------------------------------------------
717 Post lists
718 ------------------------------------------- */
719
720 .gamipress-post-type .wp-list-table .column-thumbnail {
721 width: 40px;
722 text-align: center;
723 padding-right: 0;
724 }
725
726 .gamipress-post-type .wp-list-table .column-post_id {
727 width: 40px;
728 }
729
730 @media screen and (max-width: 782px) {
731
732 .gamipress-post-type .wp-list-table .is-expanded td.column-thumbnail {
733 display: table-cell !important;
734 }
735
736 .gamipress-post-type .wp-list-table .column-thumbnail:before {
737 display: none !important;
738 }
739
740 .gamipress-post-type .wp-list-table .column-thumbnail + .column-title {
741 display: table-cell !important;
742 /*min-width: calc( 100% - 75px ) !important; /* 35px from cb and 40 px from thumbnail */
743 }
744
745 .gamipress-post-type .wp-list-table .is-expanded td:not(.hidden):not(.column-thumbnail):not(.column-title) {
746 margin-left: -40px;
747 }
748
749 }
750
751 /* -------------------------------------------
752 User Profile
753 ------------------------------------------- */
754
755 .gamipress-table th {
756 font-weight: bold;
757 padding: 8px 10px;
758 }
759 .gamipress-table a.error,
760 .gamipress_user_earnings a.error {
761 color: #a00;
762 }
763
764 .wp-list-table.gamipress_user_earnings .column-name img,
765 .wp-list-table.gamipress_user_earnings .column-user_id img {
766 float: left;
767 margin-right: 10px;
768 }
769
770 .wp-list-table.gamipress_user_earnings .column-user_id img {
771 border-radius: 50%;
772 }
773
774 .wp-list-table.gamipress_user_earnings .column-points {
775 width: 12%;
776 }
777
778 .wp-list-table.gamipress_user_earnings .column-action {
779 width: 10%;
780 }
781
782 .gamipress-profile-cards {
783 display: -webkit-box;
784 display: -webkit-flex;
785 display: -ms-flexbox;
786 display: flex;
787 -webkit-flex-wrap: wrap;
788 -ms-flex-wrap: wrap;
789 flex-wrap: wrap;
790 }
791
792 .gamipress-profile-cards .gamipress-profile-card-wrapper {
793 width: 100%;
794 display: flex;
795 }
796
797 .gamipress-profile-cards .gamipress-profile-card-wrapper .gamipress-profile-card {
798 width: 100%;
799 border: 1px solid #e5e5e5;
800 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
801 background: #fff;
802 padding: 6px 12px 12px 12px;
803 margin-right: 8px;
804 margin-bottom: 8px;
805 }
806
807 @media screen and (min-width: 782px) {
808 .gamipress-profile-cards .gamipress-profile-card-wrapper {
809 width: 25%;
810 }
811 }
812
813 .profile-points label {
814 font-weight: 500;
815 }
816
817 .profile-rank select,
818 .profile-rank .description,
819 .profile-points .description {
820 display: block;
821 margin-top: 5px;
822 color: #757575;
823 font-style: italic;
824 }
825
826 .profile-points input {
827 width: 100%;
828 margin-top: 5px;
829 }
830
831 .profile-rank .profile-rank-type-name,
832 .profile-points .profile-points-type-name {
833 display: block;
834 margin-bottom: 5px;
835 }
836
837 .profile-rank .profile-rank-thumbnail,
838 .profile-points .profile-points-thumbnail {
839 display: inline-block;
840 vertical-align: middle;
841 margin-right: 5px;
842 }
843
844 .profile-rank .profile-rank-thumbnail:empty,
845 .profile-points .profile-points-thumbnail:empty {
846 display: none;
847 }
848
849 .profile-rank-title,
850 .profile-points-amount {
851 vertical-align: middle;
852 font-size: 18px;
853 }
854
855 .profile-rank .profile-rank-toggle,
856 .profile-points .profile-points-toggle {
857 display: block;
858 text-align: right;
859 box-shadow: none !important;
860 }
861
862 .profile-rank .profile-rank-form-buttons,
863 .profile-points .profile-points-form-buttons {
864 margin-top: 12px;
865 }
866
867 .profile-rank-form-wrapper,
868 .profile-points-form-wrapper {
869 display: none;
870 }
871
872 .profile-points .profile-points-register-movement-input-label {
873 display: block;
874 margin-top: 12px;
875 }
876
877 .profile-points .profile-points-register-movement-input {
878 position: relative;
879 margin: 5px 0 12px 0;
880 }
881
882 .profile-points .profile-points-register-movement-input input {
883 top: -2px !important;
884 }
885
886 .profile-points .profile-points-register-movement-input label {
887 margin-left: 46px;
888 font-weight: 400;
889 color: #757575;
890 font-style: italic;
891 }
892
893 #gamipress-awards-options td img {
894 float: left;
895 margin-right: 10px;
896 }
897
898 #gamipress-awards-options .spinner,
899 .gamipress_user_earnings .gamipress-revoke-user-earning + .spinner {
900 float: none;
901 margin: 3px 0 0 4px;
902 background-size: 14px 14px;
903 width: 14px;
904 height: 14px;
905 vertical-align: top;
906 }
907
908 .gamipress-award-achievement.disabled,
909 .gamipress-revoke-achievement.disabled,
910 .gamipress-revoke-user-earning.disabled {
911 opacity: 0.6;
912 cursor: not-allowed;
913 }
914
915 /* -------------------------------------------
916 Shortcode Editor
917 ------------------------------------------- */
918
919 .gamipress-shortcode-thickbox #TB_ajaxContent {
920 width: 100% !important;
921 max-height: 100%;
922 padding: 0;
923 }
924
925 .gamipress-shortcode-thickbox .wrap {
926 padding-left: 20px;
927 }
928
929 .gamipress-shortcode-thickbox .wrap:after {
930 content: "";
931 display: table;
932 clear: both;
933 }
934
935 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list {
936 position: relative;
937
938 display: -webkit-box;
939 display: -webkit-flex;
940 display: -ms-flexbox;
941 display: flex;
942
943 -webkit-flex-wrap: wrap;
944 -ms-flex-wrap: wrap;
945 flex-wrap: wrap;
946
947 width: 100%;
948 }
949
950 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row:not(.cmb-repeat-row) {
951 width: 50%;
952 padding: 5px;
953
954 -moz-box-sizing: border-box;
955 -webkit-box-sizing: border-box;
956 box-sizing: border-box;
957 }
958
959 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row {
960 width: 100%;
961 padding: 5px 40px 5px 40px;
962 }
963
964 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row input:not(.button),
965 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row select {
966 width: 100%;
967 }
968
969 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row input.wp-color-picker {
970 min-width: 165px;
971 }
972
973 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-repeat-row .cmb-td.cmb-remove-row {
974 width: auto;
975 }
976
977 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-repeat-table + .cmb-add-row {
978 padding: 0;
979 }
980
981 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap,
982 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-row {
983 width: 100% !important;
984 }
985
986 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-name {
987 font-size: 14px;
988 }
989
990 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-description .cmb2-metabox-description {
991 font-weight: 400;
992 }
993
994 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmbhandle {
995 right: -5px;
996 top: -5px;
997 }
998
999 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-title {
1000 margin: -5px;
1001 }
1002
1003 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title {
1004 width: 100%;
1005 border-bottom: 1px solid #eee;
1006 }
1007
1008 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title:not(:first-child) {
1009 border-top: 1px solid #eee;
1010 margin-top: 1em;
1011 }
1012
1013 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title .cmb2-metabox-title,
1014 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title p.cmb2-metabox-description {
1015 padding: 0 !important;
1016 margin: 0;
1017 }
1018
1019 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row:nth-child(2n+1) {
1020 clear: both;
1021 }
1022
1023 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row .cmb-th,
1024 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row .cmb-td {
1025 width: 100%;
1026 padding: 0;
1027 }
1028
1029 @media screen and (max-width: 782px) {
1030 .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row:not(.cmb-repeat-row) {
1031 width: 100%;
1032 }
1033
1034 .gamipress-shortcode-thickbox .wrap {
1035 padding-left: 12px;
1036 }
1037 }
1038
1039 /* Shortcode Editor tabs */
1040 .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs {
1041 background-color: transparent;
1042 }
1043
1044 .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab {
1045 border-top: 1px solid #eee;
1046 }
1047
1048 .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab:first-child {
1049 border-left: 1px solid #eee;
1050 }
1051
1052 .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab:not(.active) {
1053 background-color: #fafafa;
1054 }
1055
1056 .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon {
1057 margin-right: 0;
1058 }
1059
1060 /* -------------------------------------------
1061 Meta Boxes Forms
1062 ------------------------------------------- */
1063
1064 @media screen and (max-width: 782px) {
1065 .gamipress-box-form .cmb-th {
1066 width: 100%;
1067 padding-bottom: 20px;
1068 }
1069
1070 .gamipress-box-form .cmb-th + .cmb-td {
1071 width: 100%;
1072 }
1073
1074 .gamipress-box-form .cmb-row:not(:last-of-type) .cmb-td {
1075 padding-bottom: 20px;
1076 }
1077
1078 .gamipress-box-form .cmb2-metabox-description {
1079 display: block;
1080 }
1081 }
1082
1083 /* -------------------------------------------
1084 Select2
1085 ------------------------------------------- */
1086
1087 .gamipress-select2 {
1088 width: 100% !important;
1089 z-index: 100051;
1090 }
1091
1092 body > .gamipress-select2,
1093 .gamipress-widget-form .gamipress-select2 {
1094 z-index: 100051;
1095 max-width: 100%;
1096 }
1097
1098 body.wp-customizer > .gamipress-select2 {
1099 z-index: 1000051;
1100 }
1101
1102 .gamipress-widget-form .gamipress-select2 {
1103 width: 25em !important;
1104 }
1105
1106 .postbox .gamipress-select2 {
1107 z-index: 1;
1108 }
1109
1110 .user-edit-php .gamipress-select2,
1111 .profile-php .gamipress-select2,
1112 .gamipress_tools .gamipress-select2 {
1113 width: 25em !important;
1114 }
1115
1116 .requirements-list .gamipress-select2 {
1117 max-width: 300px;
1118 }
1119
1120 .gamipress-select2 .select2-selection,
1121 .gamipress-select2 .select2-search--dropdown .select2-search__field,
1122 .gamipress-select2.select2-container--focus .select2-selection--multiple {
1123 border: 1px solid #7e8993 !important;
1124 border-radius: 4px !important;
1125 -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ) !important;
1126 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ) !important;
1127 color: #32373c !important;
1128 min-height: 31px !important;
1129 }
1130
1131 .gamipress-select2 .select2-selection--single .select2-selection__rendered {
1132 line-height: 30px;
1133 }
1134
1135 .gamipress-select2 .select2-dropdown {
1136 border-color: #7e8993 !important;
1137 border-radius: 0 !important;
1138 }
1139
1140 .gamipress-select2 .select2-selection--single .select2-selection__clear {
1141 font-size: 18px;
1142 line-height: 36px;
1143 margin-right: 5px;
1144 }
1145
1146 .gamipress-select2 .select2-selection--multiple .select2-selection__clear {
1147 font-size: 18px;
1148 margin-top: 4px;
1149 margin-right: 6px;
1150 }
1151
1152 .gamipress-select2 .select2-results__option,
1153 .gamipress-select2 .select2-search--dropdown .select2-search__field {
1154 margin: 0 !important;
1155 }
1156
1157 .gamipress-select2 .select2-selection--multiple .select2-selection__rendered li {
1158 border-radius: 0;
1159 padding: 2px 5px 2px;
1160 vertical-align: middle;
1161 margin-bottom: 0 !important;
1162 }
1163
1164 .gamipress-select2 .select2-selection--multiple .select2-selection__choice__remove {
1165 line-height: 10px;
1166 font-size: 18px;
1167 vertical-align: top;
1168 margin-top: 1px;
1169 }
1170
1171 .gamipress-select2 .select2-search--inline .select2-search__field {
1172 margin-top: 3px;
1173 }
1174
1175 .gamipress-select2 .select2-selection--multiple .select2-selection__choice {
1176 background-color: #f5f5f5 !important;
1177 border-color: #7e8993 !important;
1178 border-radius: 3px !important;
1179 font-style: normal !important;
1180 }
1181
1182 .gamipress-select2 .select2-results__group {
1183 background-color: #fafafa;
1184 border-top: 1px solid #e9e9e9;
1185 border-bottom: 1px solid #e9e9e9;
1186 }
1187
1188 .gamipress_settings .gamipress-select2 {
1189 vertical-align: baseline;
1190 }
1191
1192 .gamipress_settings .gamipress-select2.select2-container .select2-selection--single {
1193 height: 31px;
1194 }
1195
1196 .gamipress-select2.select2-container--default .select2-selection--single .select2-selection__arrow {
1197 height: 29px;
1198 /* The SVG is arrow-down-alt2 from Dashicons. */
1199 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 2px top 55%;
1200 }
1201
1202 .gamipress-select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
1203 transform: rotate(180deg);
1204 background-position-x: 3px;
1205 }
1206
1207 .gamipress-select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
1208 display: none;
1209 }
1210
1211 .gamipress-select2.select2-container--disabled .select2-selection--single .select2-selection__arrow {
1212 opacity: 0.5;
1213 }
1214
1215 .gamipress-select2 .select2-results .select2-results__option .result-description {
1216 display: block;
1217 position: relative;
1218 color: #aaaaaa;
1219 }
1220
1221 .gamipress-select2 .select2-results .select2-results__option .result-description .align-right {
1222 float: right;
1223 }
1224
1225 .gamipress-select2 .select2-results__option--highlighted[aria-selected] {
1226 background-color: var(--wp-admin-theme-color, #5897fb) !important;
1227 }
1228
1229 .gamipress-select2 .select2-results__option--highlighted[aria-selected] .result-description {
1230 color: rgba(255,255,255,0.7);
1231 }
1232
1233 .gamipress-select2.select2-container--disabled .select2-selection--single {
1234 background: rgba( 255, 255, 255, 0.5 ) !important;
1235 border-color: rgba( 222, 222, 222, 0.75 ) !important;
1236 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 ) !important;
1237 }
1238
1239 .gamipress-select2.select2-container--disabled .select2-selection--single .select2-selection__rendered {
1240 color: rgba( 51, 51, 51, 0.5 ) !important;
1241 }
1242
1243 .select2-container--gamipress-select2-hidden {
1244 display: none !important;
1245 }
1246
1247 @media screen and (max-width: 782px) {
1248 .gamipress-select2 .select2-selection,
1249 .gamipress-select2 .select2-search--dropdown .select2-search__field,
1250 .gamipress-select2.select2-container--focus .select2-selection--multiple {
1251 min-height: 36px !important;
1252 }
1253
1254 .gamipress-select2 .select2-selection--single .select2-selection__arrow {
1255 height: 36px !important;
1256 }
1257 .gamipress-select2 .select2-selection--single .select2-selection__rendered {
1258 line-height: 36px !important;
1259 font-size: 16px;
1260 }
1261 }
1262
1263 /* -------------------------------------------
1264 Switch control
1265 ------------------------------------------- */
1266
1267 .gamipress-switch .cmb-td {
1268 position: relative;
1269 min-height: 14px;
1270 }
1271
1272 .gamipress-switch input {
1273 position: absolute;
1274 top: -2px;
1275 left: -1px;
1276 width: 48px;
1277 height: 26px;
1278 margin: 0;
1279 padding: 0;
1280 z-index: 1;
1281 border: none;
1282 box-shadow: none;
1283 background: transparent !important;
1284 border-radius: 60px;
1285 }
1286
1287 .gamipress-switch input:before,
1288 .gamipress-switch input:after {
1289 display: block;
1290 position: absolute;
1291 content: "" !important;
1292 left: 0;
1293 top: 0;
1294 }
1295
1296 .gamipress-switch input:before {
1297 border: 2px solid #6c7781;
1298 border-radius: 100%;
1299 width: 4px;
1300 height: 4px;
1301 margin-top: 9px;
1302 margin-left: 32px;
1303 }
1304
1305 .gamipress-switch input:checked:before {
1306 border-color: transparent;
1307 background-color: transparent;
1308 }
1309
1310 .gamipress-switch input:before {
1311 background: transparent;
1312 }
1313
1314 .gamipress-switch input:checked:after {
1315 background: #fff;
1316 width: 2px;
1317 height: 8px;
1318 margin-top: 9px;
1319 margin-left: 12px;
1320 }
1321
1322 .gamipress-switch label .cmb2-metabox-description {
1323 display: block;
1324 margin-top: 28px;
1325 }
1326
1327 .gamipress-switch input + label:before,
1328 .gamipress-switch input + label:after {
1329 display: block;
1330 position: absolute;
1331 top: 0;
1332 bottom: 0;
1333 left: 1px;
1334 content: "";
1335 width: 40px;
1336 height: 18px;
1337 }
1338
1339 .gamipress-switch input + label:before {
1340 right: 1px;
1341 background-color: transparent;
1342 border: 2px solid #6c7781;
1343 border-radius: 60px;
1344 transition: all 0.2s ease;
1345 }
1346
1347 .gamipress-switch input + label:after {
1348 width: 14px;
1349 height: 14px;
1350 margin-left: 4px;
1351 margin-top: 4px;
1352 background-color: #6c7781;
1353 border-radius: 100%;
1354 transition: all 0.2s ease;
1355 }
1356 .gamipress-switch input:checked + label:before {
1357 background-color: var(--wp-admin-theme-color, #11a0d2);
1358 border-color: transparent;
1359 }
1360
1361 .gamipress-switch input:checked + label:after {
1362 margin-left: 26px;
1363 background-color: #fff;
1364 }
1365
1366 #postbox-container-1 #side-sortables .gamipress-box-form .gamipress-switch .cmb-td {
1367 min-height: 32px;
1368 }
1369
1370 #postbox-container-1 #side-sortables .gamipress-box-form .gamipress-switch .cmb2-metabox-description {
1371 content: "";
1372 display: inline-block;
1373 height: 45px;
1374 }
1375
1376 .block-editor #side-sortables .gamipress-box-form .gamipress-switch .cmb2-metabox-description {
1377 display: inline-block;
1378 padding-top: 0;
1379 }
1380
1381 .gamipress-switch .cmb2-list li {
1382 position: relative;
1383 }
1384
1385 .gamipress-switch .cmb2-list input + label {
1386 display: block;
1387 line-height: 24px;
1388 margin-left: 52px;
1389 -webkit-user-select: none;
1390 -moz-user-select: none;
1391 -ms-user-select: none;
1392 user-select: none;
1393 }
1394
1395 .edit-post-meta-boxes-area .metabox-location-side .postbox .gamipress-switch input[type="checkbox"]::before {
1396 margin: 8px 0 0 32px !important;
1397 box-sizing: content-box;
1398 }
1399
1400 li.requirement-row .requirement-header .requirement-actions .requirement-action .gamipress-switch {
1401 position: relative;
1402 }
1403
1404 li.requirement-row .requirement-header .requirement-actions .requirement-action .gamipress-switch input {
1405 top: -2px;
1406 left: -1px;
1407 width: 44px;
1408 height: 24px;
1409 }
1410
1411 .gamipress-requirements-sequential.gamipress-switch input + label:before,
1412 .gamipress-requirements-sequential.gamipress-switch input + label:after {
1413 top: 2px;
1414 }
1415
1416 label[for="_gamipress_sequential"] {
1417 -webkit-user-select: none;
1418 -moz-user-select: none;
1419 -ms-user-select: none;
1420 user-select: none;
1421 }
1422
1423 /* -------------------------------------------
1424 Switch control (small version)
1425 ------------------------------------------- */
1426
1427 .gamipress-switch.gamipress-switch-small input {
1428 top: 0px;
1429 left: -1px;
1430 width: 44px;
1431 height: 24px;
1432 }
1433
1434 .gamipress-switch.gamipress-switch-small input:before {
1435 width: 3px;
1436 height: 3px;
1437 margin-top: 9px;
1438 margin-left: 29px;
1439 }
1440
1441 .gamipress-switch.gamipress-switch-small input:after {
1442 height: 6px;
1443 margin-top: 9px;
1444 margin-left: 11px;
1445 }
1446
1447 .gamipress-switch.gamipress-switch-small label {
1448 width: 40px;
1449 }
1450
1451 .gamipress-switch.gamipress-switch-small input + label:before,
1452 .gamipress-switch.gamipress-switch-small input + label:after {
1453 width: 36px;
1454 height: 16px;
1455 }
1456
1457 .gamipress-switch.gamipress-switch-small input + label:after {
1458 width: 12px;
1459 height: 12px;
1460 margin-top: 4px;
1461 }
1462
1463 .gamipress-switch.gamipress-switch-small input:checked + label:after {
1464 margin-left: 24px;
1465 }
1466
1467 /* -------------------------------------------
1468 Image options control
1469 ------------------------------------------- */
1470
1471 .gamipress-image-options .cmb2-radio-list input {
1472 display: none;
1473 }
1474
1475 .gamipress-image-options .cmb2-radio-list label {
1476 text-align: center;
1477 display: inline-block !important;
1478 -webkit-user-select: none;
1479 -moz-user-select: none;
1480 -ms-user-select: none;
1481 user-select: none;
1482 }
1483
1484 .gamipress-image-options .cmb2-radio-list img {
1485 display: block;
1486 width: 55px;
1487 border: 3px solid #efefef;
1488 margin-bottom: 2px;
1489 }
1490
1491 .gamipress-image-options .cmb2-radio-list input:checked + label img {
1492 border-color: var(--wp-admin-theme-color, #1e8cbe);
1493 }
1494
1495 .gamipress-widget-form .gamipress-image-options .cmb2-radio-list li {
1496 padding-right: 1px;
1497 }
1498
1499 @media only screen and (min-width: 850px) {
1500 #post-body.columns-2 #postbox-container-1 .gamipress-image-options .cmb2-radio-list li {
1501 padding-right: 1px;
1502 }
1503 }
1504
1505 /* -------------------------------------------
1506 Font Size control
1507 ------------------------------------------- */
1508
1509 .gamipress-font-size select option[value="h1"] {
1510 font-size: 24px;
1511 font-weight: 700;
1512 }
1513
1514 .gamipress-font-size select option[value="h2"] {
1515 font-size: 22px;
1516 font-weight: 700;
1517 }
1518
1519 .gamipress-font-size select option[value="h3"] {
1520 font-size: 20px;
1521 font-weight: 700;
1522 }
1523
1524 .gamipress-font-size select option[value="h4"] {
1525 font-size: 18px;
1526 font-weight: 700;
1527 }
1528
1529 .gamipress-font-size select option[value="h5"] {
1530 font-size: 16px;
1531 font-weight: 700;
1532 }
1533
1534 .gamipress-font-size select option[value="h6"] {
1535 font-size: 14px;
1536 font-weight: 700;
1537 }
1538
1539 /* -------------------------------------------
1540 Points field
1541 ------------------------------------------- */
1542
1543 .cmb-type-gamipress-points .cmb-inline li {
1544 padding: 0;
1545 }
1546
1547 .cmb-type-gamipress-points input {
1548 width: 100px;
1549 }
1550
1551 .cmb-type-gamipress-points select {
1552 margin-top: 0;
1553 vertical-align: baseline;
1554 }
1555
1556 .cmb-type-gamipress-points select.points-type-placeholder,
1557 .cmb-type-gamipress-points select .points-type-placeholder {
1558 color: #72777c;
1559 }
1560
1561 .cmb-type-gamipress-points select.points-type-placeholder option:not(.points-type-placeholder) {
1562 color: #32373c;
1563 }
1564
1565 /* -------------------------------------------
1566 Widgets
1567 ------------------------------------------- */
1568
1569 .widget[id*="_gamipress_"] .widget-content .cmb-th {
1570 float: none;
1571 padding: 0;
1572 width: 100%;
1573 }
1574
1575 .widget[id*="_gamipress_"] .widget-content .cmb-td {
1576 padding: 0 0 10px 0;
1577 }
1578
1579 .gamipress-widget-form .cmb-type-title {
1580 background-color: #fafafa;
1581 border-top: 1px solid #e9e9e9;
1582 border-bottom: 1px solid #e9e9e9;
1583 margin: 0 -15px !important;
1584 padding: 0 15px;
1585 }
1586
1587 .gamipress-widget-form .cmb-type-title .cmb2-metabox-title {
1588 margin: 0;
1589 padding: 10px 0 0 0;
1590 }
1591
1592 .gamipress-widget-form .cmb-type-title .cmb2-metabox-description {
1593 padding: 0;
1594 }
1595
1596 .gamipress-widget-form .gamipress-switch .cmb-td {
1597 min-height: 24px;
1598 }
1599
1600 .widget-content .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon {
1601 margin-right: 0;
1602 }
1603
1604 /* -------------------------------------------
1605 Widgets Block Legacy
1606 ------------------------------------------- */
1607
1608 /* Forms */
1609 .wp-block-legacy-widget .gamipress-widget-form * {
1610 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1611 }
1612
1613 .wp-block-legacy-widget .gamipress-widget-form .cmb-row {
1614 margin: 8px 0;
1615 }
1616
1617 .wp-block-legacy-widget .gamipress-widget-form .cmb-th,
1618 .wp-block-legacy-widget .gamipress-widget-form .cmb-td {
1619 width: 100%;
1620 padding: 0;
1621 }
1622
1623 .wp-block-legacy-widget .gamipress-widget-form .cmb2-metabox-description {
1624 font-size: 12px;
1625 font-style: normal;
1626 color: #757575;
1627 padding-top: 0;
1628 margin-bottom: 0 !important;
1629 }
1630
1631 .wp-block-legacy-widget .gamipress-widget-form ul.cmb2-list {
1632 padding: 0;
1633 margin: 0;
1634 }
1635
1636 /* Tabs */
1637 .wp-block-legacy-widget .cmb-tabs *:not(.dashicons) {
1638 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1639 font-size: 13px;
1640 line-height: 2.1;
1641 }
1642
1643 .wp-block-legacy-widget .cmb-tabs-wrap {
1644 margin: -1px -11px 0px -11px;
1645 }
1646
1647 .wp-block-legacy-widget .cmb-tabs {
1648 border-top: 1px solid #eee;
1649 }
1650
1651 .wp-block-legacy-widget .cmb-tabs .cmb-tab-icon .dashicons {
1652 margin-top: 4px;
1653 }
1654
1655 /* Select2 */
1656 .wp-block-legacy-widget .gamipress-widget-form .gamipress-select2 {
1657 width: 100% !important;
1658 }
1659
1660 /* Switch */
1661 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input {
1662 width: 44px;
1663 height: 24px;
1664 margin-top: -25px;
1665 }
1666
1667 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:before,
1668 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:checked:after {
1669 display: none;
1670 }
1671
1672 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input + label:before {
1673 height: 20px;
1674 top: -25px;
1675 }
1676
1677 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input + label:after {
1678 width: 12px;
1679 height: 12px;
1680 top: -25px;
1681 }
1682
1683 .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:checked + label:after {
1684 margin-left: 24px;
1685 }
1686
1687 /* -------------------------------------------
1688 Meta Boxes Forms on Gutenberg
1689 ------------------------------------------- */
1690
1691 .components-panel #postbox-container-2 .cmb-row:not(.cmb-repeat-group-field) > .cmb-th + .cmb-td {
1692 max-width: 100%;
1693 }
1694
1695 .block-editor #side-sortables .gamipress-box-form .cmb-th label {
1696 margin-bottom: 0;
1697 padding-bottom: 0;
1698 }
1699
1700 /* -------------------------------------------
1701 GamiPress Settings and Tools
1702 ------------------------------------------- */
1703
1704 .gamipress-page.cmb2-options-page {
1705 max-width: 100%;
1706 }
1707
1708 .gamipress-page.cmb2-options-page .cmb2-metabox > .cmb-row {
1709 border: none;
1710 box-shadow: none;
1711 margin-top: 0;
1712 }
1713
1714 .gamipress-page .postbox h2.hndle {
1715 background: #fafafa;
1716 color: #23282d;
1717 }
1718
1719 .gamipress-page.cmb2-options-page .cmb-row.cmb-type-title {
1720 border-top: 1px solid #e9e9e9;
1721 border-bottom: 1px solid #e9e9e9 !important;
1722 margin: 0 -12px;
1723 }
1724
1725 .gamipress-page.cmb2-options-page .cmb-tabs-wrap .cmb2-wrap .cmb2-metabox > .cmb-row.cmb-type-title {
1726 margin-top: -1px;
1727 margin-left: -11px;
1728 }
1729
1730 .gamipress-page.cmb2-options-page .cmb2-wrap .cmb-type-title .cmb2-metabox-title {
1731 font-size: 14px;
1732 text-transform: none;
1733 }
1734
1735 .gamipress-page.cmb2-options-page .cmb2-metabox > .cmb-row:first-child.cmb-type-title {
1736 border-top: 0;
1737 margin-top: -12px;
1738 }
1739
1740 .gamipress-page .cmb-row.cmb-type-title .cmb2-metabox-title {
1741 margin-top: 0;
1742 padding: 8px 0 0 0;
1743 }
1744
1745 .gamipress-page .gamipress-switch input + label:before,
1746 .gamipress-page .gamipress-switch input + label:after {
1747 top: 22px;
1748 }
1749
1750 .gamipress-page .nav-tab .dashicons {
1751 vertical-align: text-bottom;
1752 margin-right: 2px;
1753 }
1754
1755 .gamipress-page input[name="submit-cmb"] {
1756 float: left;
1757 margin-right: 12px;
1758 }
1759
1760 .gamipress-page .gamipress-switch input {
1761 top: 2px;
1762 left: 8px;
1763 }
1764
1765 .gamipress-page .gamipress-switch input + label:before,
1766 .gamipress-page .gamipress-switch input + label:after {
1767 top: 4px;
1768 left: 10px;
1769 }
1770
1771 .gamipress-page .gamipress-switch:not(.cmb-type-multicheck):not(.cmb-type-multicheck-inline) .cmb2-metabox-description {
1772 display: inline-block;
1773 margin-left: 50px;
1774 margin-top: 7px;
1775 }
1776
1777 .gamipress-page .gamipress-switch .cmb2-list input {
1778 top: -2px;
1779 left: -2px;
1780 }
1781
1782 .gamipress-page .gamipress-switch .cmb2-list input + label:before,
1783 .gamipress-page .gamipress-switch .cmb2-list input + label:after {
1784 top: 0;
1785 left: 0;
1786 }
1787
1788 .gamipress-page .cmb-type-button .cmb-td p.cmb2-metabox-description,
1789 .gamipress-page .cmb-type-multi-buttons .cmb-td p.cmb2-metabox-description {
1790 margin-top: -1em;
1791 margin-bottom: 1em;
1792 color: #444;
1793 font-style: normal;
1794 }
1795
1796 .gamipress-page .cmb-type-multi-buttons .button + .button {
1797 margin-left: 10px;
1798 }
1799
1800 .gamipress-page .button .dashicons {
1801 display: inline-block;
1802 width: 18px;
1803 height: 18px;
1804 margin: 0 2px 0 0;
1805 }
1806
1807 .gamipress-page.cmb2-options-page #poststuff h2.nav-tab-wrapper {
1808 margin-bottom: 20px !important;
1809 }
1810
1811 .gamipress_settings .cmb2-metabox > .cmb-row > .cmb-th,
1812 .gamipress_tools .cmb2-metabox > .cmb-row > .cmb-th {
1813 font-weight: 600 !important;
1814 }
1815
1816 .gamipress_settings .postbox-header .handle-actions,
1817 .gamipress_tools .postbox-header .handle-actions {
1818 display: none;
1819 }
1820
1821 .gamipress-page .postbox .hndle {
1822 justify-content: flex-start;
1823 }
1824
1825 .gamipress-page .postbox .hndle .dashicons {
1826 height: 18px;
1827 line-height: 18px;
1828 margin-right: 5px;
1829 }
1830
1831 .gamipress-page .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon {
1832 margin-right: 2px;
1833 opacity: 0.4;
1834 }
1835
1836 .gamipress-page .cmb-tabs-wrap .cmb-tabs .cmb-tab.active .cmb-tab-icon {
1837 opacity: 0.8;
1838 }
1839
1840 /* Colorpicker */
1841 .gamipress-page .wp-picker-container .wp-color-result.button {
1842 padding: 0 0 0 17px;
1843 }
1844
1845 .gamipress-page input.button.button-small.wp-picker-clear {
1846 background: url(../img/editor-removeformatting.svg) no-repeat scroll 6px 4px;
1847 padding: 0 0 0 30px;
1848 border: 1px solid #8c8f94;
1849 }
1850
1851 @media screen and (max-width: 782px) {
1852 .gamipress-page .cmb-th {
1853 width: 100%;
1854 }
1855
1856 .gamipress-page .cmb-td {
1857 padding: 15px 0;
1858 }
1859
1860 .gamipress-page .gamipress-switch input + label:before,
1861 .gamipress-page .gamipress-switch input + label:after {
1862 left: 1px;
1863 }
1864
1865 .gamipress-page .gamipress-switch input + label:before,
1866 .gamipress-page .gamipress-switch input + label:after {
1867 top: 4px;
1868 }
1869 }
1870
1871 /* Fixed save buttons on GamiPress Settings */
1872 .gamipress_settings input[name="reset-cmb"] {
1873 background: #e15151;
1874 border: #e15151;
1875 color: #fff;
1876 }
1877
1878 .gamipress_settings input[name="reset-cmb"]:hover {
1879 background: #de3b3b;
1880 border: #de3b3b;
1881 color: #fff;
1882 }
1883
1884 .gamipress_settings input[name="reset-cmb"]:focus,
1885 .gamipress_settings input[name="reset-cmb"]:active {
1886 background: #da2525;
1887 border: #da2525;
1888 color: #fff;
1889 }
1890
1891 @media screen and (min-width: 782px) {
1892
1893 .gamipress_settings .gamipress-sticky-bar {
1894 position: fixed;
1895 right: 0;
1896 bottom: 0;
1897
1898 left: 160px;
1899 width: calc( 100% - 160px );
1900
1901 z-index: 1;
1902
1903 background: #fafafa;
1904 border-top: 1px solid #e5e5e5;
1905 box-shadow: 0 -1px 1px rgba(0,0,0,0.04);
1906 padding: 10px 0;
1907 }
1908
1909 .gamipress_settings .gamipress-sticky-bar input[name="submit-cmb"] {
1910 margin-left: 20px !important;
1911 }
1912
1913 }
1914
1915 @media screen and (max-width: 782px) {
1916
1917 .gamipress_settings #cmo-options-form > #poststuff + div {
1918 position: fixed;
1919 width: 100%;
1920 background: #fafafa;
1921 border-top: 1px solid #e5e5e5;
1922 box-shadow: 0 -1px 1px rgba(0,0,0,0.04);
1923 right: 0;
1924 bottom: 0;
1925 padding: 10px 14px;
1926 z-index: 1;
1927 }
1928
1929 .gamipress_settings input[name="submit-cmb"] {
1930 padding: 6px 14px;
1931 line-height: normal;
1932 font-size: 14px;
1933 vertical-align: middle;
1934 height: auto;
1935 }
1936
1937 .gamipress_settings input[name="submit-cmb"],
1938 .gamipress_settings input[name="reset-cmb"] {
1939 margin-bottom: 0;
1940 }
1941
1942 }
1943
1944 /* -------------------------------------------
1945 Social Settings
1946 ------------------------------------------- */
1947 .gamipress-share-buttons-label {
1948 margin-top: 0;
1949 margin-bottom: 2px;
1950 }
1951
1952 .gamipress-share-button {
1953 display: inline-block;
1954 width: 28px;
1955 height: 28px;
1956 vertical-align: middle;
1957 padding: 4px;
1958 background-repeat: no-repeat;
1959 background-position: center;
1960 background-size: 18px 18px;
1961 box-sizing: border-box;
1962 }
1963
1964 .gamipress-share-button + .gamipress-share-button {
1965 margin-left: 4px;
1966 }
1967
1968 .gamipress-share-button-square {
1969 border-radius: 0;
1970 }
1971
1972 .gamipress-share-button-rounded {
1973 border-radius: 6px;
1974 }
1975
1976 .gamipress-share-button-circle {
1977 border-radius: 50%;
1978 }
1979
1980 .gamipress-share-button-facebook {
1981 background-color: #4766a9;
1982 background-image: url('../img/social/facebook.svg');
1983 }
1984
1985 .gamipress-share-button-twitter {
1986 background-color: #000;
1987 background-image: url('../img/social/twitter.svg');
1988 }
1989
1990 .gamipress-share-button-linkedin {
1991 background-color: #0074b3;
1992 background-image: url('../img/social/linkedin.svg');
1993 }
1994
1995 .gamipress-share-button-pinterest {
1996 background-color: #bd081c;
1997 background-image: url('../img/social/pinterest.svg');
1998 }
1999
2000 /* -------------------------------------------
2001 Licensing Settings
2002 ------------------------------------------- */
2003
2004 .gamipress_licenses .meta-box-sortables {
2005 display: -webkit-box;
2006 display: -webkit-flex;
2007 display: -ms-flexbox;
2008 display: flex;
2009 -webkit-flex-wrap: wrap;
2010 -ms-flex-wrap: wrap;
2011 flex-wrap: wrap;
2012 margin-left: -8px;
2013 margin-right: -8px;
2014 }
2015
2016 .gamipress_licenses .handlediv,
2017 .gamipress_page_gamipress_licenses #screen-options-link-wrap {
2018 display: none !important;
2019 }
2020
2021 .gamipress_licenses .postbox.closed .inside {
2022 display: block !important;
2023 }
2024
2025 .gamipress_licenses .postbox {
2026 width: 100%;
2027 margin: 0 8px 16px;
2028 }
2029
2030 .gamipress_licenses .gamipress-license-thumbnail {
2031 margin: -6px -12px 0;
2032 }
2033
2034 .gamipress_licenses .gamipress-license-thumbnail img {
2035 width: 100%;
2036 }
2037
2038 .gamipress_licenses .cmb-row {
2039 border: none;
2040 padding-bottom: 0;
2041 }
2042
2043 .gamipress_licenses .cmb2-metabox > .cmb-row:not(:first-of-type) {
2044 border: none !important;
2045 }
2046
2047 .gamipress_licenses .cmb-th,
2048 .gamipress_licenses .cmb-td {
2049 width: 100%;
2050 padding: 6px 0 !important;
2051 margin-left: 0 !important;
2052 }
2053
2054 .gamipress_licenses .cmb-td input {
2055 width: 100%;
2056 }
2057
2058 .gamipress_licenses .license-expiration-notice,
2059 .gamipress_licenses .renew-license-notice {
2060 display: inline;
2061 }
2062
2063 .gamipress_licenses .license-error {
2064 color: #a00;
2065 }
2066
2067 .gamipress_licenses .renew-license-notice:before {
2068 content: ' '; /* Add a space between expiration and renew notices */
2069 }
2070
2071 @media screen and (min-width: 1600px) {
2072
2073 .gamipress_licenses .postbox {
2074 width: 23%;
2075 }
2076
2077 }
2078
2079 @media screen and (min-width: 1200px) and (max-width: 1600px) {
2080 .gamipress_licenses .postbox {
2081 width: 23%;
2082 }
2083 }
2084
2085 /* -------------------------------------------
2086 Dashboard
2087 ------------------------------------------- */
2088
2089 body.toplevel_page_gamipress {
2090 background: #f5f5f5;
2091 }
2092
2093 .gamipress-dashboard .wp-heading-inline {
2094 display: none !important;
2095 }
2096
2097 .gamipress-dashboard .meta-box-sortables {
2098 margin-bottom: 0 !important;
2099 }
2100
2101 .gamipress-dashboard .postbox .inside,
2102 .gamipress-dashboard .postbox .inside p {
2103 font-size: 14px;
2104 }
2105
2106 .gamipress-dashboard .postbox,
2107 .gamipress-dashboard .gamipress-plugin-card .plugin-card-top {
2108 border: none;
2109 border-radius: 6px;
2110 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2111 }
2112
2113 .gamipress-dashboard #gamipress-dashboard-videos.postbox,
2114 .gamipress-dashboard #gamipress-dashboard-plugins.postbox,
2115 .gamipress-dashboard #gamipress-dashboard-team.postbox,
2116 .gamipress-dashboard #gamipress-dashboard-social.postbox,
2117 .gamipress-dashboard #gamipress-dashboard-involved.postbox {
2118 background: transparent;
2119 box-shadow: none;
2120 }
2121
2122 .gamipress-dashboard .postbox .hndle {
2123 display: block;
2124 cursor: auto;
2125 user-select: auto;
2126 font-size: 16px;
2127 }
2128
2129 .gamipress-dashboard .postbox .hndle .button {
2130 text-decoration: none !important;
2131 float: right;
2132 margin-bottom: -7px;
2133 min-height: 30px;
2134 line-height: 2.30769231;
2135 padding: 0 12px;
2136 }
2137
2138 .gamipress-dashboard .postbox .hndle .dashicons {
2139 opacity: 0.4;
2140 margin-right: 4px;
2141 }
2142
2143 .gamipress-dashboard .postbox-header {
2144 border: none;
2145 }
2146
2147 .gamipress-dashboard .gamipress-dashboard-logo {
2148 margin-bottom: 10px;
2149 }
2150
2151 .gamipress-dashboard .gamipress-dashboard-logo img {
2152 width: 230px;
2153 vertical-align: middle;
2154 }
2155
2156 .gamipress-dashboard .gamipress-dashboard-logo .autoamtorwp-dashboard-version {
2157 font-size: 16px;
2158 font-weight: 700;
2159 }
2160
2161 .gamipress-dashboard h1 {
2162 clear: both;
2163 margin: 0 8px 8px;
2164 font-size: 28px;
2165 }
2166
2167 .gamipress-dashboard h3 {
2168 font-size: 16px !important;
2169 font-weight: 600 !important;
2170 }
2171
2172 .gamipress-dashboard li {
2173 margin-bottom: 10px;
2174 }
2175
2176 .gamipress-dashboard li h3 {
2177 margin-top: 10px !important;
2178 }
2179
2180 .gamipress-dashboard li .dashicons {
2181 color: #82878c;
2182 }
2183
2184 /* Types Boxes */
2185 .gamipress-dashboard .gamipress-registered-points,
2186 .gamipress-dashboard .gamipress-registered-achievements,
2187 .gamipress-dashboard .gamipress-registered-ranks {
2188 min-height: 250px;
2189 }
2190
2191 .gamipress-dashboard .gamipress-registered-points li,
2192 .gamipress-dashboard .gamipress-registered-achievements li,
2193 .gamipress-dashboard .gamipress-registered-ranks li {
2194 padding: 12px 12px;
2195 margin-left: -12px;
2196 margin-right: -12px;
2197 margin-bottom: 0;
2198 }
2199
2200 .gamipress-dashboard .gamipress-registered-points li a,
2201 .gamipress-dashboard .gamipress-registered-achievements li a,
2202 .gamipress-dashboard .gamipress-registered-ranks li a {
2203 flex: 1 1 0px;
2204 display: flex;
2205 }
2206
2207 .gamipress-dashboard .gamipress-registered-points li a span,
2208 .gamipress-dashboard .gamipress-registered-achievements li a span,
2209 .gamipress-dashboard .gamipress-registered-ranks li a span {
2210 flex: 1 1 0px;
2211 padding-right: 6px;
2212 }
2213
2214 .gamipress-dashboard .gamipress-registered-points li a span:not(:first-child),
2215 .gamipress-dashboard .gamipress-registered-achievements li a span:not(:first-child),
2216 .gamipress-dashboard .gamipress-registered-ranks li a span:not(:first-child) {
2217 color: #72777c;
2218 font-size: 13px;
2219 }
2220
2221 .gamipress-dashboard .gamipress-registered-points li:nth-child(odd),
2222 .gamipress-dashboard .gamipress-registered-achievements li:nth-child(odd),
2223 .gamipress-dashboard .gamipress-registered-ranks li:nth-child(odd) {
2224 background-color: #f6f7f7;
2225 }
2226
2227 /* Latest User Earnings */
2228 .gamipress-dashboard .gamipress-latest-earnings ul {
2229 margin-bottom: -12px;
2230 }
2231
2232 .gamipress-dashboard .gamipress-latest-earnings li {
2233 padding: 4px 12px;
2234 margin-left: -12px;
2235 margin-right: -12px;
2236 font-size: 13px;
2237 }
2238
2239 .gamipress-dashboard .gamipress-latest-earnings li:nth-child(odd) {
2240 background-color: #f6f7f7;
2241 }
2242
2243 .gamipress-dashboard .gamipress-latest-earnings li:last-child {
2244 margin-bottom: 0;
2245 border-radius: 0 0 6px 6px;
2246 }
2247
2248 .gamipress-dashboard .gamipress-latest-earnings li span {
2249 display: block;
2250 text-align: right;
2251 color: #72777c;
2252 }
2253
2254 /* Videos */
2255 .gamipress-dashboard #gamipress-dashboard-videos .inside {
2256 margin-top: -16px;
2257 padding: 0;
2258 }
2259
2260 .gamipress-dashboard #gamipress-dashboard-plugins .inside,
2261 .gamipress-dashboard #gamipress-dashboard-team .inside,
2262 .gamipress-dashboard #gamipress-dashboard-involved .inside,
2263 .gamipress-dashboard #gamipress-dashboard-social .inside {
2264 padding: 0;
2265 }
2266
2267 .gamipress-dashboard #gamipress-dashboard-plugins .hndle,
2268 .gamipress-dashboard #gamipress-dashboard-team .hndle,
2269 .gamipress-dashboard #gamipress-dashboard-involved .hndle,
2270 .gamipress-dashboard #gamipress-dashboard-social .hndle {
2271 padding-left: 0;
2272 }
2273
2274 .gamipress-dashboard .gamipress-dashboard-video a {
2275 display: grid;
2276 grid-gap: 0;
2277 grid-template-columns: 1fr 3fr;
2278 margin-bottom: 5px;
2279 text-decoration: none;
2280 color: #3c434a;
2281 opacity: 0.8;
2282 }
2283
2284 .gamipress-dashboard .gamipress-dashboard-video a:hover {
2285 opacity: 1;
2286 }
2287
2288 .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-image {
2289 height: 59px;
2290 overflow: hidden;
2291 }
2292
2293 .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-image img {
2294 margin-top: -13px;
2295 }
2296
2297 .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-details .gamipress-dashboard-video-title {
2298 font-size: 16px;
2299 }
2300
2301 .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-details .gamipress-dashboard-video-duration {
2302 font-size: 13px;
2303 }
2304
2305 .gamipress-dashboard .gamipress-dashboard-get-involved p,
2306 .gamipress-dashboard .gamipress-dashboard-get-involved ul {
2307 margin-bottom: 20px;
2308 }
2309
2310 .gamipress-dashboard .gamipress-dashboard-pricing-button {
2311 margin-top: 28px;
2312 }
2313
2314 .gamipress-dashboard .button.button-large {
2315 padding: 8px 18px;
2316 }
2317
2318 .gamipress-dashboard .center {
2319 text-align: center;
2320 }
2321
2322 .gamipress-dashboard-more-videos {
2323 margin-bottom: -12px;
2324 }
2325
2326 .gamipress-dashboard-more-videos,
2327 .gamipress-dashboard-more-add-ons {
2328 clear: both;
2329 text-align: center;
2330 font-size: 16px;
2331 padding-top: 20px;
2332 }
2333
2334 /* Dashboard: Add-ons & Assets */
2335 .gamipress-dashboard .gamipress-section-desc {
2336 margin-top: -12px;
2337 margin-left: 7px;
2338 }
2339
2340 .gamipress-dashboard .gamipress-dashboard-add-ons-section,
2341 .gamipress-dashboard .gamipress-dashboard-assets-section {
2342 margin: 0 !important;
2343 }
2344
2345 .gamipress-dashboard .gamipress-plugin-card {
2346 width: 14.2%;
2347 }
2348
2349 .gamipress-dashboard .gamipress-plugin-card .plugin-card-bottom {
2350 border: none;
2351 margin-top: -20px;
2352 }
2353
2354 .gamipress-dashboard .gamipress-plugin-card .thumbnail a img {
2355 border-radius: 6px 6px 0 0;
2356 }
2357
2358 .gamipress-dashboard .gamipress-plugin-card .name {
2359 text-align: center;
2360 }
2361
2362 .gamipress-dashboard .gamipress-plugin-card .name a {
2363 text-decoration: none;
2364 margin-left: -14px;
2365 }
2366
2367 .gamipress-dashboard .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
2368 bottom: 106%;
2369 }
2370
2371 .gamipress-dashboard .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top p {
2372 margin: 0;
2373 }
2374
2375 .gamipress-dashboard .gamipress-dashboard-assets-section .plugin-card-top {
2376 background: #fff !important;
2377 }
2378
2379 .gamipress-dashboard .gamipress-dashboard-assets-section .plugin-card-top .name a {
2380 color: #1d2327 !important;
2381 }
2382
2383 @media screen and (min-width: 1600px) and (max-width: 2299px) {
2384 .gamipress-dashboard .plugin-card:nth-child(3n+1) {
2385 clear: none;
2386 }
2387 }
2388
2389 /* Plugins */
2390 .gamipress-dashboard .our-plugins-list li {
2391 display: inline-block;
2392 width: 49%;
2393 margin-bottom: 18px;
2394 }
2395
2396 .gamipress-dashboard .our-plugins-list img {
2397 vertical-align: middle;
2398 width: 32px;
2399 height: 32px;
2400 }
2401
2402 .gamipress-dashboard .our-plugins-list span {
2403 vertical-align: middle;
2404 font-size: 18px;
2405 }
2406
2407 /* Team */
2408 .gamipress-dashboard .contributors-list {
2409 text-align: center;
2410 }
2411
2412 .gamipress-dashboard .contributors-list img {
2413 border-radius: 50%;
2414 }
2415
2416 .gamipress-dashboard .contributors-list span {
2417 display: block;
2418 }
2419
2420 .gamipress-dashboard .contributors-list .cmb-tooltip-top {
2421 bottom: 115%;
2422 width: auto;
2423 white-space: nowrap;
2424 }
2425
2426 /* Social */
2427 .gamipress-dashboard .gamipress-dashboard-social-list {
2428 display: flex;
2429 }
2430
2431 .gamipress-dashboard .gamipress-dashboard-social-list li:not(:first-child) {
2432 margin-left: 8px;
2433 }
2434
2435 .gamipress-dashboard .gamipress-dashboard-social-list .dashicons {
2436 font-size: 20px;
2437 line-height: 36px;
2438 height: 36px;
2439 width: 36px;
2440 color: #fff !important;
2441 border-radius: 100%;
2442 }
2443
2444 .gamipress-dashboard .gamipress-dashboard-social-list .cmb-tooltip-top {
2445 bottom: 130%;
2446 width: auto;
2447 white-space: nowrap;
2448 }
2449
2450 .gamipress-dashboard .dashicons-youtube { background: #e90000 !important; }
2451
2452 .gamipress-dashboard .dashicons-facebook-alt,
2453 .gamipress-dashboard .dashicons-groups { background: #4766a9 !important; }
2454
2455 .gamipress-dashboard .dashicons-twitter { background: #139ae7 !important; }
2456
2457 .gamipress-dashboard .dashicons-linkedin,
2458 .gamipress-dashboard #gamipress-dashboard-social .dashicons-wordpress { background: #0074b3 !important; }
2459
2460 .gamipress-dashboard .dashicons-email-alt { background: #444 !important; }
2461
2462 .gamipress-dashboard-blocks-list li span {
2463 float: right;
2464 }
2465
2466 @media screen and (min-width: 1200px) {
2467
2468 .gamipress-dashboard .gamipress-dashboard-columns {
2469 display: grid;
2470 grid-gap: 2rem;
2471 grid-template-columns: 1fr 1fr 1fr;
2472 }
2473
2474 .gamipress-dashboard .contributors-list {
2475 display: grid;
2476 grid-template-columns: 1fr 1fr 1fr;
2477 }
2478 }
2479
2480 /* Smartphone */
2481 @media screen and (max-width: 1199px) {
2482 .gamipress-dashboard .plugin-card {
2483 width: 31%;
2484 clear: none;
2485 margin: 10px 6px;
2486 }
2487
2488 .gamipress-dashboard .plugin-card:nth-child(n+4) {
2489 display: none;
2490 }
2491
2492 .gamipress-dashboard .gamipress-dashboard-more-videos {
2493 position: absolute;
2494 bottom: -10px;
2495 left: 44%;
2496 }
2497 }
2498
2499 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2500 .gamipress-dashboard .postbox-container {
2501 float: left !important;
2502 }
2503
2504 .gamipress-dashboard .postbox-container {
2505 min-height: 320px;
2506 }
2507
2508 .gamipress-dashboard #postbox-container-3.postbox-container {
2509 width: 49.5% !important;
2510 }
2511 .gamipress-dashboard #postbox-container-3.postbox-container:before {
2512 content: "";
2513 display: block;
2514 clear: both;
2515 }
2516 }
2517
2518 /* Fix WP 7.0 */
2519 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2520 .gamipress-dashboard #dashboard-widgets .postbox-container {
2521 width: 25% !important;
2522 }
2523
2524 .gamipress-dashboard #dashboard-widgets #postbox-container-3,
2525 .gamipress-dashboard #dashboard-widgets #postbox-container-4 {
2526 float: left !important;
2527 }
2528 }
2529
2530 /* -------------------------------------------
2531 Add-ons
2532 ------------------------------------------- */
2533
2534 .gamipress_page_gamipress_add_ons .wp-filter {
2535 margin-bottom: 0;
2536 }
2537
2538 .gamipress_page_gamipress_add_ons .wp-filter a:hover,
2539 .gamipress_page_gamipress_add_ons .wp-filter a:focus {
2540 box-shadow: none;
2541 }
2542
2543 .gamipress_page_gamipress_add_ons .wp-filter a .dashicons {
2544 vertical-align: bottom;
2545 }
2546
2547 .gamipress-add-ons,
2548 .gamipress-assets {
2549 display: -webkit-box;
2550 display: -webkit-flex;
2551 display: -ms-flexbox;
2552 display: flex;
2553
2554 -webkit-flex-wrap: wrap;
2555 -ms-flex-wrap: wrap;
2556 flex-wrap: wrap;
2557
2558 width: 100%;
2559 }
2560
2561 .gamipress-plugin-card {
2562 display: -webkit-box;
2563 display: -webkit-flex;
2564 display: -ms-flexbox;
2565 display: flex;
2566
2567 -webkit-flex-wrap: wrap;
2568 -ms-flex-wrap: wrap;
2569 flex-wrap: wrap;
2570
2571 width: 100%;
2572
2573 margin-left: 0;
2574 margin-right: 0;
2575
2576 background: transparent;
2577 border: none;
2578
2579 overflow: initial;
2580 }
2581
2582 .gamipress-plugin-card .plugin-card-top {
2583 width: 100%;
2584 padding: 14px 14px 10px;
2585 min-height: 120px;
2586
2587 border-radius: 6px;
2588 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
2589 }
2590
2591 .gamipress-plugin-card .plugin-card-top {
2592 background: #fff;
2593 }
2594
2595 .gamipress-plugin-card:not(.gamipress-asset-add-on) .plugin-card-top {
2596 background: #0098d7;
2597 }
2598
2599 .gamipress-plugin-card:not(.gamipress-asset-add-on) .plugin-card-top .name a {
2600 color: #fff;
2601 }
2602
2603 .gamipress-plugin-card .plugin-card-bottom {
2604 width: 100%;
2605 background: transparent;
2606 border: none;
2607 margin-top: -5px;
2608 padding: 0;
2609 }
2610
2611 .gamipress-plugin-card .name, .gamipress-plugin-card .desc,
2612 .gamipress-plugin-card .name, .gamipress-plugin-card .desc > p {
2613 margin-left: 0;
2614 margin-right: 0;
2615 }
2616
2617 .gamipress-plugin-card .thumbnail {
2618 margin: -14px -14px 5px;
2619 }
2620
2621 .gamipress-plugin-card .thumbnail a {
2622 display: block;
2623 line-height: 0;
2624 }
2625
2626 .gamipress-plugin-card .thumbnail a img {
2627 max-width: 100%;
2628 border-radius: 6px 6px 0 0;
2629 }
2630
2631 .gamipress-plugin-card .name h3 {
2632 text-align: center;
2633 margin: 0;
2634 }
2635
2636 .gamipress-plugin-card .name a {
2637 text-decoration: none;
2638 font-weight: normal;
2639 color: #1d2327;
2640 font-size: 16px;
2641 }
2642
2643 .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top {
2644 bottom: 105%;
2645 }
2646
2647 .gamipress-plugin-card .cmb-tooltip-desc p {
2648 margin: 0;
2649 color: #ccc !important;
2650 }
2651
2652 .gamipress-plugin-card .thumbnail:hover + .name a,
2653 .gamipress-plugin-card .name a:hover {
2654 text-decoration: underline;
2655 }
2656
2657 .gamipress-plugin-card .action-links {
2658 position: relative;
2659 top: 0;
2660 right: 0;
2661 width: 100%;
2662 }
2663
2664 .gamipress-plugin-card .action-links .plugin-action-buttons {
2665 float: none;
2666 margin: 0;
2667 }
2668
2669 .gamipress-plugin-card .action-links .plugin-action-buttons li {
2670 margin: 0;
2671 text-align: center;
2672 width: 100% !important;
2673 }
2674
2675 .gamipress-plugin-card .action-links .plugin-action-buttons li .more-details {
2676 float: left;
2677 }
2678
2679 .is-automatorwp-plugin#plugin-information #plugin-information-content .notice {
2680 display: none;
2681 }
2682
2683 .gamipress-plugin-card .plugin-card-bottom {
2684 opacity: 0;
2685 }
2686
2687 .gamipress-plugin-card:hover .plugin-card-bottom {
2688 opacity: 1;
2689 }
2690
2691 .gamipress-plugin-card-status-inactive .plugin-card-top {
2692 opacity: 0.4;
2693 }
2694
2695 .gamipress-plugin-card .column-status {
2696 margin-right: -20px;
2697 margin-bottom: -21px;
2698 margin-top: -20px;
2699 position: relative;
2700 z-index: 1;
2701 text-align: right;
2702 }
2703
2704 .gamipress-plugin-card .column-status span {
2705 display: inline-block;
2706 padding: 4px 6px;
2707 border-radius: 4px;
2708 font-size: 14px;
2709 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
2710 }
2711
2712 .gamipress-plugin-card .installed span {
2713 background: #e5e5e5;
2714 border: #e5e5e5;
2715 }
2716
2717 .gamipress-plugin-card .active span {
2718 background: #46b450;
2719 border: #46b450;
2720 color: #fff;
2721 }
2722
2723 .gamipress-plugin-card .inactive span {
2724 background: #e15151;
2725 border: #e15151;
2726 color: #fff;
2727 }
2728
2729 .gamipress-plugin-card .action-links .plugin-action-buttons li {
2730 margin: 0;
2731 width: 50%;
2732 }
2733
2734 .gamipress-plugin-card .action-links .plugin-action-buttons li .more-details {
2735 float: left;
2736 }
2737
2738 .is-gamipress-plugin#plugin-information #plugin-information-content .notice {
2739 display: none;
2740 }
2741
2742 @media screen and (min-width: 1600px) {
2743 .gamipress-plugin-card {
2744 width: 16.666%;
2745 }
2746 }
2747
2748 @media screen and (min-width: 1200px) and (max-width: 1600px) {
2749 .gamipress-plugin-card {
2750 width: 16.666%;
2751 }
2752 }
2753
2754 @media screen and (min-width: 1200px) {
2755 .gamipress-add-ons,
2756 .gamipress-assets {
2757 margin-left: -8px;
2758 margin-right: -8px;
2759 }
2760
2761 .gamipress-plugin-card {
2762 padding: 0 8px;
2763 margin-left: 0 !important;
2764 margin-right: 0 !important;
2765 }
2766 }
2767
2768 /* -------------------------------------------
2769 Assets
2770 ------------------------------------------- */
2771
2772 .is-gamipress-asset#plugin-information #plugin-information-tabs,
2773 .is-gamipress-asset#plugin-information #plugin-information-content .fyi {
2774 display: none;
2775 }
2776
2777 .is-gamipress-asset#plugin-information #plugin-information-content {
2778 border-top: 1px solid #7e8993;
2779 }
2780
2781 .is-gamipress-asset#plugin-information #plugin-information-content #section-holder {
2782 margin-right: 0;
2783 }
2784
2785 .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul {
2786 list-style: none;
2787 margin: 0;
2788 }
2789
2790 .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul li a {
2791 margin-bottom: 10px;
2792 }
2793
2794 .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul li img {
2795 width: 100%;
2796 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
2797 }
2798
2799 .is-gamipress-asset#plugin-information #plugin-information-content #section-description p:last-child a {
2800 display: inline-block;
2801 padding: 6px 14px;
2802 line-height: normal;
2803 font-size: 14px;
2804 vertical-align: middle;
2805 height: auto;
2806 margin-bottom: 4px;
2807 cursor: pointer;
2808 border-width: 1px;
2809 border-style: solid;
2810 -webkit-appearance: none;
2811 border-radius: 3px;
2812 white-space: nowrap;
2813 box-sizing: border-box;
2814
2815 background: #0085ba;
2816 border-color: #0073aa #006799 #006799;
2817 box-shadow: 0 1px 0 #006799;
2818 color: #fff;
2819 text-decoration: none;
2820 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
2821
2822 position: fixed;
2823 z-index: 100;
2824 right: 14px;
2825 bottom: 10px;
2826 }
2827
2828 /* -------------------------------------------
2829 Tools Page
2830 ------------------------------------------- */
2831
2832 .gamipress_tools .cmb-td {
2833 padding: 0;
2834 }
2835
2836 #server-info .inside,
2837 #db-info .inside,
2838 #wordpress-info .inside,
2839 #gamipress-info .inside {
2840 padding: 0;
2841 margin: 0;
2842 }
2843
2844 .cmb2-id-bulk-award-achievements .select2-container--default .select2-search--inline .select2-search__field {
2845 min-width: 150px;
2846 }
2847
2848 /* Recount Activity */
2849 #recount-activity-log p {
2850 margin-bottom: 0;
2851 }
2852
2853 #recount-activity-log #recount-activity-log-content {
2854 max-height: 300px;
2855 overflow: auto;
2856 font-family: consolas;
2857 font-size: 12px;
2858 border: 1px solid #ccd0d4;
2859 background-color: #f1f1f1;
2860 padding: 10px;
2861 margin-top: 1em;
2862 }
2863
2864 /* Logs Clean Up */
2865 .cmb2-id-logs-type ul li {
2866 margin-bottom: 12px !important;
2867 }
2868
2869 .cmb2-id-logs-type ul li label {
2870 line-height: 1.2 !important;
2871 }
2872
2873 /* Reset data options */
2874 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(2),
2875 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(5),
2876 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(6),
2877 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(8),
2878 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(12),
2879 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(13),
2880 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(14) {
2881 margin-left: 20px;
2882 }
2883
2884 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(3),
2885 .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(9) {
2886 margin-left: 40px;
2887 }
2888
2889 /* All types multicheck */
2890 .gamipress-all-types-multicheck input[value="all-points-types"] + label,
2891 .gamipress-all-types-multicheck input[value="all-achievement-types"] + label,
2892 .gamipress-all-types-multicheck input[value="all-rank-types"] + label {
2893 font-weight: bold;
2894 }
2895
2896 /* Align inputs */
2897 .gamipress-all-types-multicheck input[value$="-points-type"],
2898 .gamipress-all-types-multicheck input[value$="-achievement-type"],
2899 .gamipress-all-types-multicheck input[value$="-rank-type"] {
2900 margin-left: 20px !important;
2901 }
2902
2903 /* Align labels */
2904 .gamipress-all-types-multicheck input[value$="-points-type"] + label,
2905 .gamipress-all-types-multicheck input[value$="-achievement-type"] + label,
2906 .gamipress-all-types-multicheck input[value$="-rank-type"] + label {
2907 margin-left: 72px;
2908 }
2909
2910 .gamipress-all-types-multicheck input[value$="-points-type"] + label:before,
2911 .gamipress-all-types-multicheck input[value$="-points-type"] + label:after,
2912 .gamipress-all-types-multicheck input[value$="-achievement-type"] + label:before,
2913 .gamipress-all-types-multicheck input[value$="-achievement-type"] + label:after,
2914 .gamipress-all-types-multicheck input[value$="-rank-type"] + label:before,
2915 .gamipress-all-types-multicheck input[value$="-rank-type"] + label:after {
2916 left: 20px !important;
2917 }
2918
2919 /* Align inputs */
2920 .gamipress-all-types-multicheck input[value$="-points-awards"],
2921 .gamipress-all-types-multicheck input[value$="-points-deducts"],
2922 .gamipress-all-types-multicheck input[value$="-achievements"],
2923 .gamipress-all-types-multicheck input[value$="-ranks"] {
2924 margin-left: 40px !important;
2925 }
2926
2927 /* Align labels */
2928 .gamipress-all-types-multicheck input[value$="-points-awards"] + label,
2929 .gamipress-all-types-multicheck input[value$="-points-deducts"] + label,
2930 .gamipress-all-types-multicheck input[value$="-achievements"] + label,
2931 .gamipress-all-types-multicheck input[value$="-ranks"] + label {
2932 margin-left: 92px;
2933 }
2934
2935 .gamipress-all-types-multicheck input[value$="-points-awards"] + label:before,
2936 .gamipress-all-types-multicheck input[value$="-points-awards"] + label:after,
2937 .gamipress-all-types-multicheck input[value$="-points-deducts"] + label:before,
2938 .gamipress-all-types-multicheck input[value$="-points-deducts"] + label:after,
2939 .gamipress-all-types-multicheck input[value$="-achievements"] + label:before,
2940 .gamipress-all-types-multicheck input[value$="-achievements"] + label:after,
2941 .gamipress-all-types-multicheck input[value$="-ranks"] + label:before,
2942 .gamipress-all-types-multicheck input[value$="-ranks"] + label:after {
2943 left: 40px !important;
2944 }
2945
2946 /* Align inputs */
2947 .gamipress-all-types-multicheck input[value$="-steps"],
2948 .gamipress-all-types-multicheck input[value$="-rank-requirements"] {
2949 margin-left: 60px !important;
2950 }
2951
2952 /* Align labels */
2953 .gamipress-all-types-multicheck input[value$="-steps"] + label,
2954 .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label {
2955 margin-left: 112px;
2956 }
2957
2958 .gamipress-all-types-multicheck input[value$="-steps"] + label:before,
2959 .gamipress-all-types-multicheck input[value$="-steps"] + label:after,
2960 .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label:before,
2961 .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label:after {
2962 left: 60px !important;
2963 }
2964
2965 #download-system-info {
2966
2967 position: fixed;
2968 right: 0;
2969 bottom: 0;
2970 left: 0;
2971 width: 100%;
2972
2973 z-index: 1;
2974
2975 background: #fafafa;
2976 border: none;
2977 border-top: 1px solid #e5e5e5;
2978 box-shadow: 0 -1px 1px rgba(0,0,0,0.04);
2979 padding: 10px 0;
2980 margin: 0;
2981 }
2982
2983 #download-system-info .handlediv,
2984 #download-system-info .ui-sortable-handle {
2985 display: none;
2986 }
2987
2988 #download-system-info .inside,
2989 #download-system-info .cmb-row,
2990 #download-system-info .cmb-td {
2991 padding: 0;
2992 }
2993
2994 #download-system-info .cmb-td {
2995 text-align: right;
2996 padding-right: 19px;
2997 }
2998
2999 #download-system-info .cmb-row {
3000 background: transparent;
3001 }
3002
3003 .cmb2-id-import-settings-file .cmb-td {
3004 padding-bottom: 0;
3005 }
3006
3007 .cmb2-id-import-settings {
3008 border-top: 0 !important;
3009 }
3010
3011 /* -------------------------------------------
3012 List Table (used on System Info tool)
3013 ------------------------------------------- */
3014
3015 .gamipress-list-table {
3016 color: #555;
3017 }
3018
3019 .gamipress-list-table > .cmb2-metabox > .cmb-row {
3020 padding: 10px !important;
3021 font-size: 13px;
3022 }
3023
3024 .gamipress-list-table > .cmb2-metabox > .cmb-row:nth-child(odd) {
3025 background-color: #f9f9f9;
3026 }
3027
3028 .gamipress-list-table > .cmb2-metabox > .cmb-row > .cmb-th > label {
3029 font-weight: 600;
3030 color: #555;
3031 padding: 0;
3032 }
3033
3034 .gamipress-list-table .cmb-row.cmb-type-title {
3035 margin: 0 !important;
3036 }
3037
3038 .gamipress-list-table .cmb-row.cmb-type-title .cmb2-metabox-title {
3039 padding: 0;
3040 }
3041
3042 /* -------------------------------------------
3043 Upgrade Progress
3044 ------------------------------------------- */
3045
3046 .gamipress-upgrade-progress {
3047 background-color: #eee;
3048 }
3049
3050 .gamipress-upgrade-progress .gamipress-upgrade-progress-bar {
3051 background-color: #0098d7;
3052
3053 -webkit-transition: width 1s ease;
3054 -moz-transition: width 1s ease;
3055 -ms-transition: width 1s ease;
3056 -o-transition: width 1s ease;
3057 transition: width 1s ease;
3058 }
3059
3060 .gamipress-upgrade-progress,
3061 .gamipress-upgrade-progress .gamipress-upgrade-progress-bar {
3062 min-height: 8px;
3063 margin-bottom: 8px;
3064 }
3065
3066 /* -------------------------------------------
3067 Review Notice
3068 ------------------------------------------- */
3069 .gamipress-review-notice {
3070 position: relative;
3071 color: #fff;
3072 background: #0098d7;
3073 border-color: #0098d7;
3074 }
3075
3076 .gamipress-review-notice a:not(.button) {
3077 color: #fff !important;
3078 }
3079
3080 .gamipress-review-notice a.button:not(.button-primary) {
3081 background-color: #fff !important;
3082 }
3083
3084 .gamipress-review-notice > p {
3085 color: #fff !important;
3086 }
3087 .gamipress-review-notice p span {
3088 opacity: 0.7;
3089 }
3090
3091 .gamipress-review-notice ul li {
3092 display: inline-block;
3093 margin-right: 10px;
3094 }
3095
3096 .gamipress-review-notice .dashicons-gamipress {
3097 position: absolute;
3098 right: 10px;
3099 bottom: -10px;
3100 opacity: 0.3;
3101 }
3102
3103 .gamipress-review-notice .dashicons-gamipress:before {
3104 font-size: 200px;
3105 width: 200px;
3106 height: 200px;
3107 }
3108
3109 .gamipress-review-notice .button-primary {
3110 background: #46b450;
3111 border-color: #3b9243 #37863e #37863e;
3112 box-shadow: 0 1px 0 #37863e;
3113 color: #fff;
3114 text-decoration: none;
3115 text-shadow: 0 -1px 1px #37863e,
3116 1px 0 1px #37863e,
3117 0 1px 1px #37863e,
3118 -1px 0 1px #37863e;
3119 }
3120
3121 .gamipress-review-notice .button-primary.hover,
3122 .gamipress-review-notice .button-primary:hover,
3123 .gamipress-review-notice .button-primary.focus,
3124 .gamipress-review-notice .button-primary:focus {
3125 background: #47b952;
3126 border-color: #37863e;
3127 color: #fff;
3128 }
3129
3130 .gamipress-review-notice .button-primary.focus,
3131 .gamipress-review-notice .button-primary:focus {
3132 box-shadow: 0 1px 0 #3c9244,
3133 0 0 2px 1px #53d25f;
3134 }
3135
3136 .gamipress-review-notice .button-primary.active,
3137 .gamipress-review-notice .button-primary.active:hover,
3138 .gamipress-review-notice .button-primary.active:focus,
3139 .gamipress-review-notice .button-primary:active {
3140 background: #409247;
3141 border-color: #37863e;
3142 box-shadow: inset 0 2px 0 #37863e;
3143 vertical-align: top;
3144 }
3145
3146 /* -------------------------------------------
3147 Admin Menu
3148 ------------------------------------------- */
3149
3150 .gamipress-admin-menu-badge {
3151 display: inline-block;
3152 float: right;
3153 vertical-align: top;
3154 margin: 1px -11px -1px 2px;
3155 padding: 0 5px;
3156 height: 18px;
3157 border-radius: 9px;
3158 background-color: #d63638;
3159 color: #fff;
3160 font-size: 11px;
3161 line-height: 1.6;
3162 }
3163
3164 /* -------------------------------------------
3165 GamiPress Badge Builder
3166 ------------------------------------------- */
3167 .gamipress_page_gamipress_badge_builder {
3168 overflow-x: hidden;
3169 }
3170
3171 .gamipress-badge-builder {
3172 margin: 0;
3173 margin-left: -20px;
3174 }
3175
3176 .gamipress-badge-builder .gamipress-logo .dashicons {
3177 float: left;
3178 font-size: 26px;
3179 margin-top: 2px;
3180 margin-right: 8px;
3181 color: #0098D7;
3182 }
3183
3184 .gamipress-badge-builder .gamipress-logo span {
3185 color: #0098D7;
3186 }
3187
3188 .gamipress-badge-builder .gamipress-logo h1 {
3189 padding: 10px 0;
3190 }
3191
3192 .gamipress-badge-builder .gamipress-badge-builder-top {
3193 background: #fff;
3194 box-shadow: 0 1px 0 0 rgba(0, 0, 0, .133);
3195 padding: 0px 12px;
3196 min-height: 52px;
3197 }
3198
3199 .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-logo {
3200 float: left;
3201 }
3202
3203 .gamipress-badge-builder .gamipress-badge-builder-top-filename {
3204 float: left;
3205 margin-left: 25%;
3206 width: 300px;
3207 padding: 6px 0;
3208 }
3209
3210 .gamipress-badge-builder .gamipress-badge-builder-top-filename input {
3211 width: 100%;
3212 text-align: center;
3213 background: #f0f0f0;
3214 border-color: #f0f0f0;
3215 }
3216
3217 .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-badge-builder-top-actions {
3218 float: right;
3219 padding: 6px 0;
3220 }
3221
3222 .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-badge-builder-top-actions .button {
3223 position: relative;
3224 }
3225
3226 .gamipress-badge-builder .gamipress-badge-builder-action .gamipress-badge-builder-action-dropdown,
3227 .gamipress-badge-builder .gamipress-badge-builder-preview-action .gamipress-badge-builder-preview-action-dropdown {
3228 display: none;
3229 }
3230
3231 .gamipress-badge-builder .gamipress-badge-builder-action:hover .gamipress-badge-builder-action-dropdown,
3232 .gamipress-badge-builder .gamipress-badge-builder-preview-action:hover .gamipress-badge-builder-preview-action-dropdown {
3233 display: block;
3234 }
3235
3236 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown,
3237 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown {
3238 position: absolute;
3239 top: 25px;
3240 right: 0;
3241 background: #fff;
3242 border: 1px solid #d0d0d1;
3243 color: #1d2327;
3244 text-align: left;
3245 z-index: 999;
3246 }
3247
3248 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown {
3249 min-width: 150px;
3250 line-height: 2.15384615;
3251 left: 0;
3252 top: 11px;
3253 user-select: none;
3254 }
3255
3256 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li,
3257 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li {
3258 margin: 0;
3259 padding: 0px 8px;
3260 line-height: 2em;
3261 }
3262
3263 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li:hover,
3264 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li:hover {
3265 background: var( --wp-admin-theme-color, #2271b1 );
3266 color: #fff;
3267 }
3268
3269 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li:not(:last-child),
3270 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li:not(:last-child) {
3271 border-bottom: 1px solid #d0d0d1;
3272 }
3273
3274 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li strong,
3275 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li strong {
3276 display: block;
3277 margin-bottom: -8px;
3278 }
3279
3280 .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li span,
3281 .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li span {
3282 opacity: 0.8;
3283 font-size: 12px;
3284 }
3285
3286 .gamipress-badge-builder .gamipress-badge-builder-action .gamipress-badge-builder-action-dropdown li input[type="file"] {
3287 display: none !important;
3288 }
3289
3290 .gamipress-badge-builder .gamipress-badge-builder-toolbar {
3291 background: #fff;
3292 box-shadow: 0 1px 0 0 rgba(0, 0, 0, .133);
3293 margin-top: 1px;
3294 }
3295
3296 .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control {
3297 display: inline-block;
3298 padding: 6px 8px;
3299 cursor: pointer;
3300 -webkit-user-select: none;
3301 -moz-user-select: none;
3302 -ms-user-select: none;
3303 user-select: none;
3304 }
3305
3306 .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:hover {
3307 background: #f0f0f1;
3308 }
3309
3310 .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:not(:first-child) {
3311 border-left: 1px solid #d0d0d1;
3312 margin-left: -4px;
3313 }
3314
3315 .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:last-child {
3316 border-right: 1px solid #d0d0d1;
3317 }
3318
3319 .gamipress-badge-builder .gamipress-badge-builder-shortcuts-toggle {
3320 float: right;
3321 font-weight: 500;
3322 font-size: 13px;
3323 padding-top: 3px;
3324 }
3325
3326 .gamipress-badge-builder .gamipress-badge-builder-shortcuts kbd {
3327 border-radius: 2px;
3328 font-size: 11px;
3329 font-weight: 600;
3330 }
3331
3332 .gamipress-badge-builder .gamipress-badge-builder-shortcuts .cmb-th {
3333 width: 45%;
3334 font-weight: normal;
3335 }
3336
3337 .gamipress-badge-builder .gamipress-badge-builder-shortcuts .cmb-th + .cmb-td {
3338 float: left;
3339 margin-left: 5%;
3340 font-size: 12px;
3341 }
3342
3343 .gamipress-badge-builder .gamipress-badge-builder-view-backup {
3344 display: none;
3345 }
3346
3347 .gamipress-badge-builder .gamipress-badge-builder-view {
3348 width: 80%;
3349 }
3350
3351 .gamipress-badge-builder .gamipress-badge-builder-view .canvas-container {
3352 margin: 24px auto;
3353 border: 1px solid #d0d0d1;
3354 box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .133);
3355
3356 background-color: #fff;
3357 background-image:
3358 linear-gradient(45deg, #f0f0f0 25%, transparent 25%,
3359 transparent 75%, #f0f0f0 75%, #f0f0f0),
3360 linear-gradient(45deg, #f0f0f0 25%, transparent 25%,
3361 transparent 75%, #f0f0f0 75%, #f0f0f0);
3362 background-size: 30px 30px;
3363 background-position: 0 0, 15px 15px;
3364 }
3365
3366 .cmb2-id-badge-palette .cmb-th,
3367 .cmb2-id-multiple-palette .cmb-th {
3368 width: 100%;
3369 padding-bottom: 0;
3370 padding-top: 0;
3371 }
3372
3373 .cmb2-id-badge-palette .cmb-td,
3374 .cmb2-id-multiple-palette .cmb-td {
3375 width: 100%;
3376 }
3377
3378 .cmb2-id-badge-palette .cmb-td .cmb2-list,
3379 .cmb2-id-multiple-palette .cmb-td .cmb2-list {
3380 margin-left: -2%;
3381 }
3382
3383 .cmb2-id-badge-palette .cmb-td .cmb2-list li,
3384 .cmb2-id-multiple-palette .cmb-td .cmb2-list li {
3385 display: block;
3386 width: 48%;
3387 float: left;
3388 margin-left: 2%;
3389 }
3390
3391 .cmb2-id-badge-palette .cmb-td .cmb2-list li label,
3392 .cmb2-id-multiple-palette .cmb-td .cmb2-list li label {
3393 display: block;
3394 padding: 6px 8px;
3395 font-size: 13px;
3396 border: 2px solid #efefef;
3397 border-radius: 4px;
3398 cursor: pointer;
3399 }
3400
3401 .cmb2-id-badge-palette .cmb-td .cmb2-list li input,
3402 .cmb2-id-multiple-palette .cmb-td .cmb2-list li input {
3403 display: none;
3404 }
3405
3406 .cmb2-id-badge-palette .cmb-td .cmb2-list li input:checked + label,
3407 .cmb2-id-multiple-palette .cmb-td .cmb2-list li input:checked + label {
3408 border-color: var( --wp-admin-theme-color, #2271b1 );
3409 }
3410
3411 .cmb2-id-badge-palette .cmb-td .cmb2-list li input:not(:checked) + label:hover,
3412 .cmb2-id-multiple-palette .cmb-td .cmb2-list li input:not(:checked) + label:hover {
3413 border-color: #86bce7;
3414 }
3415
3416 .gamipress-badge-builder-colors-sample {
3417 display: inline-block;
3418 float: right;
3419 margin-right: 6px;
3420 }
3421
3422 .gamipress-badge-builder-color-sample {
3423 display: inline-block;
3424 width: 16px;
3425 height: 16px;
3426 border-radius: 100%;
3427 border: 1px solid #eee;
3428 margin-right: -8px;
3429 }
3430
3431 .gamipress-badge-builder-generate-multiple-view {
3432 width: 79%;
3433 height: 95%;
3434 left: -84%;
3435 position: absolute;
3436 top: 86px;
3437 background: #fff;
3438 border-right: 1px solid #d0d0d1;
3439 padding: 6px 16px;
3440 transition: left 0.3s ease-in-out;
3441 overflow-y: auto;
3442 overflow-x: hidden;
3443 }
3444
3445 .gamipress-badge-builder-generate-multiple-view .gamipress-badge-builder-preview {
3446 width: 18%;
3447 float: left;
3448 padding: 1%;
3449 text-align: center;
3450 }
3451
3452 .gamipress-badge-builder-generate-multiple-view .gamipress-badge-builder-preview .canvas-container {
3453 margin: 0 auto;
3454 }
3455
3456 .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action {
3457 border: 1px solid #d0d0d1;
3458 border-right: none;
3459 padding: 2px 3px;
3460 margin-right: -4px;
3461 cursor: pointer;
3462 }
3463
3464 .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:hover {
3465 background: #f0f0f1;
3466 }
3467
3468 .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:first-child {
3469 border-radius: 4px 0 0 4px;
3470 }
3471
3472 .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:last-child {
3473 border-radius: 0 4px 4px 0;
3474 border-right: 1px solid #d0d0d1;
3475 }
3476
3477 .gamipress-badge-builder-sidebar {
3478 width: 19%;
3479 height: 95%;
3480 position: absolute;
3481 top: 86px;
3482 right: -24%;
3483 background: #fff;
3484 border-left: 1px solid #d0d0d1;
3485 padding: 6px 16px;
3486 transition: right 0.4s ease-in-out;
3487 overflow-y: auto;
3488 overflow-x: hidden;
3489 }
3490
3491 .gamipress-badge-builder-sidebar.gamipress-badge-builder-icon-selector-open {
3492 overflow-y: hidden;
3493 }
3494
3495 .gamipress_page_gamipress_badge_builder #wpfooter {
3496 margin-right: 19%;
3497 }
3498
3499 /* GamiPress Badge Builder Icon Selector */
3500 .gamipress-badge-builder .gamipress-badge-builder-icon-selector {
3501 position: absolute;
3502 top: 56px;
3503 left: 0;
3504 width: 95%;
3505 height: 86%;
3506 overflow-y: auto;
3507 padding: 50px 6px 0 12px;
3508 background: #fff;
3509 border-top: 1px solid #d0d0d1;
3510 display: none;
3511 }
3512
3513 .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter {
3514 border-bottom: 1px solid #d0d0d1;
3515 padding: 8px 12px;
3516 margin-top: -50px;
3517 margin-left: -12px;
3518 margin-right: -12px;
3519 position: fixed;
3520 background: #fff;
3521 z-index: 1;
3522 width: 17%;
3523 min-width: 300px;
3524 }
3525
3526 .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter input {
3527 width: 86%;
3528 }
3529
3530 .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter .dashicons {
3531 padding: 5px;
3532 }
3533
3534 .gamipress-badge-builder .gamipress-badge-builder-icon-selector strong {
3535 display: block;
3536 padding: 6px 0;
3537 font-size: 14px;
3538 border-bottom: 1px solid #d0d0d1;
3539 margin-bottom: 6px;
3540 }
3541
3542 .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon,
3543 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon {
3544 display: inline-block;
3545 width: 39px;
3546 height: 39px;
3547 text-align: center;
3548 border-radius: 6px;
3549 border: 2px solid #fff;
3550 cursor: pointer;
3551 }
3552
3553 .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon:hover,
3554 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon {
3555 background: #f0f0f0;
3556 border-color: #d0d0d1;
3557 }
3558
3559 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon:hover {
3560 background: #e0e0e0;
3561 border-color: #c0c0c1;
3562 }
3563
3564 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon {
3565 width: 30px;
3566 height: 30px;
3567 }
3568
3569 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg {
3570 display: inline-block;
3571 padding: 2px
3572 }
3573
3574 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg svg {
3575 width: 100%;
3576 }
3577
3578 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .cmb-tooltip-desc.cmb-tooltip-left {
3579 top: 0;
3580 }
3581
3582 .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .cmb-tooltip-desc.cmb-tooltip-left:before {
3583 top: 4px;
3584 }
3585
3586 .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon.gamipress-badge-builder-icon-selected {
3587 border-color: var( --wp-admin-theme-color, #2271b1 );
3588 }
3589
3590 .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg {
3591 display: inline-block;
3592 padding: 2px;
3593 }
3594
3595 .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg svg {
3596 width: 100%;
3597 }
3598
3599 .gamipress-badge-builder .cmb-tooltip-desc {
3600 width: auto;
3601 white-space: nowrap;
3602 padding: 4px 8px !important;
3603 font-size: 12px;
3604 }
3605
3606 /* GamiPress Badge Builder Forms */
3607 .gamipress-badge-builder .cmb-th {
3608 width: 35%;
3609 color: #3c434a;
3610 font-size: 13px;
3611 padding: 10px 0 8px 0;
3612 }
3613
3614 .gamipress-badge-builder .cmb-td {
3615 padding: 6px 0;
3616 }
3617
3618 .gamipress-badge-builder .cmb-th,
3619 .gamipress-badge-builder .cmb-td {
3620 padding-left: 0;
3621 padding-right: 0;
3622 }
3623
3624 .gamipress-badge-builder .cmb-th + .cmb-td {
3625 float: right;
3626 }
3627
3628 .gamipress-badge-builder .cmb-td .wp-picker-holder {
3629 position: absolute;
3630 right: 12px;
3631 z-index: 1;
3632 }
3633
3634 .gamipress-badge-builder .cmb-td .wp-color-result-text,
3635 .gamipress-badge-builder .cmb-td .wp-picker-clear {
3636 display: none;
3637 }
3638
3639 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-range-input,
3640 .gamipress-badge-builder .gamipress-badge-builder-selection-options input[type="number"] {
3641 max-width: 80px;
3642 text-align: right;
3643 }
3644
3645 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-range-input {
3646 float: right;
3647 margin-top: -49px;
3648 }
3649
3650 .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-angle .cmb-td,
3651 .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-radius .cmb-td,
3652 .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-stroke-angle .cmb-td,
3653 .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-stroke-radius .cmb-td {
3654 padding-top: 0;
3655 }
3656
3657 .gamipress-badge-builder .gamipress-badge-builder-selection-options input[type="range"] {
3658 margin-left: 0;
3659 }
3660
3661 .gamipress-badge-builder .cmb2-metabox-title {
3662 display: block;
3663 padding-bottom: 6px;
3664 font-size: 14px;
3665 border-bottom: 1px solid #d0d0d1;
3666 font-weight: 700;
3667 color: #222222;
3668 }
3669
3670 /* Badge Builder > Selection Options > Tools */
3671 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-th {
3672 width: 25%;
3673 }
3674
3675 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .gamipress-badge-builder-tool {
3676 background: #f0f0f0;
3677 border: 1px solid #d0d0d1;
3678 border-radius: 4px;
3679 padding: 4px;
3680 cursor: pointer;
3681 -webkit-user-select: none;
3682 -moz-user-select: none;
3683 -ms-user-select: none;
3684 user-select: none;
3685 }
3686
3687 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .gamipress-badge-builder-tool:hover {
3688 background: #e0e0e0;
3689 border-color: #c0c0c1;
3690 }
3691
3692 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-tooltip {
3693 float: none;
3694 }
3695
3696 .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-tooltip .dashicons {
3697 opacity: 1;
3698 }
3699
3700 /* Badge Builder Icons */
3701 .gamipress-badge-builder .dashicons-image-rotate.dashicons-image-rotate-right {
3702 transform: rotateY(180deg);
3703 }
3704
3705 .dashicons-gamipress-align-horizontal-center:before,
3706 .dashicons-gamipress-align-horizontal-left:before,
3707 .dashicons-gamipress-align-horizontal-right:before,
3708 .dashicons-gamipress-align-vertical-bottom:before,
3709 .dashicons-gamipress-align-vertical-center:before,
3710 .dashicons-gamipress-align-vertical-top:before,
3711 .dashicons-gamipress-group:before,
3712 .dashicons-gamipress-ungroup:before,
3713 .dashicons-gamipress-send-back:before,
3714 .dashicons-gamipress-send-front:before {
3715 content: '';
3716 display: inline-block;
3717 width: 24px;
3718 height: 24px;
3719 margin-top: -2px;
3720 margin-left: -2px;
3721 background-color: #3c434a;
3722 mask-size: cover;
3723 mask-repeat: no-repeat;
3724 }
3725
3726 .dashicons-gamipress-align-horizontal-center:before,
3727 .dashicons-gamipress-align-horizontal-left:before,
3728 .dashicons-gamipress-align-horizontal-right:before,
3729 .dashicons-gamipress-align-vertical-bottom:before,
3730 .dashicons-gamipress-align-vertical-center:before,
3731 .dashicons-gamipress-align-vertical-top:before {
3732 mask-size: 86%;
3733 margin-top: 0px;
3734 margin-left: 0px;
3735 }
3736
3737 .dashicons-gamipress-align-horizontal-center:before {
3738 -webkit-mask-image: url('../img/badge-builder/align-horizontal-center.svg');
3739 mask-image: url('../img/badge-builder/align-horizontal-center.svg');
3740 }
3741
3742 .dashicons-gamipress-align-horizontal-left:before {
3743 -webkit-mask-image: url('../img/badge-builder/align-horizontal-left.svg');
3744 mask-image: url('../img/badge-builder/align-horizontal-left.svg');
3745 }
3746
3747 .dashicons-gamipress-align-horizontal-right:before {
3748 -webkit-mask-image: url('../img/badge-builder/align-horizontal-right.svg');
3749 mask-image: url('../img/badge-builder/align-horizontal-right.svg');
3750 }
3751
3752 .dashicons-gamipress-align-vertical-bottom:before {
3753 -webkit-mask-image: url('../img/badge-builder/align-vertical-bottom.svg');
3754 mask-image: url('../img/badge-builder/align-vertical-bottom.svg');
3755 }
3756
3757 .dashicons-gamipress-align-vertical-center:before {
3758 -webkit-mask-image: url('../img/badge-builder/align-vertical-center.svg');
3759 mask-image: url('../img/badge-builder/align-vertical-center.svg');
3760 }
3761
3762 .dashicons-gamipress-align-vertical-top:before {
3763 -webkit-mask-image: url('../img/badge-builder/align-vertical-top.svg');
3764 mask-image: url('../img/badge-builder/align-vertical-top.svg');
3765 }
3766
3767 .dashicons-gamipress-group:before {
3768 -webkit-mask-image: url('../img/badge-builder/group.svg');
3769 mask-image: url('../img/badge-builder/group.svg');
3770 }
3771
3772 .dashicons-gamipress-ungroup:before {
3773 -webkit-mask-image: url('../img/badge-builder/ungroup.svg');
3774 mask-image: url('../img/badge-builder/ungroup.svg');
3775 }
3776
3777 .dashicons-gamipress-send-back:before {
3778 -webkit-mask-image: url('../img/badge-builder/send-back.svg');
3779 mask-image: url('../img/badge-builder/send-back.svg');
3780 }
3781
3782 .dashicons-gamipress-send-front:before {
3783 -webkit-mask-image: url('../img/badge-builder/send-front.svg');
3784 mask-image: url('../img/badge-builder/send-front.svg');
3785 }
3786
3787 .cmb2-id-fill-color-type-notice .cmb-th,
3788 .cmb2-id-fill-color-type-notice .cmb-td,
3789 .cmb2-id-fill-color-type-notice .cmb2-metabox-description,
3790 .cmb2-id-stroke-color-type-notice .cmb-th,
3791 .cmb2-id-stroke-color-type-notice .cmb-td,
3792 .cmb2-id-stroke-color-type-notice .cmb2-metabox-description {
3793 padding: 0 !important;
3794 }
3795
3796 /* Default images */
3797 .gamipress-badge-builder-default-badges {
3798 margin-top: 10px;
3799 }
3800
3801 .gamipress-badge-builder-default-badges-description-top,
3802 .gamipress-badge-builder-default-badges-description-bottom {
3803 color: #646970;
3804 margin-bottom: 6px;
3805 margin-top: 4px;
3806 }
3807
3808 .block-editor__container .gamipress-badge-builder-default-badges-description-top {
3809 margin-bottom: -12px;
3810 }
3811
3812 .block-editor__container .gamipress-badge-builder-default-badges-description-bottom {
3813 margin-top: -14px;
3814 }
3815
3816 .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb {
3817 border-radius: 4px;
3818 cursor: pointer;
3819 height: auto;
3820 padding: 3px;
3821 width: 14%;
3822 background: transparent !important;
3823 opacity: 0.4;
3824 }
3825
3826 .block-editor__container .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb {
3827 padding: 2px;
3828 width: 16%;
3829 }
3830
3831 .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb:hover {
3832 opacity: 1;
3833 }
3834
3835 /* Sortable icon */
3836 .gamipress-sortable-multicheck .cmb2-list li {
3837 position: relative;
3838 padding-right: 28px;
3839 }
3840
3841 .gamipress-sortable-multicheck .cmb2-list li::before {
3842 content: "\f333"; /* dashicons-menu */
3843 font-family: dashicons;
3844 position: absolute;
3845 right: 5px;
3846 top: 50%;
3847 transform: translateY(-50%);
3848 cursor: move;
3849 color: #777;
3850 }
3851
3852 .gamipress-sortable-multicheck .cmb2-list li.ui-sortable-helper::before {
3853 cursor: move;
3854 }
3855