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