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

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

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