/* ------------------------------------------- GamiPress Icon ------------------------------------------- */ @font-face { font-family: 'GamiPress'; src: url('../fonts/gamipress.eot?6ncb0e'); src: url('../fonts/gamipress.eot?6ncb0e#iefix') format('embedded-opentype'), url('../fonts/gamipress.ttf?6ncb0e') format('truetype'), url('../fonts/gamipress.woff?6ncb0e') format('woff'), url('../fonts/gamipress.svg?6ncb0e#gamipress') format('svg'); font-weight: normal; font-style: normal; } .dashicons-rank, .dashicons-rank:before, .dashicons-gamipress, .dashicons-gamipress:before, #dashboard-widgets #gamipress h2:before, .widget[id*="_gamipress_"] .widget-title h3:before { font-family: 'GamiPress' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e900"; } .dashicons-rank, .dashicons-rank:before { content: "\e901"; } .profile-php h2 .dashicons-gamipress { color: #0098d7; vertical-align: bottom; } .wp-media-buttons-icon.dashicons-gamipress, .wp-media-buttons-icon.dashicons-gamipress:before { color: #0098d7; /*line-height: 18px !important;*/ } #dashboard-widgets #gamipress h2 { justify-content: flex-start; } #dashboard-widgets #gamipress h2:before, .widget[id*="_gamipress_"] .widget-title h3:before { display: inline-block; width: 20px; height: 10px; font-size: 20px; line-height: 8px; vertical-align: middle; text-align: center; margin-right: 2px; color: #0098d7; } /* Admin Menu */ .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(3), .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(6), .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(8), .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(11), .menu-top.toplevel_page_gamipress .wp-submenu li:nth-child(14) { border-top: 1px solid #666; } /* ------------------------------------------- Utils ------------------------------------------- */ /* No padding utility */ .gamipress-no-pad { padding: 0 !important; } /* Label utility */ .gamipress-label-info, .gamipress-label-success, .gamipress-label-warning, .gamipress-label-danger { color: #fff; padding: 1px 5px; font-size: 12px; font-weight: 500; border-radius: 2px; } .gamipress-label-info { background-color: #00a0d2; } .gamipress-label-success { background-color: #46b450; } .gamipress-label-warning { background-color: #ffb900; } .gamipress-label-danger { background-color: #dc3232; } /* ------------------------------------------- Buttons ------------------------------------------- */ .button.gamipress-button-success { background: #46b450; border: #46b450; color: #fff; } .button.gamipress-button-success:hover { background: #40a549; border: #40a549; color: #fff; } .button.gamipress-button-success:focus, .button.gamipress-button-success:active { background: #399341; border: #399341; color: #fff; } .button.gamipress-button-danger { background: #e15151; border: #e15151; color: #fff; } .button.gamipress-button-danger:hover { background: #de3b3b; border: #de3b3b; color: #fff; } .button.gamipress-button-danger:focus, .button.gamipress-button-danger:active { background: #da2525; border: #da2525; color: #fff; } /* ------------------------------------------- Dashboard widgets ------------------------------------------- */ #dashboard-widgets #gamipress .inside { margin-top: 0; } #dashboard-widgets #gamipress h3 { border-bottom: 1px solid #eee; border-top: 1px solid #eee; clear: both; margin: 0 -12px; padding: 6px 12px; background-color: #fafafa; } #dashboard-widgets #gamipress h3 a { text-decoration: none; } #dashboard-widgets #gamipress h3 .dashicons { color: #82878c; vertical-align: bottom; } #dashboard-widgets #gamipress h3:first-child { border-top: 0; } #dashboard-widgets #gamipress .gamipress-registered-achievements ul:after, #dashboard-widgets #gamipress .gamipress-registered-points ul:after, #dashboard-widgets #gamipress .gamipress-registered-ranks ul:after { content: ""; display: block; clear: both; } #dashboard-widgets #gamipress .gamipress-registered-achievements li, #dashboard-widgets #gamipress .gamipress-registered-points li, #dashboard-widgets #gamipress .gamipress-registered-ranks li { float: left; width: 50%; margin-top: 0; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul { margin: 0 -12px -12px; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul li { margin: 0; padding: 4px 12px; border-bottom: 1px solid #eee; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul li:nth-child(2n) { background-color: #fafafa; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul li:last-child { border-bottom: none; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul li span { color: #72777c; } #dashboard-widgets #gamipress .gamipress-latest-earnings li:nth-child(odd) { background-color: #f6f7f7; } #dashboard-widgets #gamipress .gamipress-latest-earnings ul li span { display: block; text-align: right; } #dashboard-widgets #gamipress .gamipress-latest-earnings a.gamipress-latest-earnings-view-all { display: block; margin: 22px 0 0 0; text-align: center; } /* ------------------------------------------- Meta Boxes (CMB2) ------------------------------------------- */ .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 { padding: 1em 0; border: none; } .gamipress-box-form .cmb-repeatable-group .cmb-th h2 { font-weight: 600; } .gamipress-box-form .cmb-row.cmb-repeat .cmb2-metabox-description { font-weight: normal; color: #aaaaaa; padding-left: 12px; } .gamipress-box-form .cmb-repeatable-group .postbox { border-radius: 0; } .gamipress-box-form .cmb-repeatable-group .cmb-group-title { background-color: #fafafa; } .gamipress-box-form .cmb-repeatable-group .postbox:not(.closed) .cmb-group-title { border-bottom: 1px solid #e9e9e9; } .gamipress-form .cmb2-char-counter, .gamipress-page .cmb2-char-counter { border: none; min-height: 24px; padding: 0 4px; text-align: center; font-weight: 500; vertical-align: baseline; } .gamipress-form .cmb2-char-counter:focus, .gamipress-page .cmb2-char-counter:focus { background-color: #eee; border: none; outline: none; box-shadow: none; } .gamipress-form .wp-picker-container .wp-color-result .color-alpha { height: 28px !important; width: 28px !important; border-radius: 100% !important; } /* Compatibility fix between CMB2 & WP 7.0 */ .cmb2-wrap input[type=radio]:checked:focus { background: var(--wp-admin-theme-color); } @media only screen and (min-width: 850px) { #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th label { font-weight: 600; } #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th label:after, #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row { border: none; } #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row:first-child { padding-top: 0; } #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row, #postbox-container-1 #side-sortables .gamipress-box-form .cmb-row .cmb2-metabox-description, #postbox-container-1 #side-sortables .gamipress-box-form .cmb-th { padding-bottom: 0; } } /* Points/achievement/rank types edit screen */ .post-type-points-type #post-body #post-body-content, .post-type-achievement-type #post-body #post-body-content, .post-type-rank-type #post-body #post-body-content { display: none; } /* Inline points image */ img.gamipress-points-thumbnail-inline { height: 1.1em; width: auto; vertical-align: middle !important; margin-top: -0.3em; } /* ------------------------------------------- Requirements UI ------------------------------------------- */ #gamipress-requirements-ui .inside, .postbox[id^="gamipress-requirements-ui-"] .inside { background-color: #f0f0f1; } .block-editor-page #gamipress-requirements-ui .inside, .block-editor-page .postbox[id^="gamipress-requirements-ui-"] .inside { border-top: 1px solid #ddd; } body:not(.block-editor-page) #gamipress-requirements-ui, body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] { border: none; box-shadow: none; } body:not(.block-editor-page) #gamipress-requirements-ui .postbox-header, body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] .postbox-header { border: 1px solid #c3c4c7; } body:not(.block-editor-page) #gamipress-requirements-ui .inside, body:not(.block-editor-page) .postbox[id^="gamipress-requirements-ui-"] .inside { padding: 6px 0 6px 0; margin: 0 !important; } #gamipress-requirements-ui .spinner, .postbox[id^="gamipress-requirements-ui-"] .spinner { float: none; margin-top: 0; } .gamipress-requirements-sequential { position: relative; display: inline-block; margin-left: 5px; } .gamipress-requirements-sequential label { color: #888; font-style: italic; margin-left: 45px; } li.requirement-row { background: #fff; border: 1px solid #c3c4c7; padding: 15px; margin: 0; position: relative; } li.requirement-row.ui-sortable-placeholder { visibility: visible !important; background-color: #e0e0e1; } li.requirement-row.ui-sortable-helper { z-index: 2 !important; } li.requirement-row:not(:first-child) { margin-top: 8px; } li.requirement-row .requirement-header { background: #fafafa; border-bottom: 1px solid #c3c4c7; margin: -15px -15px 15px -15px; cursor: move; } li.requirement-row .requirement-header .requirement-header-title { display: inline-block; font-size: 14px; line-height: 1.4; padding: 8px 12px; min-height: 15px; font-weight: 600; } li.requirement-row .requirement-header .requirement-header-title .requirement-order { color: #72777c; } li.requirement-row .requirement-header .requirement-header-title .requirement-unsaved-changes { color: #ffb900; height: 17px; } li.requirement-row .requirement-header .requirement-actions { display: flex; float: right; } li.requirement-row .requirement-header .requirement-actions .requirement-action { cursor: pointer; padding: 8px; color: #72777c; } li.requirement-row .requirement-header .requirement-actions .requirement-action:hover { color: #444; } li.requirement-row .requirement-header .requirement-actions .requirement-action:not(:first-child) { border-left: 1px solid #c3c4c7; } li.requirement-row .requirement-header .requirement-actions .requirement-action-change-status { position: relative; } li.requirement-row .requirement-actions .requirement-action.requirement-action-delete { color: #ca4a1f; } li.requirement-row .requirement-actions .requirement-action.requirement-action-delete:hover { color: #a00; } li.requirement-row .required-duration { text-align: right; } li.requirement-row .requirement-awards, li.requirement-row .requirement-optional, li.requirement-row .requirement-url, li.requirement-row .requirement-title { display: block; padding-top: 5px; } li.requirement-row .points-required { width: 100px; } li.requirement-row .count, li.requirement-row .limit, li.requirement-row .maximum-earnings { max-width: 60px; } li.requirement-row .requirement-optional { float: right; } li.requirement-row .requirement-optional > label { display: none; } li.requirement-row .requirement-optional select.optional-selected { 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%; border-color: #11a0d2; color: #fff; } li.requirement-row .requirement-optional select.optional-selected:hover, li.requirement-row .requirement-optional select.optional-selected:focus, li.requirement-row .requirement-optional select.optional-selected:active { background-color: #0f8ebd; border-color: #0f8ebd; } li.requirement-row .requirement-title { width: 100%; } li.requirement-row .requirement-optional + .requirement-title { width: calc( 100% - 95px); } li.requirement-row .url, li.requirement-row .title { width: calc( 100% - 58px ); } li.requirement-row input, li.requirement-row select, li.requirement-row textarea { vertical-align: middle; background-color: #f0f0f0; border-color: #f0f0f0; } li.requirement-row input:hover, li.requirement-row select:hover, li.requirement-row textarea:hover, li.requirement-row input:focus, li.requirement-row select:focus, li.requirement-row textarea:focus, li.requirement-row input:active, li.requirement-row select:active, li.requirement-row textarea:active { background-color: #e0e0e0; } li.requirement-row input::placeholder { color: #888; } li.requirement-row input[readonly] { color: #fff; background-color: #333; } li.requirement-row input[readonly]:hover, li.requirement-row input[readonly]:focus, li.requirement-row input[readonly]:active { background-color: #222; } li.requirement-row .gamipress-select2 .select2-selection { background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; box-shadow: none !important; height: 40px; } li.requirement-row .gamipress-select2 .select2-selection--single .select2-selection__arrow { background-color: #f0f0f0 !important; height: 40px; } li.requirement-row .gamipress-select2 .select2-selection--single .select2-selection__rendered { line-height: 40px; } li.requirement-row label { width: 50px; display: inline-block; margin-top: 5px; margin-bottom: 5px; vertical-align: top; } li.requirement-row.requirement-disabled { color: rgba( 51, 51, 51, 0.5 ); } .gamipress-add-requirement { margin-right: 6px !important; } .gamipress-add-requirement .dashicons, .gamipress-save-requirements .dashicons { line-height: 2 !important; opacity: 0.8; margin-right: 4px; margin-left: -4px; } /* Requirements UI Mobile */ @media screen and (max-width: 782px) { li.requirement-row { font-size: 16px; } li.requirement-row label { padding: 10px 0; width: 100%; margin: 0; } li.requirement-row label:first-child { padding-top: 0; } li.requirement-row .requirement-optional + .requirement-title { width: calc( 100% - 110px); } li.requirement-row .title { width: 100%; } li.requirement-row .requirement-optional { margin-top: 37px; } .button.gamipress-add-requirement { min-height: 30px; line-height: 2.2; } } /* ------------------------------------------- Earners meta box ------------------------------------------- */ #gamipress-earners .inside { padding: 0; } #gamipress-earners .ct-ajax-list-table { margin: 0; } #gamipress-earners .ct-ajax-list-table .tablenav { margin-right: 12px; } #gamipress-earners .ct-ajax-list-table .tablenav input { vertical-align: baseline; } body:not(.block-editor-page) #gamipress-earners .ct-ajax-list-table .wp-list-table { border-left: 0; border-right: 0; } /* ------------------------------------------- Log edit screen ------------------------------------------- */ /* Make title appear like WordPress title */ #gamipress-log-title.postbox { border: 0; box-shadow: none; background: transparent; } #gamipress-log-title .handlediv, #gamipress-log-title .hndle, #gamipress-log-title .postbox-header, #gamipress-log-title .cmb-th { display: none; } #gamipress-log-title .inside { padding: 0; margin: 0; } #gamipress-log-title .cmb-td { width: 100%; max-width: 100% !important; padding: 0; } #gamipress-log-title .cmb-td input { padding: 3px 8px; font-size: 1.7em; line-height: 100%; height: 1.7em; width: 100%; outline: none; margin: 0 0 3px; background-color: #fff; } .gamipress-pattern-tags-list, .gamipress-log-pattern-tags-list { color: #aaaaaa; font-style: italic; margin: 0; padding-top: .5em; } .gamipress-pattern-tags-list li, .gamipress-log-pattern-tags-list li { font-size: 13px !important; } .gamipress-pattern-tags-list code, .gamipress-log-pattern-tags-list code { color: #444; padding: 3px 2px 2px 2px; } .gamipress-pattern-tags-list li strong, .gamipress-log-pattern-tags-list li strong { color: #444; } .gamipress-pattern-tags-list li span, .gamipress-log-pattern-tags-list li span { color: #444; font-style: normal; } @media screen and (max-width: 782px) { #log-extra-data-ui .cmb-td { padding-left: 0; } } /* ------------------------------------------- Post lists ------------------------------------------- */ .gamipress-post-type .wp-list-table .column-thumbnail { width: 40px; text-align: center; padding-right: 0; } .gamipress-post-type .wp-list-table .column-post_id { width: 40px; } @media screen and (max-width: 782px) { .gamipress-post-type .wp-list-table .is-expanded td.column-thumbnail { display: table-cell !important; } .gamipress-post-type .wp-list-table .column-thumbnail:before { display: none !important; } .gamipress-post-type .wp-list-table .column-thumbnail + .column-title { display: table-cell !important; /*min-width: calc( 100% - 75px ) !important; /* 35px from cb and 40 px from thumbnail */ } .gamipress-post-type .wp-list-table .is-expanded td:not(.hidden):not(.column-thumbnail):not(.column-title) { margin-left: -40px; } } /* ------------------------------------------- User Profile ------------------------------------------- */ .gamipress-table th { font-weight: bold; padding: 8px 10px; } .gamipress-table a.error, .gamipress_user_earnings a.error { color: #a00; } .wp-list-table.gamipress_user_earnings .column-name img, .wp-list-table.gamipress_user_earnings .column-user_id img { float: left; margin-right: 10px; } .wp-list-table.gamipress_user_earnings .column-user_id img { border-radius: 50%; } .wp-list-table.gamipress_user_earnings .column-points { width: 12%; } .wp-list-table.gamipress_user_earnings .column-action { width: 10%; } .gamipress-profile-cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gamipress-profile-cards .gamipress-profile-card-wrapper { width: 100%; display: flex; } .gamipress-profile-cards .gamipress-profile-card-wrapper .gamipress-profile-card { width: 100%; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0,0,0,0.04); background: #fff; padding: 6px 12px 12px 12px; margin-right: 8px; margin-bottom: 8px; } @media screen and (min-width: 782px) { .gamipress-profile-cards .gamipress-profile-card-wrapper { width: 25%; } } .profile-points label { font-weight: 500; } .profile-rank select, .profile-rank .description, .profile-points .description { display: block; margin-top: 5px; color: #757575; font-style: italic; } .profile-points input { width: 100%; margin-top: 5px; } .profile-rank .profile-rank-type-name, .profile-points .profile-points-type-name { display: block; margin-bottom: 5px; } .profile-rank .profile-rank-thumbnail, .profile-points .profile-points-thumbnail { display: inline-block; vertical-align: middle; margin-right: 5px; } .profile-rank .profile-rank-thumbnail:empty, .profile-points .profile-points-thumbnail:empty { display: none; } .profile-rank-title, .profile-points-amount { vertical-align: middle; font-size: 18px; } .profile-rank .profile-rank-toggle, .profile-points .profile-points-toggle { display: block; text-align: right; box-shadow: none !important; } .profile-rank .profile-rank-form-buttons, .profile-points .profile-points-form-buttons { margin-top: 12px; } .profile-rank-form-wrapper, .profile-points-form-wrapper { display: none; } .profile-points .profile-points-register-movement-input-label { display: block; margin-top: 12px; } .profile-points .profile-points-register-movement-input { position: relative; margin: 5px 0 12px 0; } .profile-points .profile-points-register-movement-input input { top: -2px !important; } .profile-points .profile-points-register-movement-input label { margin-left: 46px; font-weight: 400; color: #757575; font-style: italic; } #gamipress-awards-options td img { float: left; margin-right: 10px; } #gamipress-awards-options .spinner, .gamipress_user_earnings .gamipress-revoke-user-earning + .spinner { float: none; margin: 3px 0 0 4px; background-size: 14px 14px; width: 14px; height: 14px; vertical-align: top; } .gamipress-award-achievement.disabled, .gamipress-revoke-achievement.disabled, .gamipress-revoke-user-earning.disabled { opacity: 0.6; cursor: not-allowed; } /* ------------------------------------------- Shortcode Editor ------------------------------------------- */ .gamipress-shortcode-thickbox #TB_ajaxContent { width: 100% !important; max-height: 100%; padding: 0; } .gamipress-shortcode-thickbox .wrap { padding-left: 20px; } .gamipress-shortcode-thickbox .wrap:after { content: ""; display: table; clear: both; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row:not(.cmb-repeat-row) { width: 50%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row { width: 100%; padding: 5px 40px 5px 40px; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row input:not(.button), .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row select { width: 100%; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row.cmb-repeat-row input.wp-color-picker { min-width: 165px; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-repeat-row .cmb-td.cmb-remove-row { width: auto; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-repeat-table + .cmb-add-row { padding: 0; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap, .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-row { width: 100% !important; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-name { font-size: 14px; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-description .cmb2-metabox-description { font-weight: 400; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmbhandle { right: -5px; top: -5px; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-repeat-group-wrap .cmb-group-title { margin: -5px; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title { width: 100%; border-bottom: 1px solid #eee; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title:not(:first-child) { border-top: 1px solid #eee; margin-top: 1em; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title .cmb2-metabox-title, .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row.cmb-type-title p.cmb2-metabox-description { padding: 0 !important; margin: 0; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row:nth-child(2n+1) { clear: both; } .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row .cmb-th, .gamipress-shortcode-thickbox .cmb2-wrap .cmb-row .cmb-td { width: 100%; padding: 0; } @media screen and (max-width: 782px) { .gamipress-shortcode-thickbox .cmb2-wrap .cmb-field-list .cmb-row:not(.cmb-repeat-row) { width: 100%; } .gamipress-shortcode-thickbox .wrap { padding-left: 12px; } } /* Shortcode Editor tabs */ .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs { background-color: transparent; } .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab { border-top: 1px solid #eee; } .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab:first-child { border-left: 1px solid #eee; } .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab:not(.active) { background-color: #fafafa; } .gamipress-shortcode-thickbox .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon { margin-right: 0; } /* ------------------------------------------- Meta Boxes Forms ------------------------------------------- */ @media screen and (max-width: 782px) { .gamipress-box-form .cmb-th { width: 100%; padding-bottom: 20px; } .gamipress-box-form .cmb-th + .cmb-td { width: 100%; } .gamipress-box-form .cmb-row:not(:last-of-type) .cmb-td { padding-bottom: 20px; } .gamipress-box-form .cmb2-metabox-description { display: block; } } /* ------------------------------------------- Select2 ------------------------------------------- */ .gamipress-select2 { width: 100% !important; z-index: 100051; } body > .gamipress-select2, .gamipress-widget-form .gamipress-select2 { z-index: 100051; max-width: 100%; } body.wp-customizer > .gamipress-select2 { z-index: 1000051; } .gamipress-widget-form .gamipress-select2 { width: 25em !important; } .postbox .gamipress-select2 { z-index: 1; } .user-edit-php .gamipress-select2, .profile-php .gamipress-select2, .gamipress_tools .gamipress-select2 { width: 25em !important; } .requirements-list .gamipress-select2 { max-width: 300px; } .gamipress-select2 .select2-selection, .gamipress-select2 .select2-search--dropdown .select2-search__field, .gamipress-select2.select2-container--focus .select2-selection--multiple { border: 1px solid #7e8993 !important; border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ) !important; box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ) !important; color: #32373c !important; min-height: 31px !important; } .gamipress-select2 .select2-selection--single .select2-selection__rendered { line-height: 30px; } .gamipress-select2 .select2-dropdown { border-color: #7e8993 !important; border-radius: 0 !important; } .gamipress-select2 .select2-selection--single .select2-selection__clear { font-size: 18px; line-height: 36px; margin-right: 5px; } .gamipress-select2 .select2-selection--multiple .select2-selection__clear { font-size: 18px; margin-top: 4px; margin-right: 6px; } .gamipress-select2 .select2-results__option, .gamipress-select2 .select2-search--dropdown .select2-search__field { margin: 0 !important; } .gamipress-select2 .select2-selection--multiple .select2-selection__rendered li { border-radius: 0; padding: 2px 5px 2px; vertical-align: middle; margin-bottom: 0 !important; } .gamipress-select2 .select2-selection--multiple .select2-selection__choice__remove { line-height: 10px; font-size: 18px; vertical-align: top; margin-top: 1px; } .gamipress-select2 .select2-search--inline .select2-search__field { margin-top: 3px; } .gamipress-select2 .select2-selection--multiple .select2-selection__choice { background-color: #f5f5f5 !important; border-color: #7e8993 !important; border-radius: 3px !important; font-style: normal !important; } .gamipress-select2 .select2-results__group { background-color: #fafafa; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .gamipress_settings .gamipress-select2 { vertical-align: baseline; } .gamipress_settings .gamipress-select2.select2-container .select2-selection--single { height: 31px; } .gamipress-select2.select2-container--default .select2-selection--single .select2-selection__arrow { height: 29px; /* The SVG is arrow-down-alt2 from Dashicons. */ 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%; } .gamipress-select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotate(180deg); background-position-x: 3px; } .gamipress-select2.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .gamipress-select2.select2-container--disabled .select2-selection--single .select2-selection__arrow { opacity: 0.5; } .gamipress-select2 .select2-results .select2-results__option .result-description { display: block; position: relative; color: #aaaaaa; } .gamipress-select2 .select2-results .select2-results__option .result-description .align-right { float: right; } .gamipress-select2 .select2-results__option--highlighted[aria-selected] { background-color: var(--wp-admin-theme-color, #5897fb) !important; } .gamipress-select2 .select2-results__option--highlighted[aria-selected] .result-description { color: rgba(255,255,255,0.7); } .gamipress-select2.select2-container--disabled .select2-selection--single { background: rgba( 255, 255, 255, 0.5 ) !important; border-color: rgba( 222, 222, 222, 0.75 ) !important; box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 ) !important; } .gamipress-select2.select2-container--disabled .select2-selection--single .select2-selection__rendered { color: rgba( 51, 51, 51, 0.5 ) !important; } .select2-container--gamipress-select2-hidden { display: none !important; } @media screen and (max-width: 782px) { .gamipress-select2 .select2-selection, .gamipress-select2 .select2-search--dropdown .select2-search__field, .gamipress-select2.select2-container--focus .select2-selection--multiple { min-height: 36px !important; } .gamipress-select2 .select2-selection--single .select2-selection__arrow { height: 36px !important; } .gamipress-select2 .select2-selection--single .select2-selection__rendered { line-height: 36px !important; font-size: 16px; } } /* ------------------------------------------- Switch control ------------------------------------------- */ .gamipress-switch .cmb-td { position: relative; min-height: 14px; } .gamipress-switch input { position: absolute; top: -2px; left: -1px; width: 48px; height: 26px; margin: 0; padding: 0; z-index: 1; border: none; box-shadow: none; background: transparent !important; border-radius: 60px; } .gamipress-switch input:before, .gamipress-switch input:after { display: block; position: absolute; content: "" !important; left: 0; top: 0; } .gamipress-switch input:before { border: 2px solid #6c7781; border-radius: 100%; width: 4px; height: 4px; margin-top: 9px; margin-left: 32px; } .gamipress-switch input:checked:before { border-color: transparent; background-color: transparent; } .gamipress-switch input:before { background: transparent; } .gamipress-switch input:checked:after { background: #fff; width: 2px; height: 8px; margin-top: 9px; margin-left: 12px; } .gamipress-switch label .cmb2-metabox-description { display: block; margin-top: 28px; } .gamipress-switch input + label:before, .gamipress-switch input + label:after { display: block; position: absolute; top: 0; bottom: 0; left: 1px; content: ""; width: 40px; height: 18px; } .gamipress-switch input + label:before { right: 1px; background-color: transparent; border: 2px solid #6c7781; border-radius: 60px; transition: all 0.2s ease; } .gamipress-switch input + label:after { width: 14px; height: 14px; margin-left: 4px; margin-top: 4px; background-color: #6c7781; border-radius: 100%; transition: all 0.2s ease; } .gamipress-switch input:checked + label:before { background-color: var(--wp-admin-theme-color, #11a0d2); border-color: transparent; } .gamipress-switch input:checked + label:after { margin-left: 26px; background-color: #fff; } #postbox-container-1 #side-sortables .gamipress-box-form .gamipress-switch .cmb-td { min-height: 32px; } #postbox-container-1 #side-sortables .gamipress-box-form .gamipress-switch .cmb2-metabox-description { content: ""; display: inline-block; height: 45px; } .block-editor #side-sortables .gamipress-box-form .gamipress-switch .cmb2-metabox-description { display: inline-block; padding-top: 0; } .gamipress-switch .cmb2-list li { position: relative; } .gamipress-switch .cmb2-list input + label { display: block; line-height: 24px; margin-left: 52px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .edit-post-meta-boxes-area .metabox-location-side .postbox .gamipress-switch input[type="checkbox"]::before { margin: 8px 0 0 32px !important; box-sizing: content-box; } li.requirement-row .requirement-header .requirement-actions .requirement-action .gamipress-switch { position: relative; } li.requirement-row .requirement-header .requirement-actions .requirement-action .gamipress-switch input { top: -2px; left: -1px; width: 44px; height: 24px; } .gamipress-requirements-sequential.gamipress-switch input + label:before, .gamipress-requirements-sequential.gamipress-switch input + label:after { top: 2px; } label[for="_gamipress_sequential"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ------------------------------------------- Switch control (small version) ------------------------------------------- */ .gamipress-switch.gamipress-switch-small input { top: 0px; left: -1px; width: 44px; height: 24px; } .gamipress-switch.gamipress-switch-small input:before { width: 3px; height: 3px; margin-top: 9px; margin-left: 29px; } .gamipress-switch.gamipress-switch-small input:after { height: 6px; margin-top: 9px; margin-left: 11px; } .gamipress-switch.gamipress-switch-small label { width: 40px; } .gamipress-switch.gamipress-switch-small input + label:before, .gamipress-switch.gamipress-switch-small input + label:after { width: 36px; height: 16px; } .gamipress-switch.gamipress-switch-small input + label:after { width: 12px; height: 12px; margin-top: 4px; } .gamipress-switch.gamipress-switch-small input:checked + label:after { margin-left: 24px; } /* ------------------------------------------- Image options control ------------------------------------------- */ .gamipress-image-options .cmb2-radio-list input { display: none; } .gamipress-image-options .cmb2-radio-list label { text-align: center; display: inline-block !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gamipress-image-options .cmb2-radio-list img { display: block; width: 55px; border: 3px solid #efefef; margin-bottom: 2px; } .gamipress-image-options .cmb2-radio-list input:checked + label img { border-color: var(--wp-admin-theme-color, #1e8cbe); } .gamipress-widget-form .gamipress-image-options .cmb2-radio-list li { padding-right: 1px; } @media only screen and (min-width: 850px) { #post-body.columns-2 #postbox-container-1 .gamipress-image-options .cmb2-radio-list li { padding-right: 1px; } } /* ------------------------------------------- Font Size control ------------------------------------------- */ .gamipress-font-size select option[value="h1"] { font-size: 24px; font-weight: 700; } .gamipress-font-size select option[value="h2"] { font-size: 22px; font-weight: 700; } .gamipress-font-size select option[value="h3"] { font-size: 20px; font-weight: 700; } .gamipress-font-size select option[value="h4"] { font-size: 18px; font-weight: 700; } .gamipress-font-size select option[value="h5"] { font-size: 16px; font-weight: 700; } .gamipress-font-size select option[value="h6"] { font-size: 14px; font-weight: 700; } /* ------------------------------------------- Points field ------------------------------------------- */ .cmb-type-gamipress-points .cmb-inline li { padding: 0; } .cmb-type-gamipress-points input { width: 100px; } .cmb-type-gamipress-points select { margin-top: 0; vertical-align: baseline; } .cmb-type-gamipress-points select.points-type-placeholder, .cmb-type-gamipress-points select .points-type-placeholder { color: #72777c; } .cmb-type-gamipress-points select.points-type-placeholder option:not(.points-type-placeholder) { color: #32373c; } /* ------------------------------------------- Widgets ------------------------------------------- */ .widget[id*="_gamipress_"] .widget-content .cmb-th { float: none; padding: 0; width: 100%; } .widget[id*="_gamipress_"] .widget-content .cmb-td { padding: 0 0 10px 0; } .gamipress-widget-form .cmb-type-title { background-color: #fafafa; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin: 0 -15px !important; padding: 0 15px; } .gamipress-widget-form .cmb-type-title .cmb2-metabox-title { margin: 0; padding: 10px 0 0 0; } .gamipress-widget-form .cmb-type-title .cmb2-metabox-description { padding: 0; } .gamipress-widget-form .gamipress-switch .cmb-td { min-height: 24px; } .widget-content .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon { margin-right: 0; } /* ------------------------------------------- Widgets Block Legacy ------------------------------------------- */ /* Forms */ .wp-block-legacy-widget .gamipress-widget-form * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-legacy-widget .gamipress-widget-form .cmb-row { margin: 8px 0; } .wp-block-legacy-widget .gamipress-widget-form .cmb-th, .wp-block-legacy-widget .gamipress-widget-form .cmb-td { width: 100%; padding: 0; } .wp-block-legacy-widget .gamipress-widget-form .cmb2-metabox-description { font-size: 12px; font-style: normal; color: #757575; padding-top: 0; margin-bottom: 0 !important; } .wp-block-legacy-widget .gamipress-widget-form ul.cmb2-list { padding: 0; margin: 0; } /* Tabs */ .wp-block-legacy-widget .cmb-tabs *:not(.dashicons) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 2.1; } .wp-block-legacy-widget .cmb-tabs-wrap { margin: -1px -11px 0px -11px; } .wp-block-legacy-widget .cmb-tabs { border-top: 1px solid #eee; } .wp-block-legacy-widget .cmb-tabs .cmb-tab-icon .dashicons { margin-top: 4px; } /* Select2 */ .wp-block-legacy-widget .gamipress-widget-form .gamipress-select2 { width: 100% !important; } /* Switch */ .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input { width: 44px; height: 24px; margin-top: -25px; } .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:before, .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:checked:after { display: none; } .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input + label:before { height: 20px; top: -25px; } .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input + label:after { width: 12px; height: 12px; top: -25px; } .wp-block-legacy-widget .gamipress-widget-form .gamipress-switch input:checked + label:after { margin-left: 24px; } /* ------------------------------------------- Meta Boxes Forms on Gutenberg ------------------------------------------- */ .components-panel #postbox-container-2 .cmb-row:not(.cmb-repeat-group-field) > .cmb-th + .cmb-td { max-width: 100%; } .block-editor #side-sortables .gamipress-box-form .cmb-th label { margin-bottom: 0; padding-bottom: 0; } /* ------------------------------------------- GamiPress Settings and Tools ------------------------------------------- */ .gamipress-page.cmb2-options-page { max-width: 100%; } .gamipress-page.cmb2-options-page .cmb2-metabox > .cmb-row { border: none; box-shadow: none; margin-top: 0; } .gamipress-page .postbox h2.hndle { background: #fafafa; color: #23282d; } .gamipress-page.cmb2-options-page .cmb-row.cmb-type-title { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 !important; margin: 0 -12px; } .gamipress-page.cmb2-options-page .cmb-tabs-wrap .cmb2-wrap .cmb2-metabox > .cmb-row.cmb-type-title { margin-top: -1px; margin-left: -11px; } .gamipress-page.cmb2-options-page .cmb2-wrap .cmb-type-title .cmb2-metabox-title { font-size: 14px; text-transform: none; } .gamipress-page.cmb2-options-page .cmb2-metabox > .cmb-row:first-child.cmb-type-title { border-top: 0; margin-top: -12px; } .gamipress-page .cmb-row.cmb-type-title .cmb2-metabox-title { margin-top: 0; padding: 8px 0 0 0; } .gamipress-page .gamipress-switch input + label:before, .gamipress-page .gamipress-switch input + label:after { top: 22px; } .gamipress-page .nav-tab .dashicons { vertical-align: text-bottom; margin-right: 2px; } .gamipress-page input[name="submit-cmb"] { float: left; margin-right: 12px; } .gamipress-page .gamipress-switch input { top: 2px; left: 8px; } .gamipress-page .gamipress-switch input + label:before, .gamipress-page .gamipress-switch input + label:after { top: 4px; left: 10px; } .gamipress-page .gamipress-switch:not(.cmb-type-multicheck):not(.cmb-type-multicheck-inline) .cmb2-metabox-description { display: inline-block; margin-left: 50px; margin-top: 7px; } .gamipress-page .gamipress-switch .cmb2-list input { top: -2px; left: -2px; } .gamipress-page .gamipress-switch .cmb2-list input + label:before, .gamipress-page .gamipress-switch .cmb2-list input + label:after { top: 0; left: 0; } .gamipress-page .cmb-type-button .cmb-td p.cmb2-metabox-description, .gamipress-page .cmb-type-multi-buttons .cmb-td p.cmb2-metabox-description { margin-top: -1em; margin-bottom: 1em; color: #444; font-style: normal; } .gamipress-page .cmb-type-multi-buttons .button + .button { margin-left: 10px; } .gamipress-page .button .dashicons { display: inline-block; width: 18px; height: 18px; margin: 0 2px 0 0; } .gamipress-page.cmb2-options-page #poststuff h2.nav-tab-wrapper { margin-bottom: 20px !important; } .gamipress_settings .cmb2-metabox > .cmb-row > .cmb-th, .gamipress_tools .cmb2-metabox > .cmb-row > .cmb-th { font-weight: 600 !important; } .gamipress_settings .postbox-header .handle-actions, .gamipress_tools .postbox-header .handle-actions { display: none; } .gamipress-page .postbox .hndle { justify-content: flex-start; } .gamipress-page .postbox .hndle .dashicons { height: 18px; line-height: 18px; margin-right: 5px; } .gamipress-page .cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon { margin-right: 2px; opacity: 0.4; } .gamipress-page .cmb-tabs-wrap .cmb-tabs .cmb-tab.active .cmb-tab-icon { opacity: 0.8; } /* Colorpicker */ .gamipress-page .wp-picker-container .wp-color-result.button { padding: 0 0 0 17px; } .gamipress-page input.button.button-small.wp-picker-clear { background: url(../img/editor-removeformatting.svg) no-repeat scroll 6px 4px; padding: 0 0 0 30px; border: 1px solid #8c8f94; } @media screen and (max-width: 782px) { .gamipress-page .cmb-th { width: 100%; } .gamipress-page .cmb-td { padding: 15px 0; } .gamipress-page .gamipress-switch input + label:before, .gamipress-page .gamipress-switch input + label:after { left: 1px; } .gamipress-page .gamipress-switch input + label:before, .gamipress-page .gamipress-switch input + label:after { top: 4px; } } /* Fixed save buttons on GamiPress Settings */ .gamipress_settings input[name="reset-cmb"] { background: #e15151; border: #e15151; color: #fff; } .gamipress_settings input[name="reset-cmb"]:hover { background: #de3b3b; border: #de3b3b; color: #fff; } .gamipress_settings input[name="reset-cmb"]:focus, .gamipress_settings input[name="reset-cmb"]:active { background: #da2525; border: #da2525; color: #fff; } @media screen and (min-width: 782px) { .gamipress_settings .gamipress-sticky-bar { position: fixed; right: 0; bottom: 0; left: 160px; width: calc( 100% - 160px ); z-index: 1; background: #fafafa; border-top: 1px solid #e5e5e5; box-shadow: 0 -1px 1px rgba(0,0,0,0.04); padding: 10px 0; } .gamipress_settings .gamipress-sticky-bar input[name="submit-cmb"] { margin-left: 20px !important; } } @media screen and (max-width: 782px) { .gamipress_settings #cmo-options-form > #poststuff + div { position: fixed; width: 100%; background: #fafafa; border-top: 1px solid #e5e5e5; box-shadow: 0 -1px 1px rgba(0,0,0,0.04); right: 0; bottom: 0; padding: 10px 14px; z-index: 1; } .gamipress_settings input[name="submit-cmb"] { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; } .gamipress_settings input[name="submit-cmb"], .gamipress_settings input[name="reset-cmb"] { margin-bottom: 0; } } /* ------------------------------------------- Social Settings ------------------------------------------- */ .gamipress-share-buttons-label { margin-top: 0; margin-bottom: 2px; } .gamipress-share-button { display: inline-block; width: 28px; height: 28px; vertical-align: middle; padding: 4px; background-repeat: no-repeat; background-position: center; background-size: 18px 18px; box-sizing: border-box; } .gamipress-share-button + .gamipress-share-button { margin-left: 4px; } .gamipress-share-button-square { border-radius: 0; } .gamipress-share-button-rounded { border-radius: 6px; } .gamipress-share-button-circle { border-radius: 50%; } .gamipress-share-button-facebook { background-color: #4766a9; background-image: url('../img/social/facebook.svg'); } .gamipress-share-button-twitter { background-color: #000; background-image: url('../img/social/twitter.svg'); } .gamipress-share-button-linkedin { background-color: #0074b3; background-image: url('../img/social/linkedin.svg'); } .gamipress-share-button-pinterest { background-color: #bd081c; background-image: url('../img/social/pinterest.svg'); } /* ------------------------------------------- Licensing Settings ------------------------------------------- */ .gamipress_licenses .meta-box-sortables { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .gamipress_licenses .handlediv, .gamipress_page_gamipress_licenses #screen-options-link-wrap { display: none !important; } .gamipress_licenses .postbox.closed .inside { display: block !important; } .gamipress_licenses .postbox { width: 100%; margin: 0 8px 16px; } .gamipress_licenses .gamipress-license-thumbnail { margin: -6px -12px 0; } .gamipress_licenses .gamipress-license-thumbnail img { width: 100%; } .gamipress_licenses .cmb-row { border: none; padding-bottom: 0; } .gamipress_licenses .cmb2-metabox > .cmb-row:not(:first-of-type) { border: none !important; } .gamipress_licenses .cmb-th, .gamipress_licenses .cmb-td { width: 100%; padding: 6px 0 !important; margin-left: 0 !important; } .gamipress_licenses .cmb-td input { width: 100%; } .gamipress_licenses .license-expiration-notice, .gamipress_licenses .renew-license-notice { display: inline; } .gamipress_licenses .license-error { color: #a00; } .gamipress_licenses .renew-license-notice:before { content: ' '; /* Add a space between expiration and renew notices */ } @media screen and (min-width: 1600px) { .gamipress_licenses .postbox { width: 23%; } } @media screen and (min-width: 1200px) and (max-width: 1600px) { .gamipress_licenses .postbox { width: 23%; } } /* ------------------------------------------- Dashboard ------------------------------------------- */ body.toplevel_page_gamipress { background: #f5f5f5; } .gamipress-dashboard .wp-heading-inline { display: none !important; } .gamipress-dashboard .meta-box-sortables { margin-bottom: 0 !important; } .gamipress-dashboard .postbox .inside, .gamipress-dashboard .postbox .inside p { font-size: 14px; } .gamipress-dashboard .postbox, .gamipress-dashboard .gamipress-plugin-card .plugin-card-top { border: none; border-radius: 6px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } .gamipress-dashboard #gamipress-dashboard-videos.postbox, .gamipress-dashboard #gamipress-dashboard-plugins.postbox, .gamipress-dashboard #gamipress-dashboard-team.postbox, .gamipress-dashboard #gamipress-dashboard-social.postbox, .gamipress-dashboard #gamipress-dashboard-involved.postbox { background: transparent; box-shadow: none; } .gamipress-dashboard .postbox .hndle { display: block; cursor: auto; user-select: auto; font-size: 16px; } .gamipress-dashboard .postbox .hndle .button { text-decoration: none !important; float: right; margin-bottom: -7px; min-height: 30px; line-height: 2.30769231; padding: 0 12px; } .gamipress-dashboard .postbox .hndle .dashicons { opacity: 0.4; margin-right: 4px; } .gamipress-dashboard .postbox-header { border: none; } .gamipress-dashboard .gamipress-dashboard-logo { margin-bottom: 10px; } .gamipress-dashboard .gamipress-dashboard-logo img { width: 230px; vertical-align: middle; } .gamipress-dashboard .gamipress-dashboard-logo .autoamtorwp-dashboard-version { font-size: 16px; font-weight: 700; } .gamipress-dashboard h1 { clear: both; margin: 0 8px 8px; font-size: 28px; } .gamipress-dashboard h3 { font-size: 16px !important; font-weight: 600 !important; } .gamipress-dashboard li { margin-bottom: 10px; } .gamipress-dashboard li h3 { margin-top: 10px !important; } .gamipress-dashboard li .dashicons { color: #82878c; } /* Types Boxes */ .gamipress-dashboard .gamipress-registered-points, .gamipress-dashboard .gamipress-registered-achievements, .gamipress-dashboard .gamipress-registered-ranks { min-height: 250px; } .gamipress-dashboard .gamipress-registered-points li, .gamipress-dashboard .gamipress-registered-achievements li, .gamipress-dashboard .gamipress-registered-ranks li { padding: 12px 12px; margin-left: -12px; margin-right: -12px; margin-bottom: 0; } .gamipress-dashboard .gamipress-registered-points li a, .gamipress-dashboard .gamipress-registered-achievements li a, .gamipress-dashboard .gamipress-registered-ranks li a { flex: 1 1 0px; display: flex; } .gamipress-dashboard .gamipress-registered-points li a span, .gamipress-dashboard .gamipress-registered-achievements li a span, .gamipress-dashboard .gamipress-registered-ranks li a span { flex: 1 1 0px; padding-right: 6px; } .gamipress-dashboard .gamipress-registered-points li a span:not(:first-child), .gamipress-dashboard .gamipress-registered-achievements li a span:not(:first-child), .gamipress-dashboard .gamipress-registered-ranks li a span:not(:first-child) { color: #72777c; font-size: 13px; } .gamipress-dashboard .gamipress-registered-points li:nth-child(odd), .gamipress-dashboard .gamipress-registered-achievements li:nth-child(odd), .gamipress-dashboard .gamipress-registered-ranks li:nth-child(odd) { background-color: #f6f7f7; } /* Latest User Earnings */ .gamipress-dashboard .gamipress-latest-earnings ul { margin-bottom: -12px; } .gamipress-dashboard .gamipress-latest-earnings li { padding: 4px 12px; margin-left: -12px; margin-right: -12px; font-size: 13px; } .gamipress-dashboard .gamipress-latest-earnings li:nth-child(odd) { background-color: #f6f7f7; } .gamipress-dashboard .gamipress-latest-earnings li:last-child { margin-bottom: 0; border-radius: 0 0 6px 6px; } .gamipress-dashboard .gamipress-latest-earnings li span { display: block; text-align: right; color: #72777c; } /* Videos */ .gamipress-dashboard #gamipress-dashboard-videos .inside { margin-top: -16px; padding: 0; } .gamipress-dashboard #gamipress-dashboard-plugins .inside, .gamipress-dashboard #gamipress-dashboard-team .inside, .gamipress-dashboard #gamipress-dashboard-involved .inside, .gamipress-dashboard #gamipress-dashboard-social .inside { padding: 0; } .gamipress-dashboard #gamipress-dashboard-plugins .hndle, .gamipress-dashboard #gamipress-dashboard-team .hndle, .gamipress-dashboard #gamipress-dashboard-involved .hndle, .gamipress-dashboard #gamipress-dashboard-social .hndle { padding-left: 0; } .gamipress-dashboard .gamipress-dashboard-video a { display: grid; grid-gap: 0; grid-template-columns: 1fr 3fr; margin-bottom: 5px; text-decoration: none; color: #3c434a; opacity: 0.8; } .gamipress-dashboard .gamipress-dashboard-video a:hover { opacity: 1; } .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-image { height: 59px; overflow: hidden; } .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-image img { margin-top: -13px; } .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-details .gamipress-dashboard-video-title { font-size: 16px; } .gamipress-dashboard .gamipress-dashboard-video .gamipress-dashboard-video-details .gamipress-dashboard-video-duration { font-size: 13px; } .gamipress-dashboard .gamipress-dashboard-get-involved p, .gamipress-dashboard .gamipress-dashboard-get-involved ul { margin-bottom: 20px; } .gamipress-dashboard .gamipress-dashboard-pricing-button { margin-top: 28px; } .gamipress-dashboard .button.button-large { padding: 8px 18px; } .gamipress-dashboard .center { text-align: center; } .gamipress-dashboard-more-videos { margin-bottom: -12px; } .gamipress-dashboard-more-videos, .gamipress-dashboard-more-add-ons { clear: both; text-align: center; font-size: 16px; padding-top: 20px; } /* Dashboard: Add-ons & Assets */ .gamipress-dashboard .gamipress-section-desc { margin-top: -12px; margin-left: 7px; } .gamipress-dashboard .gamipress-dashboard-add-ons-section, .gamipress-dashboard .gamipress-dashboard-assets-section { margin: 0 !important; } .gamipress-dashboard .gamipress-plugin-card { width: 14.2%; } .gamipress-dashboard .gamipress-plugin-card .plugin-card-bottom { border: none; margin-top: -20px; } .gamipress-dashboard .gamipress-plugin-card .thumbnail a img { border-radius: 6px 6px 0 0; } .gamipress-dashboard .gamipress-plugin-card .name { text-align: center; } .gamipress-dashboard .gamipress-plugin-card .name a { text-decoration: none; margin-left: -14px; } .gamipress-dashboard .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top { bottom: 106%; } .gamipress-dashboard .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top p { margin: 0; } .gamipress-dashboard .gamipress-dashboard-assets-section .plugin-card-top { background: #fff !important; } .gamipress-dashboard .gamipress-dashboard-assets-section .plugin-card-top .name a { color: #1d2327 !important; } @media screen and (min-width: 1600px) and (max-width: 2299px) { .gamipress-dashboard .plugin-card:nth-child(3n+1) { clear: none; } } /* Plugins */ .gamipress-dashboard .our-plugins-list li { display: inline-block; width: 49%; margin-bottom: 18px; } .gamipress-dashboard .our-plugins-list img { vertical-align: middle; width: 32px; height: 32px; } .gamipress-dashboard .our-plugins-list span { vertical-align: middle; font-size: 18px; } /* Team */ .gamipress-dashboard .contributors-list { text-align: center; } .gamipress-dashboard .contributors-list img { border-radius: 50%; } .gamipress-dashboard .contributors-list span { display: block; } .gamipress-dashboard .contributors-list .cmb-tooltip-top { bottom: 115%; width: auto; white-space: nowrap; } /* Social */ .gamipress-dashboard .gamipress-dashboard-social-list { display: flex; } .gamipress-dashboard .gamipress-dashboard-social-list li:not(:first-child) { margin-left: 8px; } .gamipress-dashboard .gamipress-dashboard-social-list .dashicons { font-size: 20px; line-height: 36px; height: 36px; width: 36px; color: #fff !important; border-radius: 100%; } .gamipress-dashboard .gamipress-dashboard-social-list .cmb-tooltip-top { bottom: 130%; width: auto; white-space: nowrap; } .gamipress-dashboard .dashicons-youtube { background: #e90000 !important; } .gamipress-dashboard .dashicons-facebook-alt, .gamipress-dashboard .dashicons-groups { background: #4766a9 !important; } .gamipress-dashboard .dashicons-twitter { background: #139ae7 !important; } .gamipress-dashboard .dashicons-linkedin, .gamipress-dashboard #gamipress-dashboard-social .dashicons-wordpress { background: #0074b3 !important; } .gamipress-dashboard .dashicons-email-alt { background: #444 !important; } .gamipress-dashboard-blocks-list li span { float: right; } @media screen and (min-width: 1200px) { .gamipress-dashboard .gamipress-dashboard-columns { display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; } .gamipress-dashboard .contributors-list { display: grid; grid-template-columns: 1fr 1fr 1fr; } } /* Smartphone */ @media screen and (max-width: 1199px) { .gamipress-dashboard .plugin-card { width: 31%; clear: none; margin: 10px 6px; } .gamipress-dashboard .plugin-card:nth-child(n+4) { display: none; } .gamipress-dashboard .gamipress-dashboard-more-videos { position: absolute; bottom: -10px; left: 44%; } } @media only screen and (min-width: 800px) and (max-width: 1499px) { .gamipress-dashboard .postbox-container { float: left !important; } .gamipress-dashboard .postbox-container { min-height: 320px; } .gamipress-dashboard #postbox-container-3.postbox-container { width: 49.5% !important; } .gamipress-dashboard #postbox-container-3.postbox-container:before { content: ""; display: block; clear: both; } } /* Fix WP 7.0 */ @media only screen and (min-width: 1500px) and (max-width: 1800px) { .gamipress-dashboard #dashboard-widgets .postbox-container { width: 25% !important; } .gamipress-dashboard #dashboard-widgets #postbox-container-3, .gamipress-dashboard #dashboard-widgets #postbox-container-4 { float: left !important; } } /* ------------------------------------------- Add-ons ------------------------------------------- */ .gamipress_page_gamipress_add_ons .wp-filter { margin-bottom: 0; } .gamipress_page_gamipress_add_ons .wp-filter a:hover, .gamipress_page_gamipress_add_ons .wp-filter a:focus { box-shadow: none; } .gamipress_page_gamipress_add_ons .wp-filter a .dashicons { vertical-align: bottom; } .gamipress-add-ons, .gamipress-assets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .gamipress-plugin-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: 0; margin-right: 0; background: transparent; border: none; overflow: initial; } .gamipress-plugin-card .plugin-card-top { width: 100%; padding: 14px 14px 10px; min-height: 120px; border-radius: 6px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } .gamipress-plugin-card .plugin-card-top { background: #fff; } .gamipress-plugin-card:not(.gamipress-asset-add-on) .plugin-card-top { background: #0098d7; } .gamipress-plugin-card:not(.gamipress-asset-add-on) .plugin-card-top .name a { color: #fff; } .gamipress-plugin-card .plugin-card-bottom { width: 100%; background: transparent; border: none; margin-top: -5px; padding: 0; } .gamipress-plugin-card .name, .gamipress-plugin-card .desc, .gamipress-plugin-card .name, .gamipress-plugin-card .desc > p { margin-left: 0; margin-right: 0; } .gamipress-plugin-card .thumbnail { margin: -14px -14px 5px; } .gamipress-plugin-card .thumbnail a { display: block; line-height: 0; } .gamipress-plugin-card .thumbnail a img { max-width: 100%; border-radius: 6px 6px 0 0; } .gamipress-plugin-card .name h3 { text-align: center; margin: 0; } .gamipress-plugin-card .name a { text-decoration: none; font-weight: normal; color: #1d2327; font-size: 16px; } .gamipress-plugin-card .cmb-tooltip-desc.cmb-tooltip-top { bottom: 105%; } .gamipress-plugin-card .cmb-tooltip-desc p { margin: 0; color: #ccc !important; } .gamipress-plugin-card .thumbnail:hover + .name a, .gamipress-plugin-card .name a:hover { text-decoration: underline; } .gamipress-plugin-card .action-links { position: relative; top: 0; right: 0; width: 100%; } .gamipress-plugin-card .action-links .plugin-action-buttons { float: none; margin: 0; } .gamipress-plugin-card .action-links .plugin-action-buttons li { margin: 0; text-align: center; width: 100% !important; } .gamipress-plugin-card .action-links .plugin-action-buttons li .more-details { float: left; } .is-automatorwp-plugin#plugin-information #plugin-information-content .notice { display: none; } .gamipress-plugin-card .plugin-card-bottom { opacity: 0; } .gamipress-plugin-card:hover .plugin-card-bottom { opacity: 1; } .gamipress-plugin-card-status-inactive .plugin-card-top { opacity: 0.4; } .gamipress-plugin-card .column-status { margin-right: -20px; margin-bottom: -21px; margin-top: -20px; position: relative; z-index: 1; text-align: right; } .gamipress-plugin-card .column-status span { display: inline-block; padding: 4px 6px; border-radius: 4px; font-size: 14px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .gamipress-plugin-card .installed span { background: #e5e5e5; border: #e5e5e5; } .gamipress-plugin-card .active span { background: #46b450; border: #46b450; color: #fff; } .gamipress-plugin-card .inactive span { background: #e15151; border: #e15151; color: #fff; } .gamipress-plugin-card .action-links .plugin-action-buttons li { margin: 0; width: 50%; } .gamipress-plugin-card .action-links .plugin-action-buttons li .more-details { float: left; } .is-gamipress-plugin#plugin-information #plugin-information-content .notice { display: none; } @media screen and (min-width: 1600px) { .gamipress-plugin-card { width: 16.666%; } } @media screen and (min-width: 1200px) and (max-width: 1600px) { .gamipress-plugin-card { width: 16.666%; } } @media screen and (min-width: 1200px) { .gamipress-add-ons, .gamipress-assets { margin-left: -8px; margin-right: -8px; } .gamipress-plugin-card { padding: 0 8px; margin-left: 0 !important; margin-right: 0 !important; } } /* ------------------------------------------- Assets ------------------------------------------- */ .is-gamipress-asset#plugin-information #plugin-information-tabs, .is-gamipress-asset#plugin-information #plugin-information-content .fyi { display: none; } .is-gamipress-asset#plugin-information #plugin-information-content { border-top: 1px solid #7e8993; } .is-gamipress-asset#plugin-information #plugin-information-content #section-holder { margin-right: 0; } .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul { list-style: none; margin: 0; } .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul li a { margin-bottom: 10px; } .is-gamipress-asset#plugin-information #plugin-information-content #section-description ul li img { width: 100%; box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 ); } .is-gamipress-asset#plugin-information #plugin-information-content #section-description p:last-child a { display: inline-block; padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; background: #0085ba; border-color: #0073aa #006799 #006799; box-shadow: 0 1px 0 #006799; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; position: fixed; z-index: 100; right: 14px; bottom: 10px; } /* ------------------------------------------- Tools Page ------------------------------------------- */ .gamipress_tools .cmb-td { padding: 0; } #server-info .inside, #db-info .inside, #wordpress-info .inside, #gamipress-info .inside { padding: 0; margin: 0; } .cmb2-id-bulk-award-achievements .select2-container--default .select2-search--inline .select2-search__field { min-width: 150px; } /* Recount Activity */ #recount-activity-log p { margin-bottom: 0; } #recount-activity-log #recount-activity-log-content { max-height: 300px; overflow: auto; font-family: consolas; font-size: 12px; border: 1px solid #ccd0d4; background-color: #f1f1f1; padding: 10px; margin-top: 1em; } /* Logs Clean Up */ .cmb2-id-logs-type ul li { margin-bottom: 12px !important; } .cmb2-id-logs-type ul li label { line-height: 1.2 !important; } /* Reset data options */ .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(2), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(5), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(6), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(8), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(12), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(13), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(14) { margin-left: 20px; } .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(3), .cmb2-id-data-to-reset .cmb2-checkbox-list li:nth-child(9) { margin-left: 40px; } /* All types multicheck */ .gamipress-all-types-multicheck input[value="all-points-types"] + label, .gamipress-all-types-multicheck input[value="all-achievement-types"] + label, .gamipress-all-types-multicheck input[value="all-rank-types"] + label { font-weight: bold; } /* Align inputs */ .gamipress-all-types-multicheck input[value$="-points-type"], .gamipress-all-types-multicheck input[value$="-achievement-type"], .gamipress-all-types-multicheck input[value$="-rank-type"] { margin-left: 20px !important; } /* Align labels */ .gamipress-all-types-multicheck input[value$="-points-type"] + label, .gamipress-all-types-multicheck input[value$="-achievement-type"] + label, .gamipress-all-types-multicheck input[value$="-rank-type"] + label { margin-left: 72px; } .gamipress-all-types-multicheck input[value$="-points-type"] + label:before, .gamipress-all-types-multicheck input[value$="-points-type"] + label:after, .gamipress-all-types-multicheck input[value$="-achievement-type"] + label:before, .gamipress-all-types-multicheck input[value$="-achievement-type"] + label:after, .gamipress-all-types-multicheck input[value$="-rank-type"] + label:before, .gamipress-all-types-multicheck input[value$="-rank-type"] + label:after { left: 20px !important; } /* Align inputs */ .gamipress-all-types-multicheck input[value$="-points-awards"], .gamipress-all-types-multicheck input[value$="-points-deducts"], .gamipress-all-types-multicheck input[value$="-achievements"], .gamipress-all-types-multicheck input[value$="-ranks"] { margin-left: 40px !important; } /* Align labels */ .gamipress-all-types-multicheck input[value$="-points-awards"] + label, .gamipress-all-types-multicheck input[value$="-points-deducts"] + label, .gamipress-all-types-multicheck input[value$="-achievements"] + label, .gamipress-all-types-multicheck input[value$="-ranks"] + label { margin-left: 92px; } .gamipress-all-types-multicheck input[value$="-points-awards"] + label:before, .gamipress-all-types-multicheck input[value$="-points-awards"] + label:after, .gamipress-all-types-multicheck input[value$="-points-deducts"] + label:before, .gamipress-all-types-multicheck input[value$="-points-deducts"] + label:after, .gamipress-all-types-multicheck input[value$="-achievements"] + label:before, .gamipress-all-types-multicheck input[value$="-achievements"] + label:after, .gamipress-all-types-multicheck input[value$="-ranks"] + label:before, .gamipress-all-types-multicheck input[value$="-ranks"] + label:after { left: 40px !important; } /* Align inputs */ .gamipress-all-types-multicheck input[value$="-steps"], .gamipress-all-types-multicheck input[value$="-rank-requirements"] { margin-left: 60px !important; } /* Align labels */ .gamipress-all-types-multicheck input[value$="-steps"] + label, .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label { margin-left: 112px; } .gamipress-all-types-multicheck input[value$="-steps"] + label:before, .gamipress-all-types-multicheck input[value$="-steps"] + label:after, .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label:before, .gamipress-all-types-multicheck input[value$="-rank-requirements"] + label:after { left: 60px !important; } #download-system-info { position: fixed; right: 0; bottom: 0; left: 0; width: 100%; z-index: 1; background: #fafafa; border: none; border-top: 1px solid #e5e5e5; box-shadow: 0 -1px 1px rgba(0,0,0,0.04); padding: 10px 0; margin: 0; } #download-system-info .handlediv, #download-system-info .ui-sortable-handle { display: none; } #download-system-info .inside, #download-system-info .cmb-row, #download-system-info .cmb-td { padding: 0; } #download-system-info .cmb-td { text-align: right; padding-right: 19px; } #download-system-info .cmb-row { background: transparent; } .cmb2-id-import-settings-file .cmb-td { padding-bottom: 0; } .cmb2-id-import-settings { border-top: 0 !important; } /* ------------------------------------------- List Table (used on System Info tool) ------------------------------------------- */ .gamipress-list-table { color: #555; } .gamipress-list-table > .cmb2-metabox > .cmb-row { padding: 10px !important; font-size: 13px; } .gamipress-list-table > .cmb2-metabox > .cmb-row:nth-child(odd) { background-color: #f9f9f9; } .gamipress-list-table > .cmb2-metabox > .cmb-row > .cmb-th > label { font-weight: 600; color: #555; padding: 0; } .gamipress-list-table .cmb-row.cmb-type-title { margin: 0 !important; } .gamipress-list-table .cmb-row.cmb-type-title .cmb2-metabox-title { padding: 0; } /* ------------------------------------------- Upgrade Progress ------------------------------------------- */ .gamipress-upgrade-progress { background-color: #eee; } .gamipress-upgrade-progress .gamipress-upgrade-progress-bar { background-color: #0098d7; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -ms-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; } .gamipress-upgrade-progress, .gamipress-upgrade-progress .gamipress-upgrade-progress-bar { min-height: 8px; margin-bottom: 8px; } /* ------------------------------------------- Review Notice ------------------------------------------- */ .gamipress-review-notice { position: relative; color: #fff; background: #0098d7; border-color: #0098d7; } .gamipress-review-notice a:not(.button) { color: #fff !important; } .gamipress-review-notice a.button:not(.button-primary) { background-color: #fff !important; } .gamipress-review-notice > p { color: #fff !important; } .gamipress-review-notice p span { opacity: 0.7; } .gamipress-review-notice ul li { display: inline-block; margin-right: 10px; } .gamipress-review-notice .dashicons-gamipress { position: absolute; right: 10px; bottom: -10px; opacity: 0.3; } .gamipress-review-notice .dashicons-gamipress:before { font-size: 200px; width: 200px; height: 200px; } .gamipress-review-notice .button-primary { background: #46b450; border-color: #3b9243 #37863e #37863e; box-shadow: 0 1px 0 #37863e; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #37863e, 1px 0 1px #37863e, 0 1px 1px #37863e, -1px 0 1px #37863e; } .gamipress-review-notice .button-primary.hover, .gamipress-review-notice .button-primary:hover, .gamipress-review-notice .button-primary.focus, .gamipress-review-notice .button-primary:focus { background: #47b952; border-color: #37863e; color: #fff; } .gamipress-review-notice .button-primary.focus, .gamipress-review-notice .button-primary:focus { box-shadow: 0 1px 0 #3c9244, 0 0 2px 1px #53d25f; } .gamipress-review-notice .button-primary.active, .gamipress-review-notice .button-primary.active:hover, .gamipress-review-notice .button-primary.active:focus, .gamipress-review-notice .button-primary:active { background: #409247; border-color: #37863e; box-shadow: inset 0 2px 0 #37863e; vertical-align: top; } /* ------------------------------------------- Admin Menu ------------------------------------------- */ .gamipress-admin-menu-badge { display: inline-block; float: right; vertical-align: top; margin: 1px -11px -1px 2px; padding: 0 5px; height: 18px; border-radius: 9px; background-color: #d63638; color: #fff; font-size: 11px; line-height: 1.6; } /* ------------------------------------------- GamiPress Badge Builder ------------------------------------------- */ .gamipress_page_gamipress_badge_builder { overflow-x: hidden; } .gamipress-badge-builder { margin: 0; margin-left: -20px; } .gamipress-badge-builder .gamipress-logo .dashicons { float: left; font-size: 26px; margin-top: 2px; margin-right: 8px; color: #0098D7; } .gamipress-badge-builder .gamipress-logo span { color: #0098D7; } .gamipress-badge-builder .gamipress-logo h1 { padding: 10px 0; } .gamipress-badge-builder .gamipress-badge-builder-top { background: #fff; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .133); padding: 0px 12px; min-height: 52px; } .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-logo { float: left; } .gamipress-badge-builder .gamipress-badge-builder-top-filename { float: left; margin-left: 25%; width: 300px; padding: 6px 0; } .gamipress-badge-builder .gamipress-badge-builder-top-filename input { width: 100%; text-align: center; background: #f0f0f0; border-color: #f0f0f0; } .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-badge-builder-top-actions { float: right; padding: 6px 0; } .gamipress-badge-builder .gamipress-badge-builder-top .gamipress-badge-builder-top-actions .button { position: relative; } .gamipress-badge-builder .gamipress-badge-builder-action .gamipress-badge-builder-action-dropdown, .gamipress-badge-builder .gamipress-badge-builder-preview-action .gamipress-badge-builder-preview-action-dropdown { display: none; } .gamipress-badge-builder .gamipress-badge-builder-action:hover .gamipress-badge-builder-action-dropdown, .gamipress-badge-builder .gamipress-badge-builder-preview-action:hover .gamipress-badge-builder-preview-action-dropdown { display: block; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown, .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown { position: absolute; top: 25px; right: 0; background: #fff; border: 1px solid #d0d0d1; color: #1d2327; text-align: left; z-index: 999; } .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown { min-width: 150px; line-height: 2.15384615; left: 0; top: 11px; user-select: none; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li, .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li { margin: 0; padding: 0px 8px; line-height: 2em; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li:hover, .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li:hover { background: var( --wp-admin-theme-color, #2271b1 ); color: #fff; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li:not(:last-child), .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li:not(:last-child) { border-bottom: 1px solid #d0d0d1; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li strong, .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li strong { display: block; margin-bottom: -8px; } .gamipress-badge-builder .gamipress-badge-builder-action-dropdown li span, .gamipress-badge-builder .gamipress-badge-builder-preview-action-dropdown li span { opacity: 0.8; font-size: 12px; } .gamipress-badge-builder .gamipress-badge-builder-action .gamipress-badge-builder-action-dropdown li input[type="file"] { display: none !important; } .gamipress-badge-builder .gamipress-badge-builder-toolbar { background: #fff; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .133); margin-top: 1px; } .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control { display: inline-block; padding: 6px 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:hover { background: #f0f0f1; } .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:not(:first-child) { border-left: 1px solid #d0d0d1; margin-left: -4px; } .gamipress-badge-builder .gamipress-badge-builder-toolbar .gamipress-badge-builder-toolbar-control:last-child { border-right: 1px solid #d0d0d1; } .gamipress-badge-builder .gamipress-badge-builder-shortcuts-toggle { float: right; font-weight: 500; font-size: 13px; padding-top: 3px; } .gamipress-badge-builder .gamipress-badge-builder-shortcuts kbd { border-radius: 2px; font-size: 11px; font-weight: 600; } .gamipress-badge-builder .gamipress-badge-builder-shortcuts .cmb-th { width: 45%; font-weight: normal; } .gamipress-badge-builder .gamipress-badge-builder-shortcuts .cmb-th + .cmb-td { float: left; margin-left: 5%; font-size: 12px; } .gamipress-badge-builder .gamipress-badge-builder-view-backup { display: none; } .gamipress-badge-builder .gamipress-badge-builder-view { width: 80%; } .gamipress-badge-builder .gamipress-badge-builder-view .canvas-container { margin: 24px auto; border: 1px solid #d0d0d1; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .133); background-color: #fff; background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0), linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0); background-size: 30px 30px; background-position: 0 0, 15px 15px; } .cmb2-id-badge-palette .cmb-th, .cmb2-id-multiple-palette .cmb-th { width: 100%; padding-bottom: 0; padding-top: 0; } .cmb2-id-badge-palette .cmb-td, .cmb2-id-multiple-palette .cmb-td { width: 100%; } .cmb2-id-badge-palette .cmb-td .cmb2-list, .cmb2-id-multiple-palette .cmb-td .cmb2-list { margin-left: -2%; } .cmb2-id-badge-palette .cmb-td .cmb2-list li, .cmb2-id-multiple-palette .cmb-td .cmb2-list li { display: block; width: 48%; float: left; margin-left: 2%; } .cmb2-id-badge-palette .cmb-td .cmb2-list li label, .cmb2-id-multiple-palette .cmb-td .cmb2-list li label { display: block; padding: 6px 8px; font-size: 13px; border: 2px solid #efefef; border-radius: 4px; cursor: pointer; } .cmb2-id-badge-palette .cmb-td .cmb2-list li input, .cmb2-id-multiple-palette .cmb-td .cmb2-list li input { display: none; } .cmb2-id-badge-palette .cmb-td .cmb2-list li input:checked + label, .cmb2-id-multiple-palette .cmb-td .cmb2-list li input:checked + label { border-color: var( --wp-admin-theme-color, #2271b1 ); } .cmb2-id-badge-palette .cmb-td .cmb2-list li input:not(:checked) + label:hover, .cmb2-id-multiple-palette .cmb-td .cmb2-list li input:not(:checked) + label:hover { border-color: #86bce7; } .gamipress-badge-builder-colors-sample { display: inline-block; float: right; margin-right: 6px; } .gamipress-badge-builder-color-sample { display: inline-block; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #eee; margin-right: -8px; } .gamipress-badge-builder-generate-multiple-view { width: 79%; height: 95%; left: -84%; position: absolute; top: 86px; background: #fff; border-right: 1px solid #d0d0d1; padding: 6px 16px; transition: left 0.3s ease-in-out; overflow-y: auto; overflow-x: hidden; } .gamipress-badge-builder-generate-multiple-view .gamipress-badge-builder-preview { width: 18%; float: left; padding: 1%; text-align: center; } .gamipress-badge-builder-generate-multiple-view .gamipress-badge-builder-preview .canvas-container { margin: 0 auto; } .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action { border: 1px solid #d0d0d1; border-right: none; padding: 2px 3px; margin-right: -4px; cursor: pointer; } .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:hover { background: #f0f0f1; } .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:first-child { border-radius: 4px 0 0 4px; } .gamipress-badge-builder-preview-actions .gamipress-badge-builder-preview-action:last-child { border-radius: 0 4px 4px 0; border-right: 1px solid #d0d0d1; } .gamipress-badge-builder-sidebar { width: 19%; height: 95%; position: absolute; top: 86px; right: -24%; background: #fff; border-left: 1px solid #d0d0d1; padding: 6px 16px; transition: right 0.4s ease-in-out; overflow-y: auto; overflow-x: hidden; } .gamipress-badge-builder-sidebar.gamipress-badge-builder-icon-selector-open { overflow-y: hidden; } .gamipress_page_gamipress_badge_builder #wpfooter { margin-right: 19%; } /* GamiPress Badge Builder Icon Selector */ .gamipress-badge-builder .gamipress-badge-builder-icon-selector { position: absolute; top: 56px; left: 0; width: 95%; height: 86%; overflow-y: auto; padding: 50px 6px 0 12px; background: #fff; border-top: 1px solid #d0d0d1; display: none; } .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter { border-bottom: 1px solid #d0d0d1; padding: 8px 12px; margin-top: -50px; margin-left: -12px; margin-right: -12px; position: fixed; background: #fff; z-index: 1; width: 17%; min-width: 300px; } .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter input { width: 86%; } .gamipress-badge-builder .gamipress-badge-builder-icon-selector-filter .dashicons { padding: 5px; } .gamipress-badge-builder .gamipress-badge-builder-icon-selector strong { display: block; padding: 6px 0; font-size: 14px; border-bottom: 1px solid #d0d0d1; margin-bottom: 6px; } .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon, .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon { display: inline-block; width: 39px; height: 39px; text-align: center; border-radius: 6px; border: 2px solid #fff; cursor: pointer; } .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon:hover, .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon { background: #f0f0f0; border-color: #d0d0d1; } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon:hover { background: #e0e0e0; border-color: #c0c0c1; } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon { width: 30px; height: 30px; } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg { display: inline-block; padding: 2px } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg svg { width: 100%; } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .cmb-tooltip-desc.cmb-tooltip-left { top: 0; } .gamipress-badge-builder .cmb2-id-icon .gamipress-badge-builder-icon .cmb-tooltip-desc.cmb-tooltip-left:before { top: 4px; } .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon.gamipress-badge-builder-icon-selected { border-color: var( --wp-admin-theme-color, #2271b1 ); } .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg { display: inline-block; padding: 2px; } .gamipress-badge-builder .gamipress-badge-builder-icons .gamipress-badge-builder-icon .gamipress-badge-builder-icon-svg svg { width: 100%; } .gamipress-badge-builder .cmb-tooltip-desc { width: auto; white-space: nowrap; padding: 4px 8px !important; font-size: 12px; } /* GamiPress Badge Builder Forms */ .gamipress-badge-builder .cmb-th { width: 35%; color: #3c434a; font-size: 13px; padding: 10px 0 8px 0; } .gamipress-badge-builder .cmb-td { padding: 6px 0; } .gamipress-badge-builder .cmb-th, .gamipress-badge-builder .cmb-td { padding-left: 0; padding-right: 0; } .gamipress-badge-builder .cmb-th + .cmb-td { float: right; } .gamipress-badge-builder .cmb-td .wp-picker-holder { position: absolute; right: 12px; z-index: 1; } .gamipress-badge-builder .cmb-td .wp-color-result-text, .gamipress-badge-builder .cmb-td .wp-picker-clear { display: none; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-range-input, .gamipress-badge-builder .gamipress-badge-builder-selection-options input[type="number"] { max-width: 80px; text-align: right; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-range-input { float: right; margin-top: -49px; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-angle .cmb-td, .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-radius .cmb-td, .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-stroke-angle .cmb-td, .gamipress-badge-builder .gamipress-badge-builder-selection-options .cmb2-id-stroke-radius .cmb-td { padding-top: 0; } .gamipress-badge-builder .gamipress-badge-builder-selection-options input[type="range"] { margin-left: 0; } .gamipress-badge-builder .cmb2-metabox-title { display: block; padding-bottom: 6px; font-size: 14px; border-bottom: 1px solid #d0d0d1; font-weight: 700; color: #222222; } /* Badge Builder > Selection Options > Tools */ .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-th { width: 25%; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .gamipress-badge-builder-tool { background: #f0f0f0; border: 1px solid #d0d0d1; border-radius: 4px; padding: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .gamipress-badge-builder-tool:hover { background: #e0e0e0; border-color: #c0c0c1; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-tooltip { float: none; } .gamipress-badge-builder .gamipress-badge-builder-selection-options .gamipress-badge-builder-tools .cmb-tooltip .dashicons { opacity: 1; } /* Badge Builder Icons */ .gamipress-badge-builder .dashicons-image-rotate.dashicons-image-rotate-right { transform: rotateY(180deg); } .dashicons-gamipress-align-horizontal-center:before, .dashicons-gamipress-align-horizontal-left:before, .dashicons-gamipress-align-horizontal-right:before, .dashicons-gamipress-align-vertical-bottom:before, .dashicons-gamipress-align-vertical-center:before, .dashicons-gamipress-align-vertical-top:before, .dashicons-gamipress-group:before, .dashicons-gamipress-ungroup:before, .dashicons-gamipress-send-back:before, .dashicons-gamipress-send-front:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-top: -2px; margin-left: -2px; background-color: #3c434a; mask-size: cover; mask-repeat: no-repeat; } .dashicons-gamipress-align-horizontal-center:before, .dashicons-gamipress-align-horizontal-left:before, .dashicons-gamipress-align-horizontal-right:before, .dashicons-gamipress-align-vertical-bottom:before, .dashicons-gamipress-align-vertical-center:before, .dashicons-gamipress-align-vertical-top:before { mask-size: 86%; margin-top: 0px; margin-left: 0px; } .dashicons-gamipress-align-horizontal-center:before { -webkit-mask-image: url('../img/badge-builder/align-horizontal-center.svg'); mask-image: url('../img/badge-builder/align-horizontal-center.svg'); } .dashicons-gamipress-align-horizontal-left:before { -webkit-mask-image: url('../img/badge-builder/align-horizontal-left.svg'); mask-image: url('../img/badge-builder/align-horizontal-left.svg'); } .dashicons-gamipress-align-horizontal-right:before { -webkit-mask-image: url('../img/badge-builder/align-horizontal-right.svg'); mask-image: url('../img/badge-builder/align-horizontal-right.svg'); } .dashicons-gamipress-align-vertical-bottom:before { -webkit-mask-image: url('../img/badge-builder/align-vertical-bottom.svg'); mask-image: url('../img/badge-builder/align-vertical-bottom.svg'); } .dashicons-gamipress-align-vertical-center:before { -webkit-mask-image: url('../img/badge-builder/align-vertical-center.svg'); mask-image: url('../img/badge-builder/align-vertical-center.svg'); } .dashicons-gamipress-align-vertical-top:before { -webkit-mask-image: url('../img/badge-builder/align-vertical-top.svg'); mask-image: url('../img/badge-builder/align-vertical-top.svg'); } .dashicons-gamipress-group:before { -webkit-mask-image: url('../img/badge-builder/group.svg'); mask-image: url('../img/badge-builder/group.svg'); } .dashicons-gamipress-ungroup:before { -webkit-mask-image: url('../img/badge-builder/ungroup.svg'); mask-image: url('../img/badge-builder/ungroup.svg'); } .dashicons-gamipress-send-back:before { -webkit-mask-image: url('../img/badge-builder/send-back.svg'); mask-image: url('../img/badge-builder/send-back.svg'); } .dashicons-gamipress-send-front:before { -webkit-mask-image: url('../img/badge-builder/send-front.svg'); mask-image: url('../img/badge-builder/send-front.svg'); } .cmb2-id-fill-color-type-notice .cmb-th, .cmb2-id-fill-color-type-notice .cmb-td, .cmb2-id-fill-color-type-notice .cmb2-metabox-description, .cmb2-id-stroke-color-type-notice .cmb-th, .cmb2-id-stroke-color-type-notice .cmb-td, .cmb2-id-stroke-color-type-notice .cmb2-metabox-description { padding: 0 !important; } /* Default images */ .gamipress-badge-builder-default-badges { margin-top: 10px; } .gamipress-badge-builder-default-badges-description-top, .gamipress-badge-builder-default-badges-description-bottom { color: #646970; margin-bottom: 6px; margin-top: 4px; } .block-editor__container .gamipress-badge-builder-default-badges-description-top { margin-bottom: -12px; } .block-editor__container .gamipress-badge-builder-default-badges-description-bottom { margin-top: -14px; } .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb { border-radius: 4px; cursor: pointer; height: auto; padding: 3px; width: 14%; background: transparent !important; opacity: 0.4; } .block-editor__container .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb { padding: 2px; width: 16%; } .gamipress-badge-builder-default-badges-list .gamipress-badge-builder-default-badge-thumb:hover { opacity: 1; } /* Sortable icon */ .gamipress-sortable-multicheck .cmb2-list li { position: relative; padding-right: 28px; } .gamipress-sortable-multicheck .cmb2-list li::before { content: "\f333"; /* dashicons-menu */ font-family: dashicons; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: move; color: #777; } .gamipress-sortable-multicheck .cmb2-list li.ui-sortable-helper::before { cursor: move; }