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

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

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