PluginProbe
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI / 7.9.6
GamiPress – Gamification plugin to reward points, badges & ranks in WordPress, now with AI v7.9.6
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 7.9.6, at assets/css/gamipress-admin.css

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