PluginProbe
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI / 8.0.0
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI v8.0.0
8.0.5 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 All 47 releases
gamipress / assets / css / gamipress-admin.css

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

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