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

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