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