/** * EDD Admin CSS * * @package EDD * @subpackage Admin CSS * @copyright Copyright (c) 2015, Pippin Williamson * @license http://opensource.org/licenses/gpl-2.0.php GNU Public License */ @import "~@wordpress/base-styles/colors"; @import "~@wordpress/base-styles/variables"; @import "~@wordpress/base-styles/mixins"; @import "~@wordpress/base-styles/breakpoints"; @import "~@wordpress/base-styles/animations"; @import "../variables/colors"; @import "../variables/mixins"; @import "downloads/style"; @import "forms/style"; @import "upgrades/v3"; @import "reports/style"; @import "orders/style"; @import "promos/style"; @import "gateways/style"; @import "notifications/style"; @import "general/style"; /** * Notes: * * [1] Backwards compatibility for vertical tabs < 3.0 */ .edd-hidden { display: none; } .edd-clearfix:after { content: ""; display: table; clear: both; } .edd-wrap a, .edd-notice .notice-dismiss { text-decoration: none; } /** * Tag specificity should not be needed, but cannot * safely be removed for fear of breaking even more things. */ .wp-core-ui .edd-delete, a.edd-delete { color: #a00; } .wp-core-ui .edd-delete:hover, a.edd-delete:hover { color: #f00; } /* General Settings Styles -------------------------------------------------------------- */ body.post-type-download #contextual-help-link-wrap, body.post-type-download #screen-options-link-wrap { top: 5px !important; } body.post-type-download #screen-meta { margin: 0px 0px -1px -20px; } #edd-header { border-top: 5px solid #0c5d95; border-bottom: 1px solid #c3c4c7; padding: 20px 0px; margin-left: -20px; background: #fff; } #edd-header-wrapper { display: flex; justify-content: space-between; padding: 0 20px; align-items: center; } #edd-header img { display: block; max-width: 300px; margin: 0 0 0 20px; } .edd-header-page-title-wrap { font-size: 1.75em; margin-top: -5px; margin-right: auto; padding-left: 7px; } .edd-header-separator { margin-top: -2px; opacity: 0.25; } .edd-header-page-title { font-weight: 400; font-size: 1em; line-height: 1.3em; display: inline; } .edd-header-page-title-wrap .button { margin-left: 5px; } .no-js #edd-header-actions { display: none; } #edd-header .edd-round { position: relative; background-color: #f3f4f5; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-left: 10px; cursor: pointer; transition: background-color .2s ease; } button.edd-round { border: none; } #edd-header button.edd-round:hover { background-color: #e5e5e5; } button.edd-round:focus, button.edd-round:active { outline: 2px solid #0c5d95; } #edd-header .edd-number { position: absolute; background-color: #df2a4a; width: 16px; height: 16px; font-weight: 600; font-size: 10px; color: #fff; top: -8px; left: 50%; transform: translateX(-50%); margin: 0; -webkit-animation: bounce 2s 5; animation: bounce 2s 5; } #edd-header .edd-number.edd-hidden { display: none !important; } #edd-header .edd-round svg { width: 20px; height: 20px; } @media screen and (max-width: 840px) { .edd-header-separator{ display: none; } #edd-header img { display: none; } } .edd_datepicker { height: 29px; } .edd-from-to-wrapper input { width: 105px; margin: 0; position: relative; z-index: 1; } .edd-from-to-wrapper input[name*="start"], .edd-from-to-wrapper input[name="filter_from"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .edd-from-to-wrapper input[name*="end"], .edd-from-to-wrapper input[name="filter_to"] { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .edd-from-to-wrapper input:focus { z-index: 2; position: relative; } .edd-settings-sub-nav { margin: 0 0px 10px 0; width: 100%; border-bottom: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .edd-settings-sub-nav a { padding: 13px; display: block; } .edd-settings-sub-nav a.current { border-bottom: 4px solid #000; padding-bottom: 9px; } .admin-color-fresh .edd-settings-sub-nav a.current { border-bottom-color: #00a0d2; } /* Blue */ .admin-color-blue .edd-settings-sub-nav a.current { border-bottom-color: #096484; } /* Coffee */ .admin-color-coffee .edd-settings-sub-nav a.current { border-bottom-color: #c7a589; } /* Ectoplasm */ .admin-color-ectoplasm .edd-settings-sub-nav a.current { border-bottom-color: #a3b745; } /* Midnight */ .admin-color-midnight .edd-settings-sub-nav a.current { border-bottom-color: #e14d43; } /* Ocean */ .admin-color-ocean .edd-settings-sub-nav a.current { border-bottom-color: #627c83; } /* Sunrise */ .admin-color-sunrise .edd-settings-sub-nav a.current { border-bottom-color: #be3631; } /* Light */ .admin-color-light .edd-settings-sub-nav a.current { border-bottom-color: #888; } /* bbPress Color Schemes */ /* Evergreen */ .admin-color-evergreen .edd-settings-sub-nav a.current { border-bottom-color: #36533f; } /* Mint */ .admin-color-mint .edd-settings-sub-nav a.current { border-bottom-color: #4f6d59; } .download_page_edd-settings .edd-check-wrapper { clear: both; } .download_page_edd-settings .form-table tr>th>strong, .download_page_edd-settings .form-table tr>th>h3 { font-size: 1.2em; font-weight: 600; margin: 0 auto; } .edd-sortable-list { margin: 0; width: 300px; position: relative; } .edd-sortable-list li { margin: 0; padding: 0; position: relative; height: 28px; cursor: move; } .edd-sortable-list li label * { vertical-align: middle; } .edd-sortable-list li label:after { display: block; width: 17px; height: 17px; position: absolute; right: 6px; top: 0px; color: #aaa; font-family: dashicons; font-size: 17px; content: '\f228'; cursor: move; } .form-table .edd-sortable-list li label { display: block; height: 28px; padding: 0; margin: 0; } .edd-sortable-list .payment-icon { width: 32px; height: 24px; position: relative; top: -2px; margin-right: 5px; } /* Tooltips */ .edd-help-tip { cursor: help; margin-top: -2px; font-size: 24px; color: grey; } .edd-ui-tooltip { position: absolute; background: #333 !important; border-width: 1px !important; border-radius: 3px !important; box-shadow: 1px 1px 2px 1px rgba(214, 214, 214, 0.5) !important; color: #dedede !important; max-width: 300px !important; padding: 7px !important; text-rendering: optimizeLegibility; text-shadow: none !important; z-index: 9999 !important; } /* =Payment Icon Styling -------------------------------------------------------------- */ .download_page_edd-settings .edd-settings-payment-icon-wrapper { margin-top: 5px; } .download_page_edd-settings .edd-settings-payment-icon-wrapper input { margin-top: 1px; } .download_page_edd-settings .form-table .edd-settings-payment-icon-wrapper input[type="checkbox"]+label { margin: 0; display: inline-block; } .download_page_edd-settings .edd-settings-payment-icon-wrapper .payment-icon-image { margin-right: 5px; width: 32px; display: inline-block; vertical-align: middle; } .download_page_edd-settings .edd-settings-payment-icon-wrapper .payment-option-name { vertical-align: middle; } /* =Tax Settings Style -------------------------------------------------------------- */ .download_page_edd-settings .taxrates th, .download_page_edd-settings .taxrates td { padding: 8px 10px; } .download_page_edd-settings .taxrates td { line-height: 1.5em; vertical-align: top; margin: 0; } .download_page_edd-settings .taxrates .regular-text { width: 100%; } /* =Add Ons Styles -------------------------------------------------------------- */ .edd-add-ons-footer { padding-top: 10px; } #edd-add-ons .subsubsub .dashicons { margin-top: 3px; } #edd-add-ons .edd-add-ons-container { clear: both; padding-top: 10px; } #edd-add-ons .search-box .button-secondary span { margin: 2px -5px 0 4px; padding: 0; color: #aaa; } #edd-add-ons .edd-extension { background: #fff; border: 1px solid #ccc; float: left; padding: 14px; position: relative; margin: 0 15px 16px 0; width: 320px; height: 315px; opacity: 0.9; transition: all .2s ease-in-out; cursor: default; } #edd-add-ons .edd-extension:hover { border: 1px solid #bbb; opacity: 1; transform: scale(1.05); z-index: 5; } #edd-add-ons .edd-extension h3 { font-size: 13px; margin: 0 0 8px; } #edd-add-ons .edd-extension .button-secondary { position: absolute; bottom: 14px; left: 14px; } #edd-add-ons .edd-browse-all { clear: both; width: 100%; } #edd-add-ons .edd-extension .third-party { display: none; } #edd-add-ons .edd-add-ons-container .edd-extension:first-child { background-color: #85c0e5; border-color: #62a9d7; color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } #edd-add-ons .edd-add-ons-container .edd-extension:first-child h3 { color: #fff; } /* Mock blue "Primary" styling on Starter Package */ #edd-add-ons .edd-add-ons-container .edd-extension:first-child .button-secondary { 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; } #edd-add-ons .edd-extension .wp-post-image { width: 100%; height: auto; vertical-align: bottom; } /* Insert Download -------------------------------------------------------------- */ #TB_window { overflow: hidden; } #TB_title { padding: 5px; } #TB_ajaxContent { width: calc(100% - 30px) !important; padding: 15px; margin: 0; height: calc(100% - 118px) !important; } #TB_ajaxWindowTitle { font-size: 18px; font-weight: 600; line-height: 30px; } #TB_closeWindowButton { right: 6px; top: 6px; } #choose-download-wrapper { width: 100%; } #choose-download-wrapper .wrap { overflow-y: scroll; margin: 0; padding: 0; height: calc(100% - 50px); } #choose-download-wrapper .submit-wrapper { position: absolute; width: 100%; bottom: 0; padding: 0; margin: 0 0 0 -15px; text-align: right; } #choose-download-wrapper .submit-wrapper div { background-color: #fafafa; padding: 15px; border-top: 1px solid #ddd; } /* Media Buttons Styles -------------------------------------------------------------- */ .wp-media-buttons .button.edd-thickbox { padding-left: 0; } .wp-media-buttons .button.edd-email-tags-inserter .dashicons { margin-top: -2px; } /* Add/View Order Styles -------------------------------------------------------------- */ /** Mimic WordPress 5.0 block-editor header region styles. */ .download_page_edd-payment-history .edit-post-editor-regions__header { flex-shrink: 0; height: auto; border-bottom: 1px solid #e2e4e7; z-index: 30; position: -webkit-sticky; position: sticky; top: 32px; /** EDD-specific */ margin-left: -20px; } @media screen and (max-width: 782px) { .download_page_edd-payment-history .edit-post-editor-regions__header { position: initial; top: 46px; } } .download_page_edd-payment-history .edit-post-header { height: 56px; padding: 4px 2px; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; /** EDD-specific */ max-width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 782px) { .download_page_edd-payment-history .edit-post-header { padding-left: 10px; padding-right: 10px; } } @media (min-width: 280px) { .download_page_edd-payment-history .edit-post-header { flex-wrap: nowrap; } } .download_page_edd-payment-history .edit-post-header .edit-post-header__toolbar { order: 0; } .download_page_edd-payment-history .edit-post-header .edit-post-header__settings { order: 1; } .download_page_edd-payment-history .edit-post-header #publishing-action, .download_page_edd-payment-history .edit-post-header .edit-post-header__toolbar, .download_page_edd-payment-history .edit-post-header .edit-post-header__settings { display: flex; align-items: center; } .download_page_edd-payment-history .edit-post-header #publishing-action .spinner { margin: 0 5px 0 0; } .download_page_edd-payment-history .edit-post-header .button-primary { margin: 2px; height: 34px; line-height: 32px; font-size: 13px; } #edd-order-items .hndle { display: flex; align-items: center; justify-content: space-between; } #edd-order-items .hndle .edd-toggle { font-weight: normal; } .edd-add-order-item td { vertical-align: middle; } .edd-add-order-item input { width: 80%; } .edd-add-order-item input[readonly] { color: #555; background: none; border: 1px solid transparent; box-shadow: none; } .order-customer-info .customer-details-wrap { margin: 15px 0; align-items: center; } .order-customer-info .customer-details-wrap .spinner { margin: 0; } .order-customer-info .customer-details { display: flex; flex-direction: column; } .order-customer-info .customer-details .customer-since { color: #666; display: block; margin: 4px 0 6px; } .order-customer-info .customer-details>span { margin-bottom: 5px; } .edd-order-add-download-select .spinner { display: none; } /** Overview */ table.edd-order-overview-summary { border-width: 0; table-layout: fixed; } table.edd-order-overview-summary--refund { border-width: 0; } @media screen and (min-width: 782px) { .edd-order-overview .column-right { text-align: right; } } .edd-ml-auto { margin-left: auto !important; } @media screen and (min-width: 782px) { .edd-ml-lg-auto { margin-left: auto !important; } } .edd-ml-auto+.edd-ml-auto { margin-left: 10px !important; } /** Items */ .edd-order-overview-summary__items-name { align-self: flex-start; } .edd-order-overview-summary__items> :nth-child(odd) { background-color: #f9f9f9; } @media screen and (min-width: 782px) { .edd-order-overview-summary__items tr:last-child th, .edd-order-overview-summary__items tr:last-child td { border-bottom: 1px solid #e5e5e5; } } @media screen and (max-width: 782px) { .edd-order-overview-summary .row-actions>*, .edd-order-overview-summary__items-name .row-actions { display: block !important; } .edd-order-overview-summary .row-actions>*:not(:first-child):before { display: none; } } .edd-order-overview-summary th:not(.column-primary) { width: 100px; } .edd-order-overview-summary .row-actions>*:not(:first-child):before { color: #999; content: " | "; } .edd-order-overview-summary .row-actions .text { color: #555; } .edd-order-overview-summary .removable { display: flex; align-items: center; position: relative; } .edd-order-overview-summary .removable .delete { display: inline-block; margin-right: 10px; margin-left: -8px; padding: 10px; border-right: 1px solid #e5e5e5; color: #a00; } .edd-order-overview-summary .removable .delete:hover { color: #dc3232; } /** Adjustments */ .edd-order-overview-summary__adjustments .column-primary { font-weight: 600; } .edd-order-overview-summary__adjustments td small { font-weight: normal; } /** Totals */ .edd-order-overview-summary__subtotal .column-primary, .edd-order-overview-summary__tax tr:first-of-type .column-primary, .edd-order-overview-summary__total .column-primary { font-weight: 600; } .edd-order-overview-summary__subtotal td, .edd-order-overview-summary__adjustments td, .edd-order-overview-summary__tax td, .edd-order-overview-summary__total td { vertical-align: middle; } .edd-order-overview-summary__tax td small, .edd-order-overview-summary__total td small { font-weight: normal; } .edd-order-overview-summary__total .total { color: #017d5c; display: inline-block; } .edd-order-overview-summary__total .total.is-negative { color: #a00; } @media screen and (min-width: 783px) { .edd-order-overview-summary__adjustments .removable .delete { margin-left: -50px; } .edd-order-overview-summary__total .total { font-size: 150%; padding-top: 5px; padding-bottom: 5px; } } .edd-order-overview-summary__total tr:last-child th, .edd-order-overview-summary__total tr:last-child td:not(:first-of-type) { border-top: 1px solid #e5e5e5; } .edd-order-overview-summary__total .notice { margin: -1px; } .edd-order-overview-summary__total .notice p { font-weight: normal; margin: 0.5em 0; } /** Refunds */ .edd-order-overview-summary__refunds .column-primary { font-weight: 600; } .edd-order-overview-summary__refunds td small { font-weight: normal; } .edd-order-overview-summary__refunds tr:first-child td { border-top: 1px solid #e5e5e5; } /** Actions */ #edd-order-overview-actions.inside { border-top: 1px solid #ccd0d4; margin-top: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } #edd-order-overview-actions.inside:empty { padding: 0; border-top: 0; } #edd-order-overview-actions.inside>div { display: flex; align-items: center; } #edd-order-overview-actions .edd-order-overview-actions__notice { flex-basis: 100%; margin-top: 15px; } .edd-order-overview-actions .button { width: 100%; margin-bottom: 12px; } .edd-order-overview-actions .button:last-of-type { margin-bottom: 0; } @media screen and (min-width: 782px) { .edd-order-overview-actions .button { width: auto; margin-left: 12px; margin-bottom: 0; } .edd-order-overview-actions .button:first-of-type { margin-left: auto; } } .edd-order-overview-actions__locked { font-style: italic; opacity: 0.80; } @media screen and (max-width: 782px) { .edd-order-overview-actions__locked { margin-bottom: 12px; } } .edd-order-overview-actions__refund .dashicons { margin-right: 8px; } /** Dialog */ .edd-dialog .ui-button-icon-only { font-size: 0; } .download_page_edd-payment-history .ui-dialog, .download_page_edd-payment-history .ui-dialog-content { overflow: visible; } .edd-order-overview-modal form>p { margin-top: 0; } .edd-order-overview-modal fieldset legend, .edd-order-overview-modal form label { display: block; margin-bottom: 4px; } .edd-order-overview-modal fieldset { margin-bottom: calc(1em - 3px); } .edd-order-overview-modal fieldset>p { margin: 2px 0 3px; } .edd-order-overview-modal form .submit { margin: 0 -16px -16px; padding: 16px; background: #fcfcfc; border-top: 1px solid #dfdfdf; display: flex; align-items: center; } .edd-order-overview-modal form .submit .spinner { margin: 0; } .edd-order-overview-add-item [for="auto-calculate"] { display: flex; align-items: center; } .edd-order-overview-add-item [for="auto-calculate"] input[type="checkbox"] { margin-top: 0; } .edd-order-overview-add-item [for="auto-calculate"] .label { line-height: 1.15; margin-left: 8px; } .edd-order-overview-add-item [for="auto-calculate"] .label small { margin-top: 4px; display: block; opacity: 0.75; } .edd-order-overview-add-adjustment .notice, .edd-order-overview-add-item .notice { margin: 0 0 1rem; } .edd-order-overview-add-adjustment #description, .edd-order-overview-add-discount select { width: 100%; } .edd-order-overview-error { font-style: italic; color: #a00; display: block; margin: 4px 0; } .edd-order-copy-download-link textarea { width: 100%; } /** Columns */ .wp-list-table.orders .column-number .row-title { display: block; } /** Status labels */ .edd-admin-order-status-badge { padding: 2px 7px; border-radius: 4px; background: #ececec; display: inline-flex; align-items: center; } .edd-admin-order-status-badge__text {} .edd-admin-order-status-badge__icon { opacity: 0.80; margin: 0 -2px 0 2px; } .edd-admin-order-status-badge--refunded {} .edd-admin-order-status-badge--refunded .edd-admin-order-status-badge__icon { font-size: 16px; width: 16px; height: 16px; } .edd-admin-order-status-badge--failed { color: #ac3d3d; background: #ffd6d6; } .edd-admin-order-status-badge--failed .edd-admin-order-status-badge__icon { margin-left: 0; margin-top: -1px; } .edd-admin-order-status-badge--complete { color: #017d5c; background: #e5f5f0; } .edd-admin-order-status-badge--complete .edd-admin-order-status-badge__icon { margin-left: 0px; } .edd-admin-order-status-badge--pending { color: #7d6e01; background: #f5f2e5; } .edd-admin-order-status-badge--processing { color: #015a7d; background: #e5f1f5; } .wp-list-table.orderitems .refunded .edd-admin-order-status-badge { margin-left: 10px; } .edd-order-resend-email-chooser legend { font-weight: bold; margin-bottom: 4px; } .edd-order-resend-email-chooser p { margin: 4px 0; } /* Note Styles -------------------------------------------------------------- */ .edd-notes .edd-note { padding: 10px; background-color: #ffffee; border: 1px solid #cccc00; width: 100%; position: relative; margin-bottom: 10px; box-sizing: border-box; overflow: hidden; } .edd-notes .edd-note.deleting { opacity: 0.5; } .edd-notes .edd-note__header { display: flex; align-items: center; } .edd-add-note .spinner { float: none; display: inline-block; margin: 0; } .edd-notes .edd-note time { font-size: 11px; color: #aaa; } .edd-notes .edd-note .edd-note-author { margin-right: 5px; } .edd-notes .edd-note .edd-delete-note { color: #a00; font-weight: bold; text-decoration: none; margin-left: auto; } .edd-notes .edd-note .edd-delete-note:hover { color: #888; } .edd-notes .edd-note p:last-child { margin-bottom: 0; } .edd-notes .edd-no-notes { margin: 4px 0 10px 0; } textarea[name="edd-note"] { width: 100%; min-height: 70px; margin-top: 0; } .edd-notes-wrapper { width: 80%; } .edd-note-pagination { float: right; margin: -35px 5px 15px 5px; } .edd-note-pagination a, .edd-note-pagination span.page-numbers { padding: 5px 8px; margin: 2px; text-decoration: none; } .edd-note-pagination a { border: 1px solid #e5e5e5; background: #fcfcfc; } .edd-note-pagination a:last-child, .edd-note-pagination span.page-numbers:last-child { margin-right: 0; } /* Discount Code Styles -------------------------------------------------------------- */ #edd-products { height: 100px; min-width: 200px; } #edd-add-discount input[type="text"], #edd-edit-discount input[type="text"] { width: 300px; } #edd-add-discount .edd-discount-datetime input, #edd-edit-discount .edd-discount-datetime input { vertical-align: middle; } #edd-add-discount input[type="text"].edd_datepicker, #edd-edit-discount input[type="text"].edd_datepicker { display: inline-block; width: 183px; } #edd-edit-discount textarea { height: 100px; } .edd-amount-type-wrapper { position: relative; display: flex; } .edd-amount-type-wrapper select { border-top-left-radius: 0; border-bottom-left-radius: 0; width: auto !important; } .edd-amount-type-wrapper #edd-amount { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -2px; padding: 0 8px; width: unset; max-width: 125px; } .edd-amount-type-wrapper input:focus { z-index: 2; } /* List Tables -------------------------------------------------------------- */ .wp-list-table.customers .column-primary strong, .wp-list-table.emails .column-primary strong, .wp-list-table.addresses .column-primary strong, .wp-list-table.discounts .column-primary strong, .wp-list-table.orders .column-primary strong, .wp-list-table.orderitems .column-primary strong, .wp-list-table.orderadjustments .column-primary strong { font-size: 14px; } .wp-list-table.emails .column-customer .avatar, .wp-list-table.customers .column-primary .avatar { float: left; margin-right: 10px; margin-top: 1px; border-radius: 5px; } .wp-list-table.orders div.order-list-email { font-size: .85em; color: #888888; } .wp-list-table.orders th.column-number { width: 150px; } .wp-list-table.orders th.column-amount { width: 100px; } /* Row Actions -------------------------------------------------------------- */ .wp-list-table .row-actions span.activate a { color: green; } .wp-list-table .row-actions span.refund a { color: #836fff; } .wp-list-table .row-actions span.cancel a { color: #cc8c00; } .wp-list-table .row-actions span.cancel a:hover, .wp-list-table .row-actions span.refund a:hover { opacity: 0.8; } .wp-list-table .type-download .row-actions { color: #999; } /* Nav Tab Styles -------------------------------------------------------------- */ #edd-add-ons { margin: 9px 20px -9px 2px; } .no-js.edit-tags-php.post-type-download .wp-heading-inline { position: absolute; top: 0; } .no-js.edit-tags-php.post-type-download .nav-tab-wrapper { margin-top: 50px; } .edit-tags-php.post-type-download .wrap .nav-tab-wrapper .page-title-action, .download_page_edd-customers .wrap .nav-tab-wrapper .page-title-action, .download_page_edd-discounts .wrap .nav-tab-wrapper .page-title-action, .download_page_edd-payment-history .wrap .nav-tab-wrapper .page-title-action { top: 3px; margin-left: 10px; line-height: 24px; } /* Payment History Styles -------------------------------------------------------------- */ #edd-payments-filter ul.subsubsub { margin-bottom: 8px; } tr.status-refunded td { background: #cecece; border-top-color: #ccc; } marquee { padding: 0; margin: 0; } @media handheld, only screen and (max-width: 640px) { .wp-list-table.downloads th { width: auto !important; } } #edd-download-link-textarea { width: 100%; } /* Metabox Styles -------------------------------------------------------------- */ .edd_files_name_label { width: 225px; float: left; } .edd_files_url_label { width: 220px; float: left; } #postbox-container-1 .edd_files_name_label { width: 80px; } #postbox-container-1 .edd_files_url_label { width: 80px; } #edd_product_prices .inside, #edd_product_files .inside { margin-bottom: 0; } textarea#edd-payment-note { width: 100%; height: 4em; margin: 0; } #edd-order-items .row .edd-purchased-files-list-wrapper .download { line-height: 1.4; } #edd-order-items .edd-purchased-files-list-wrapper .edd-purchased-option { color: #666; } input[class*="edd-price-field"] { max-width: 125px; } [class*="item_"] [class*="edd-payment-details-download-"][type="number"].small-text, #edd-order-download-quantity[type="number"].small-text, #edd-order-download-tax[type="text"].small-text { height: 25px; } .item_price .edd-payment-details-download-quantity[type="number"].small-text, #edd-order-download-quantity[type="number"].small-text { width: 55px; } .item_tax .edd-payment-details-download-item-tax[type="number"].small-text, #edd-order-download-tax[type="text"].small-text { width: 80%; max-width: 125px; } #edd_product_notes_field { display: block; margin: 12px 0 0; height: 4em; width: 100%; } /* Payment Details -------------------------------------------------------------- */ .edd-metabox-title-action { margin: 0; float: right; padding: 4px 8px; position: relative; top: -1px; text-decoration: none; border: none; border: 1px solid #ccc; border-radius: 2px; background: #f7f7f7; text-shadow: none; font-weight: 600; font-size: 10px; line-height: normal; color: #0073aa; cursor: pointer; outline: 0; } .edd-metabox-title-action:hover { border-color: #008EC2; background: #00a0d2; color: #fff; } .edd-edit-purchase-element .tablenav { padding: 2px 10px 8px 10px; } .edd-edit-purchase-element .edd-order-children-wrapper { margin: 0 -1px; } .edd-edit-purchase-element .edd-order-children-wrapper.child-count-0 table { border-top: none; border-bottom: none; } .edd-edit-purchase-element .edd-order-children-wrapper.child-count-0 .tablenav { display: none; } .edd-edit-purchase-element[class*="columns-"] ul li { padding-right: 1%; } #edd-edit-order-form .columns-4 .column:nth-child(2n+1), #edd-edit-order-form .columns-5 .column:nth-child(3n+1), #edd-edit-order-form .column:nth-child(2n+1) { margin-right: 0; } #edd-edit-order-form input.large-text { width: 90%; } .edd-edit-purchase-element ul li.item_price { width: 15%; } .edd-edit-purchase-element ul li.item_price.item_quantity { width: 25%; } .edd-edit-purchase-element ul li.item_tax { width: 15%; } .edd-edit-purchase-element ul li.price { width: 20%; } .edd-admin-box-inside { border-bottom: 1px solid #f1f1f1; clear: both; padding: 12px; margin: 0; word-wrap: break-word; } .edd-admin-box-inside--row { display: flex; flex-wrap: wrap; word-break: break-all; justify-content: space-between; align-items: center; } .edd-admin-box-inside>p { margin: 8px 3px; } .edd-admin-box-inside .strong { font-weight: 600; } .edd-admin-box div:not(.edd-admin-box-inside--row) .label { display: block; margin-bottom: 4px; margin-right: 0; } .edd-admin-box .label--has-tip { display: flex; align-items: center; } .edd-admin-box .label--has-tip .edd-help-tip { margin-top: 0; font-size: 20px; } .edd-admin-box div:not(.edd-admin-box-inside--row) .label--has-checkbox { margin-bottom: 0; } .edd-payment-fees .fee-label { color: #666; font-weight: normal; } .edd-admin-box .right { float: right; } #edd-order-refunds-list { padding-left: 25px; } #poststuff .edd-order-data .inside { margin: 0; padding: 0; } .edd-order-data .edd-select-chosen { width: 130px !important; } .edd-order-data input.edd_datepicker { width: 180px; } .edd-order-data input[type="number"].edd-payment-time-hour, .edd-order-data input[type="number"].edd-payment-time-min { width: 50px; } .edd-order-data .edd-tax-rate { color: #9c9c9c; font-style: italic; padding: 5px; } #edd_general_logs p { margin: 0; padding: 0; } .edd-admin-box-inside span.label { margin-right: 10px; } #edd-order-resend-receipt .inside { margin-top: 11px; } #edd-order-resend-receipt .edd-order-resend-receipt-addresses { margin-top: 10px; } .edd-order-resend-receipt-header { font-size: 14px; line-height: 1.4; } .edd-order-resend-receipt-addresses label { display: block; line-height: 1.75em; } .edd-order-resend-receipt-addresses label:last-child { margin-bottom: 10px; } .edd-admin-box-inside:last-child { border-bottom: 0; } #edd-edit-order-form .data-payment-key { word-break: break-all; } .edd-order-update-box #major-publishing-actions .button-secondary { margin-right: 10px; } .edd-order-update-box .button-primary { margin-right: 0; } .edd-edit-purchase-element .edd-select-chosen { width: 196px; } .edd-edit-purchase-element ul { clear: both; display: block; } #edd-customer-details .actions { float: right; } .order-data-address h3 { margin: 0 0 10px 0; } .order-data-address #edd-order-address-state-wrap, .order-data-address #edd-order-address-country-wrap { display: inline-block; width: 50%; max-width: 300px; } .edd-order-data input.small-text { margin: 0; } .edd-order-data input.med-text { margin: 0; width: 100px; } .edd-edit-purchase-element ul li { display: block; line-height: 1.4; position: relative; margin: 0; vertical-align: middle; font-size: 13px; } .edd-edit-purchase-element .row { padding: 12px; } .edd-edit-purchase-element .row:not(:last-child) { border-bottom: 1px solid #eee; } .edd-edit-purchase-element .row:nth-child(odd):not(.header) { background-color: #f9f9f9; } .edd-edit-purchase-element .row.header { padding: 6px 12px; font-weight: 600; vertical-align: top; } .edd-edit-purchase-element ul { margin: 0 0 15px; } .edd-edit-purchase-element ul:last-of-type { margin-bottom: 0; } #edd-order-data .data span { color: #666; font-weight: 600; } .edd-edit-purchase-element .inside { padding: 12px; } .edd-edit-purchase-element .edd-purchased-download-title { font-size: 14px; font-weight: 500; } .edd-edit-purchase-element .edd-purchased-download-title .deleted { color: #777; } .edd-edit-purchase-element .edd-purchased-download-actions { color: #777; line-height: 1.4; } .edd-edit-purchase-element .edd-purchased-download-actions .edd-purchased-download-actions-label { font-weight: 500; } .edd-edit-purchase-element .edd-purchased-download-actions a { color: #777; font-size: 12px; } .edd-edit-purchase-element .edd-purchased-download-actions a:hover { color: #444; } .edd-edit-purchase-element .edd-purchased-download-actions .edd-order-remove-download { color: #a00; } .edd-edit-purchase-element .edd-purchased-download-actions .edd-order-remove-download:hover { color: #f00; } .edd-add-download-to-purchase, .edd-add-adjustment-to-purchase { padding: 15px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5; } .edd-add-download-to-purchase .chosen-container, .edd-add-adjustment-to-purchase .chosen-container { width: 90% !important; max-width: 220px !important; } .edd-add-download-to-purchase .spinner, .edd-add-adjustment-to-purchase .spinner { margin: 0; float: none; } .edd-add-download-to-purchase .edd-add-order-quantity { width: 40px; height: 29px; vertical-align: middle; } .edd-add-download-to-purchase .edd-add-order-item-button, .edd-add-adjustment-to-purchase .edd-add-adjustment-button, .edd-add-adjustment-to-purchase input[type="text"] { height: 29px; } @media screen and (max-width: 1284px) { .edd-edit-purchase-element .edd-purchased-download-title { font-size: 16px; } .edd-edit-purchase-element ul li.item_price { width: 22%; } .edd-edit-purchase-element ul li.item_price.item_quantity { width: 35%; } .edd-edit-purchase-element ul li.item_tax { width: 25%; } .edd-edit-purchase-element ul li.price { width: 20%; } .edd-edit-purchase-element .edd-purchased-download-actions { padding-top: 10px; } } @media screen and (max-width: 1024px) { .edd-edit-purchase-element ul li.item_price.item_quantity { width: 40%; } .edd-edit-purchase-element ul li.price { width: 24%; } .edd-edit-purchase-element .edd-purchased-download-actions { padding-top: 15px; } .edd-edit-purchase-element .edd-purchased-download-actions, .edd-edit-purchase-element .edd-purchased-download-actions a { font-size: 14px; } } @media screen and (max-width: 782px) { .edd-edit-purchase-element ul li.item_price, .edd-edit-purchase-element ul li.item_price.item_quantity { padding-bottom: 10px; } .edd-edit-purchase-element ul li.item_price.item_quantity { width: 35%; } .edd-edit-purchase-element ul li.item_tax, .edd-edit-purchase-element ul li.price { width: 20%; padding-bottom: 10px; } .edd-price-currency, .edd-payment-details-download-amount { font-size: 16px; } .order-data-column input[type="email"] { padding: 6px 10px; } .edd-refund-submit-line-total td:last-of-type { flex: 0 0 120px; } #edd-item-tables-wrapper .addresses tbody tr { display: grid; } #edd-item-tables-wrapper .addresses tbody td:not(.no-items) { padding-left: 35%; } } @media screen and (max-width: 600px) { .edd-edit-purchase-element ul li.item_price, .edd-edit-purchase-element ul li.item_price.item_quantity, .edd-edit-purchase-element ul li.item_tax { width: 100%; padding-bottom: 20px; } .edd-edit-purchase-element ul li.price, .edd-edit-purchase-element .edd-add-download-to-purchase ul li.item_tax { width: 100%; padding-bottom: 0; } .edd-edit-purchase-element .edd-add-download-to-purchase-actions { padding-top: 15px; } } /** Stats */ #edd_product_stats .label { display: inline-block; } #edd_product_stats .product-sales-stats:before, #edd_product_stats .product-earnings-stats:before { color: #82878c; font: normal 20px/1 'dashicons'; display: inline-block; padding: 0 2px 0 0; position: relative; top: 0; left: -1px; speak: none; text-decoration: none !important; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #edd_product_stats .product-sales-stats:before { content: '\f174'; } #edd_product_stats .product-earnings-stats:before { content: '\f239'; } /* Dashboard Page Styles -------------------------------------------------------------- */ body.dashboard_page_edd-upgrades.js .postbox .hndle { cursor: default; } /* Dashboard Widget Styles -------------------------------------------------------------- */ .edd_dashboard_widget table thead td { border-bottom: 1px solid #ececec; color: #777; } .edd_dashboard_widget .table_left { float: left; width: 45%; } .edd_dashboard_widget .table_right { float: right; width: 45%; } .edd_dashboard_widget .inside { font-size: 12px; } .edd_dashboard_widget td { padding: 3px 0; } .edd_dashboard_widget .b, .edd_dashboard_widget .t { line-height: 1.5; vertical-align: middle; } .edd_dashboard_widget .b { padding-right: 6px; width: auto; } .edd_dashboard_widget .t { font-size: 12px; padding-right: 12px; color: #777; width: 100%; } .edd_dashboard_widget .label_heading { border-top: 1px solid #ececec; color: #8f8f8f; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; display: block; padding-top: 10px; margin: 0 0 8px 12px; } .edd_dashboard_widget .edd_dashboard_widget_subheading { border-top: 1px solid #ececec; color: #8f8f8f; font-size: 14px; padding-top: 10px; margin: 1em 0 0 0; } .edd_dashboard_widget .edd_dashboard_widget_subheading+.table { margin: 8px 0 0 0; } .edd_dashboard_widget .edd_price_label { background: rgb(0, 118, 156); border-radius: 3px; color: white; font-size: 10px; padding: 2px 4px; margin-right: 2px; } .edd_dashboard_widget table { width: 100%; margin-left: 0; margin-bottom: 1em; } td.edd_order_label { width: 80%; } td.edd_order_price { text-align: right; } @media handheld, only screen and (max-width: 1000px) { .edd_dashboard_widget .edd-recent-email { display: none; } } /* Reports Styles -------------------------------------------------------------- */ /* Force a scrollbar when on the reports page (https://github.com/easydigitaldownloads/easy-digital-downloads/issues/6718) */ body.download_page_edd-reports { overflow-y: scroll; } .edd-chip { font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1; padding: 3px; border-radius: 3px; color: #fff; background-color: #444; } .edd-vertical-sections .edd-legacy-label { display: inline-block; position: absolute; top: 11px; right: 6px; } /* Keeping this rule for Software Licensing Reports */ .edd-reports-wrapper .postbox h2, .edd-reports-wrapper .postbox h3 { font-size: 1.3em } #edd-dashboard-widgets-wrap .metabox-holder { padding-top: 0; } .edd-reports-wrapper .postbox .edd-select { max-width: 200px; vertical-align: baseline; margin-right: 4px; margin-bottom: 16px; } .download_page_edd-reports #edd-item-wrapper { margin: 0; } #edd-dashboard-widgets-wrap .postbox h2, #edd-dashboard-widgets-wrap .postbox h3 { cursor: default; } .edd-date-range-options .edd_datepicker { width: 105px; } .edd-report-wrap { clear: both; } .edd-report-wrap h3 { clear: both; margin: 0 0 20px; } .edd-reports-chart, .edd-reports-table { margin-bottom: 20px; } .edd-admin--has-grid { display: grid; display: -ms-grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 20px; } .edd-admin--has-grid .postbox { margin-bottom: 0; } .edd-admin--has-grid .edd-from-to-wrapper { display: flex; margin-bottom: 16px; width: 100%; } .edd-admin--has-grid .edd-from-to-wrapper input { width: 100%; } .edd-admin--has-grid .edd-from-to-wrapper span { flex-grow: 1; } .edd-admin--has-grid form { display: flex; flex-direction: column; flex-wrap: wrap; position: relative; } fieldset.edd-to-and-from-container { display: grid; display: -ms-grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; } span.edd-to-and-from--separator { line-height: normal; align-self: center; margin-bottom: 16px; } .edd-admin--has-grid .postbox .edd-select { max-width: 100%; margin-right: 0; } .edd-admin--has-grid .button.updating-message:before, .edd-admin--has-grid .button.updated-message:before { vertical-align: text-bottom; margin: 0 5px 0 0; } .edd-import-export-form .edd-progress { background: #ddd; border-radius: 15px; height: 15px; flex-basis: 100%; } .edd-import-export-form .edd-progress div { background: #ccc; border-radius: 15px; height: 100%; width: 0; } .edd-import-export-form .notice-wrap { background-color: #f4f4f4; border-style: solid; border-width: 1px 0; border-color: #eae9e9; padding: 12px; overflow: auto; margin: 20px -12px -23px; position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; } .notice-wrap div.notice { margin: 0; } .admin-color-fresh .edd-import-export-form .edd-progress div { background: #0073aa; } .admin-color-light .edd-import-export-form .edd-progress div { background: #888; } .admin-color-blue .edd-import-export-form .edd-progress div { background: #096484; } .admin-color-coffee .edd-import-export-form .edd-progress div { background: #c7a589; } .admin-color-ectoplasm .edd-import-export-form .edd-progress div { background: #a3b745; } .admin-color-midnight .edd-import-export-form .edd-progress div { background: #e14d43; } .admin-color-sunrise .edd-import-export-form .edd-progress div { background: #dd823b; } .graph-option-section { float: left; } .edd-report-filters-title span { display: block; padding: 20px; } #edd-graphs-filter form { padding: 20px; } #edd-graphs-filter label { vertical-align: inherit; } #edd-graphs-filter .graph-option-section { display: inline-block; line-height: 2em; margin: 0 5px 0 0; padding: 0; } .download_page_edd-reports .section-content #post-body-content { float: none; } .download_page_edd-reports .section-content select[name="range"] { display: none; } .edd-mix-totals { background-color: #fff; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); padding: 10px; } .edd-mix-chart { display: inline-block; width: 49%; vertical-align: top; } .edd-graph-notes { color: #9c9c9c; } .edd-graph-notes span { display: block; } .edd-pie-graph .legend { display: none; } .edd-pie-legend { overflow: auto; margin-top: 10px; } .edd-legend-item-wrapper { color: #333; display: inline-block; font-size: 8pt; padding: 2px 5px 0px 5px; width: 48%; height: 20px; } .edd-legend-color { border: 1px solid #cfcfcf; display: inline-block; margin-right: 5px; width: 20px; height: 15px; } .edd-pie-legend-item { display: inline-block; vertical-align: top; width: 80%; } #edd-reports-tiles-wrap .metabox-holder { padding: 0; } #edd-reports-tiles-wrap #dashboard-widgets { overflow: auto; } #edd-reports-tiles-wrap #dashboard-widgets .postbox-container { width: 33.3%; } /** Hide legacy report empty navigations */ .download_page_edd-reports .section-content .tablenav.top { display: none; } #edd_tax_rates { margin: 1em 0 0; } [id*="edd-recapture-"].button { font-size: 16px; height: auto; padding: 8px 14px; margin: 6px 0 0; } [id*="edd-recapture-"].button .dashicons { line-height: 29px; margin-right: 8px; } [id*="edd-recapture-"].button .edd-loading, [id*="edd-recapture-"].button .edd-loading:after { border-radius: 50%; display: inline-block; width: 14px; height: 14px; } [id*="edd-recapture-"].button .edd-loading { position: relative; top: 3px; margin-left: 4px; box-shadow: 0 0 2px rgba(0, 0, 0, .2); } [id*="edd-recapture-"].button .edd-loading { -webkit-animation: edd-spinning 1.1s infinite linear; animation: edd-spinning 1.1s infinite linear; border-top: 2px solid rgba(255, 255, 255, 0.5); border-right: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 2px solid rgba(255, 255, 255, 0.5); border-left: 2px solid #fff; font-size: 14px; filter: alpha(opacity=0); -ms-transform: translateZ(0); transform: translateZ(0); } #edd-recapture-disconnect.button .edd-loading.dark { border-top-color: rgba(0, 0, 0, 0.2); border-right-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.2); border-left-color: #666; box-shadow: none; } .recapture-notice { position: relative; } @-webkit-keyframes edd-spinning { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes edd-spinning { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #edd-chartjs-tooltip { position: absolute; background-color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 12px; box-shadow: 0 0 0 1px rgba(89, 94, 100, .1), 0 15px 35px 0 rgba(89, 94, 100, .1), 0 5px 15px 0 rgba(0, 0, 0, .12); min-width: 120px; opacity: 0; } .edd-chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; margin-right: 5px; } /* Upgrades page styles -------------------------------------------------------------- */ /* Settings page styles -------------------------------------------------------------- */ .wrap-licenses .form-table, .wrap-licenses thead, .wrap-licenses tbody, .wrap-licenses tfoot, .wrap-licenses tr, .wrap-licenses td, .wrap-licenses th, .wrap-licenses caption { display: block; } .wrap-licenses .form-table tr { float: left; margin: 0 15px 15px 0; background: #fff; border: 1px solid #ccc; width: 30.5%; max-width: 350px; padding: 14px; min-height: 220px; position: relative; box-sizing: border-box; } .wrap-licenses .form-table th { background: #f9f9f9; padding: 14px; border-bottom: 1px solid #ccc; margin: -14px -14px 20px; width: 100%; } .wrap-licenses .form-table td { padding: 0; } .wrap-licenses td input.regular-text { margin: 0 0 8px; width: 100%; } .wrap-licenses .edd-license-data[class*="edd-license-"] { position: absolute; background: #fafafa; padding: 14px; border-top: 1px solid #eee; margin: 20px -14px -14px; min-height: 67px; width: 100%; bottom: 14px; box-sizing: border-box; } .wrap-licenses .edd-license-data[class*="edd-license-"] a { color: #444; } .wrap-licenses .edd-license-data[class*="edd-license-"] a:hover { text-decoration: none; } .wrap-licenses .edd-license-data.license-expires-soon-notice { background-color: #00a0d2; color: #fff; border-color: #00a0d2; } .wrap-licenses .edd-license-data.edd-license-expired { background-color: #e24e4e; color: #fff; border-color: #e24e4e; } .wrap-licenses .edd-license-data.edd-license-error, .wrap-licenses .edd-license-data.edd-license-missing, .wrap-licenses .edd-license-data.edd-license-invalid, .wrap-licenses .edd-license-data.edd-license-site_inactive, .wrap-licenses .edd-license-data.edd-license-item_name_mismatch { background-color: #ffebcd; border-color: #ffebcd; } .wrap-licenses .edd-license-data p { font-size: 13px; margin-top: 0; } .wrap-licenses .edd-license-data.license-expires-soon-notice a, .wrap-licenses .edd-license-data.edd-license-expired a { color: #fff; } .wrap-licenses .edd-license-data.license-expires-soon-notice a:hover, .wrap-licenses .edd-license-data.edd-license-expired a:hover { text-decoration: none; } .wrap-licenses p.submit { clear: both; } /* Global Graph Styles -------------------------------------------------------------- */ .edd-graph .y1Axis { color: rgb(237, 194, 64) !important; } .edd-graph .y2Axis { color: rgb(175, 216, 248) !important; } /* API Table Styles -------------------------------------------------------------- */ .wp-list-table.apikeys input.code { width: 100%; font-size: 10px; cursor: text; background: #fff; border: 1px solid #ddd; box-shadow: none; color: #555; } /* Toggle Styles -------------------------------------------------------------- */ .edd-toggle { position: relative; display: inline-block; overflow: visible; } .edd-toggle input[type="checkbox"] { display: inline-block; vertical-align: middle; position: relative; margin: 0; padding: 0; width: 42px; height: 24px; background-color: #ccc; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; border-radius: 34px; box-shadow: none; border: none; } .edd-toggle .label { display: inline-block; vertical-align: middle; white-space: nowrap; } .edd-toggle input[type="checkbox"]:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: 0.1s transform ease; transition: 0.1s transform ease; border-radius: 50%; } .edd-toggle input[type="checkbox"]:checked { background-color: #007cba; } .edd-toggle input[type="checkbox"]:active, .edd-toggle input[type="checkbox"]:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7e8993; } .edd-toggle input[type="checkbox"]:checked:active, .edd-toggle input[type="checkbox"]:checked:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; } .edd-toggle input[type="checkbox"]:checked:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); } .edd-toggle input+.label, .edd-toggle .label+input { margin-left: 5px; } /* List Table Styles -------------------------------------------------------------- */ .download_page_edd-tools .tablenav .actions { overflow: visible; } .edd_user_search_wrap { position: relative; overflow: visible; } .edd_user_search_wrap .spinner { position: absolute; margin: 0; padding: 0; right: 4px; top: -2px; } .edd_user_search_wrap.loading .spinner { visibility: visible; } .edd_user_search_results { position: absolute; left: 0; top: 20px; } .edd_user_search_results a.edd-ajax-user-cancel { position: absolute; right: 6px; top: 2px; } .edd_user_search_results ul { background: #fafafa; border: 1px solid #dfdfdf; overflow-y: scroll; padding: 0; margin: 0; height: 150px; width: 185px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .edd_user_search_results li { margin: 0; } .edd_user_search_results li a { display: block; text-decoration: none; padding: 6px 10px; } .edd_user_search_results li a:hover { background: #f5f5f5; } .edd_user_search_results li.no-users { text-align: center; vertical-align: middle; display: block; line-height: 150px; color: #bbb; text-transform: uppercase; font-size: 11px; } @media screen and (max-width: 1100px) { .edd-mix-chart { display: block; width: 100%; } .wrap-licenses .form-table tr { width: 46%; max-width: none; min-height: 230px; } } @media screen and (max-width: 782px) { .license-lifetime-notice, .license-expiration-date-notice, .license-null { padding-left: 0; } [class^="license-"] input[type="text"] { margin-bottom: 3px; } } @media screen and (max-width: 600px) { .wrap-licenses .form-table tr { width: 100%; min-height: 230px; } #edd-edit-order-form input.large-text { width: 100%; } } /* Customer Styles -------------------------------------------------------------- */ #edd-item-wrapper { background: #fff; border: 1px solid $wp-border; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); position: relative; margin-top: 15px; display: flex; } #edd-item-wrapper.full-width { max-width: 100%; } #edd-item-wrapper:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .edd-sections-wrap { clear: both; width: 100%; } .edd-sections-wrap .section-wrap { background-color: #fff; display: inline-block; z-index: 2; } .js .edd-sections-wrap .edd-vertical-sections:not(.meta-box) .section-wrap>div { min-height: 500px; height: 100%; } .edd-sections-wrap .section-wrap .customer-section:not(:last-child) { border-bottom: 1px solid #eee; } .edd-sections-wrap .section-wrap .customer-section table { margin-bottom: 20px; } .edd-sections-wrap .section-wrap { border-left: 1px solid #e5e5e5; } .edd-sections-wrap .section-wrap .section-content { >* { padding: 20px; } h2 { margin: 0; padding-bottom: 0; } } .edd-sections-wrap .section-wrap .avatar-wrap { float: left; padding-right: 10px; text-align: center; } .edd-sections-wrap .section-wrap img.avatar { border-radius: 5px; } .edd-sections-wrap .section-wrap .customer-id { position: absolute; right: 0; top: 0; padding: 10px; background-color: #fafafa; border: 1px solid #eee; border-bottom-left-radius: 20%; border-top: none; border-right: none; font-family: monospace; font-size: 18px; font-weight: 600; } .edd-item-info.customer-info input[type="text"], .edd-item-info.customer-info input[type="password"], .edd-item-info.customer-info select { width: 200px; height: auto; box-shadow: none; transition: none; border: 1px solid #ddd; margin: -5px 0 4px -2px; font-size: 13px; padding: 2px 4px; } .edd-sections-wrap .section-wrap .customer-main-wrapper { float: left; } .edd-sections-wrap .section-wrap .customer-main-wrapper input[name="customerinfo[name]"] { font-size: 24px; } .edd-sections-wrap .section-wrap .customer-address-wrapper { float: right; margin-top: -3px; margin-right: 50px; width: 202px; } .edd-sections-wrap .section-wrap .info-wrapper { min-height: 125px; overflow: visible; } .edd-sections-wrap .section-wrap .customer-address span[data-key="address"], .edd-sections-wrap .section-wrap .customer-address span[data-key="address2"], .edd-sections-wrap .section-wrap .customer-address span[data-key="country"] { display: block; } .edd-sections-wrap .section-wrap a.delete { color: #ff0000; margin-right: 5px; text-decoration: none; } .customer-info { min-height: 185px; } .customer-info .customer-name { font-size: 24px; font-weight: 600; } .customer-info .customer-name.editable { margin-bottom: 6px; } .customer-edit-link a { font-weight: normal; text-decoration: none; } .disconnect-user a { color: #aaa; font-size: 20px; } #customer-edit-actions { padding: 3px; line-height: 28px; text-align: center; } #customer-edit-actions .button-secondary { margin-right: 5px; } #customer-edit-actions .cancel { padding: 5px; } .edd-sections-wrap .section-wrap .row-title { width: 30%; } .edd-sections-wrap .section-wrap .editable { display: block; padding: 3px; } .edd-sections-wrap .section-wrap div.edit-item { margin-left: -4px; margin-top: -20px; } .edd-sections-wrap .section-wrap .customer-address.edit-item { margin-top: 3px; } .edd-sections-wrap .section-wrap span.edit-item { display: none; } .edd-sections-wrap .section-wrap .edit-item input { font-size: 13px; } .edd-sections-wrap .section-wrap .customer-name.edit-item input { margin-top: -5px; } .edd-sections-wrap .section-wrap .edd_user_search_results { left: -2px; top: 18px; } .edd-sections-wrap .section-wrap .edd_user_search_results ul { width: 198px; } #edd-item-stats-wrapper { margin: 0 auto; text-align: center; } #edd-item-stats-wrapper ul { display: flex; margin: 0; } #edd-item-stats-wrapper li { font-size: 14px; margin-bottom: 0; width: 50%; } #edd-item-stats-wrapper a { text-decoration: none; } #edd-item-stats-wrapper .dashicons { color: #888; margin-top: -2px; } #edd-item-tables-wrapper table { width: 100%; } #edd-item-tables-wrapper .no-items { text-align: left; } #edd-item-tables-wrapper .emails .add-customer-email-row { background-color: #f4f4f4; border-top: 1px solid #e5e5e5; } #edd-item-tables-wrapper .add-customer-email-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin: 12px 0; } #edd-item-tables-wrapper .edd-form-group { margin-bottom: 0; } #edd-item-tables-wrapper .edd-make-email-primary { flex-grow: 1; margin-left: 12px; } #edd-item-tables-wrapper .emails .spinner { float: none; margin: 0 10px; align-self: center; } #edd-item-tables-wrapper .notice-error { background-color: #fff5f5; } #edd-item-notes-wrapper { min-height: 50px; } .customer-note-input { margin-bottom: 5px; width: 100%; } .customer-note-wrapper { border-bottom: 1px solid #f9f9f9; min-height: 38px; padding: 7px 0 7px 7px; } .customer-note-wrapper span { display: block; } .note-content-wrap { padding-top: 7px; } .edd-sections-wrap .section-wrap .notice-container { padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; } @media screen and (max-width: 810px) and (min-width: 656px) { .customer-info .customer-name { font-size: 16px; } .edd-sections-wrap .section-wrap .widefat td, .widefat th { max-width: 100% !important; display: table-cell; } } @media screen and (max-width: 781px) { #edd-item-tab-wrapper, /** [1] */ .edd-sections-wrap .section-wrap { margin: 0; width: 100%; } #edd-item-tab-wrapper-list .dashicons { /** [1] */ font-size: 18px; } .edd-item-has-tabs .edd-sections-wrap .section-wrap { border-top: 1px solid #e5e5e5; border-left: 0; margin-top: -1px; } } @media screen and (max-width: 656px) { .edd-item-info.customer-info { position: relative; } .edd-sections-wrap .section-wrap .customer-address-wrapper { float: none; position: absolute; top: 84px; left: 165px; max-width: 200px; } .edd-sections-wrap .section-wrap .customer-main-wrapper { float: none; position: absolute; left: 165px; } .customer-info .customer-name { font-size: 16px; } .edd-sections-wrap .section-wrap #edd-item-stats-wrapper { padding-left: 0; padding-right: 0; } .edd-sections-wrap .section-wrap .customer-section { margin-bottom: 0; } .edd-sections-wrap .section-wrap .widefat td.no-items, .edd-sections-wrap .section-wrap .widefat td.column-primary, .edd-sections-wrap .section-wrap .widefat th.column-primary { width: 100px !important; display: table-cell; overflow: hidden; text-align: left; } .edd-sections-wrap .section-wrap .customer-id { display: none; } #edd-item-tables-wrapper .emails td.column-primary { padding-right: 10px; width: 100% !important; } #edd-item-tables-wrapper .edd-form-group { margin: 0 0 16px 0; } } @media screen and (max-width: 480px) { #edd-item-tab-wrapper-list li { width: 50%; } #edd-item-tab-wrapper-list li:nth-child(3n+3) { border-width: 0 1px 1px 0; } #edd-item-tab-wrapper-list li:nth-child(even) { border-width: 0 0 1px 0; } .download_page_edd-reports .button { text-align: center; } #edd-payment-date-filters span { display: block; } #edd-payment-date-filters span>input { float: right; } #edd-add-discount select[multiple] option, #edd-edit-discount select[multiple] option { height: 20px; } .download_page_edd-tools .inside input[type="text"], .download_page_edd-tools .inside select, .download_page_edd-tools .inside input[type="submit"], .download_page_edd-settings .inside input[type="button"], .download_page_edd-reports .inside input[type="text"], .download_page_edd-reports .inside select, .download_page_edd-reports .inside input[type="submit"], .download_page_edd-reports .inside .button { width: 100%; } #edd-add-discount select[multiple], #edd-edit-discount select[multiple], .download_page_edd-tools select[multiple] { height: 200px !important; } .download_page_edd-settings input[type="checkbox"] { margin: 2px 0; } .post-type-download input[type="checkbox"] { margin-left: 2px; } } /* System Info page styles -------------------------------------------------------------- */ .inside .edd-tools-textarea { background: #32373c; color: rgba(240, 245, 250, 0.7); font-size: 12px; font-family: Menlo, Monaco, monospace; display: block; overflow: auto; white-space: pre; width: 100%; height: 450px; padding: 10px; outline: none; } #system-info-textarea::selection { background: #555; color: #fff; } #edd-system-info .edd-inline-button { margin-left: 5px; } /* Tools Styles -------------------------------------------------------------- */ .recount-stats-controls form { display: inline; } .edd-recount-stats-descriptions span { display: none; line-height: 24px; } #edd-debug-log .edd-inline-button { margin-left: 5px; } /* Tools Styles -------------------------------------------------------------- */ .edd-vertical-sections { overflow: visible; display: block; display: flex; } #edd-item-tab-wrapper, /** [1] */ .edd-vertical-sections .section-nav { position: relative; width: 20%; line-height: 1em; margin: 0 -1px 0 0; padding: 0; background-color: #f5f5f5; border-right: 1px solid #e5e5e5; box-sizing: border-box; max-width: 200px; } #edd-item-tab-wrapper-list { /** [1] */ margin: 0; } #edd-item-tab-wrapper li, /** [1] */ .edd-vertical-sections .section-nav li { display: block; position: relative; margin: 0; padding: 0; background-color: #fcfcfc; } .edd-vertical-sections .section-title:last-of-type { margin-bottom: 24px; } #edd-item-tab-wrapper li a, /** [1] */ #edd-item-tab-wrapper li>.edd-item-tab-label-wrap, /** [1] */ .edd-vertical-sections .section-nav li a { display: flex; margin: 0; padding: 9px; text-decoration: none; border-bottom: 1px solid #e5e5e5; box-shadow: none; position: relative; align-items: center; } #edd-item-tab-wrapper li a:focus, #edd-item-tab-wrapper li a:hover, .edd-vertical-sections .section-nav li a:hover, .edd-vertical-sections .section-nav li a:focus { box-shadow: inset 5px 0; outline: 0; transition: all .25s; } .edd-vertical-sections .section-nav .section-title--is-active a:after { content: ''; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; bottom: 0; z-index: 3; } #edd-item-tab-wrapper li>.edd-item-tab-label-wrap { /** [1] */ background-color: #fff; } .edd-vertical-sections .section-nav li a>.dashicons, .edd-vertical-sections .section-nav li a>span { display: inline-block; } .edd-vertical-sections .section-nav li a>span { max-width: 76%; } .edd-vertical-sections .section-nav li a .dashicons { line-height: 20px; margin-right: 3px; color: #888; } .edd-vertical-sections .section-nav .section-title--is-active a { font-weight: bold; color: #555; background-color: #fff; border-right: none; margin-right: -1px; } .edd-vertical-sections.use-js .section-content, .no-js .edd-vertical-sections.use-js .section-nav, .no-js .edd-vertical-sections.use-js.edd-item-header-small { display: none; } .no-js .edd-vertical-sections.use-js .section-content { display: block; } /* Fresh */ .admin-color-fresh .edd-vertical-sections .section-nav li a:hover, .admin-color-fresh .edd-vertical-sections .section-nav li a:focus, .admin-color-fresh .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #0073aa; } /* Blue */ .admin-color-blue .edd-vertical-sections .section-nav li a:hover, .admin-color-blue .edd-vertical-sections .section-nav li a:focus, .admin-color-blue .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #096484; } /* Coffee */ .admin-color-coffee .edd-vertical-sections .section-nav li a:hover, .admin-color-coffee .edd-vertical-sections .section-nav li a:focus, .admin-color-coffee .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #c7a589; } /* Ectoplasm */ .admin-color-ectoplasm .edd-vertical-sections .section-nav li a:hover, .admin-color-ectoplasm .edd-vertical-sections .section-nav li a:focus, .admin-color-ectoplasm .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #a3b745; } /* Midnight */ .admin-color-midnight .edd-vertical-sections .section-nav li a:hover, .admin-color-midnight .edd-vertical-sections .section-nav li a:focus, .admin-color-midnight .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #e14d43; } /* Ocean */ .admin-color-ocean .edd-vertical-sections .section-nav li a:hover, .admin-color-ocean .edd-vertical-sections .section-nav li a:focus, .admin-color-ocean .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #627c83; } /* Sunrise */ .admin-color-sunrise .edd-vertical-sections .section-nav li a:hover, .admin-color-sunrise .edd-vertical-sections .section-nav li a:focus, .admin-color-sunrise .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #be3631; } /* Light */ .admin-color-light .edd-vertical-sections .section-nav li a:hover, .admin-color-light .edd-vertical-sections .section-nav li a:focus, .admin-color-light .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #888; } /* bbPress Color Schemes */ /* Evergreen */ .admin-color-evergreen .edd-vertical-sections .section-nav li a:hover, .admin-color-evergreen .edd-vertical-sections .section-nav li a:focus, .admin-color-evergreen .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #36533f; } /* Mint */ .admin-color-mint .edd-vertical-sections .section-nav li a:hover, .admin-color-mint .edd-vertical-sections .section-nav li a:focus, .admin-color-mint .edd-vertical-sections .section-nav .section-title--is-active a { box-shadow: inset 5px 0 #4f6d59; } .edd-vertical-sections .section-nav .section-title--is-active .dashicons { color: #555; } @media only screen and (max-width: 782px) { #edd-item-tab-wrapper, /** [1] */ .edd-vertical-sections .section-nav { width: 48px; } .edd-vertical-sections .section-nav li a { justify-content: center; } .edd-vertical-sections .section-nav li a .dashicons { width: 24px; height: 24px; font-size: 24px; line-height: 24px; margin: 0; } .section-nav li .dashicons::before { width: 24px; height: 24px; } #edd-item-tab-wrapper .edd-item-tab-label, /** [1] */ .section-nav li .label { overflow: hidden; position: absolute; top: -1000em; left: -1000em; width: 1px; height: 1px; } } /* Content wrapper */ #edd-item-card-wrapper, /** [1] */ .edd-vertical-sections .section-wrap { width: 80%; } #edd-item-card-wrapper .item-section { /** [1] */ background: #fff; overflow: hidden; box-sizing: border-box; } *:not(#edd-item-tab-wrapper)+#edd-item-card-wrapper .item-section { /** [1] */ margin: 25px 0; padding: 20px; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } #edd-item-tab-wrapper+#edd-item-card-wrapper { /** [1] */ padding: 20px; border-left: 1px solid #e5e5e5; box-sizing: border-box; } @media only screen and (min-width: 1200px) { #edd-item-card-wrapper, /** [1] */ #edd-graphs-filter, .edd-vertical-sections:not(.meta-box) .section-wrap { width: calc(100% - 200px); } } @media only screen and (max-width: 782px) { #edd-item-card-wrapper, /** [1] */ #edd-graphs-filter, .edd-vertical-sections .section-wrap { width: calc(100% - 48px); } } #edd-debug-log .edd-inline-button { margin-left: 5px; } /* Promotional element styles -------------------------------------------------------------- */ /* Settings sidebar */ .edd-settings-sidebar { padding-top: 27px; } .edd-settings-sidebar-content { background-color: #fff; text-align: center; border: 1px solid #ddd; box-sizing: border-box; max-width: 300px; } .edd-settings-sidebar-content p { font-size: 14px; line-height: 1.5; margin-top: 0; } /* Settings sidebar header section */ .edd-sidebar-header-section { background-color: #35495c; line-height: 1; padding: 26px 20px 24px; border-bottom: 3px dashed #fafafa; } /* Settings sidebar description section */ .edd-sidebar-description-section { background-color: #fafafa; padding: 16px 20px; border-bottom: 1px solid #ddd; } .edd-sidebar-description-section .edd-sidebar-description { margin: 0; } /* Settings sidebar coupon section */ .edd-sidebar-coupon-section { font-size: 14px; padding: 16px 20px; } .edd-sidebar-coupon-section label { display: block; line-height: 1.4; margin-bottom: 6px; } .edd-sidebar-coupon-section label strong { color: #253b51; font-weight: 700; } .edd-sidebar-coupon-section input { background: #f4f7fa; font-size: 22px; font-weight: 600; text-align: center; padding: 10px; border: 2px dashed #2794da; border-radius: 4px; margin-bottom: 16px; box-shadow: none; width: 100%; } .edd-sidebar-coupon-section input:focus { border: 2px dashed #2794da; box-shadow: none; } .edd-settings-sidebar-content .edd-coupon-note { color: #6c7883; font-size: 13px; font-style: italic; margin: 0; } .edd-settings-sidebar-content .edd-coupon-note a { color: #253b51; } .edd-settings-sidebar-content .edd-coupon-note a:hover { text-decoration: none; } /* Settings sidebar footer section */ .edd-sidebar-footer-section { background-color: #fafafa; padding: 16px 20px; border-top: 1px solid #ddd; } .edd-sidebar-footer-section .edd-cta-button { display: block; background-color: #2794da; color: #fff; text-decoration: none; font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 17px 10px; border: none; border-radius: 4px; width: 100%; box-sizing: border-box; box-shadow: none; transition: background-color .2s; } .edd-sidebar-footer-section .edd-cta-button:hover { background-color: #2386c5; } /* Settings sidebar responsive behavior */ @media all and (min-width: 1080px) { .edd-has-sidebar .edd-settings-content { float: left; width: 67%; } .edd-has-sidebar .edd-settings-sidebar { float: right; width: 31%; } } @media all and (min-width: 1240px) { .edd-has-sidebar .edd-settings-content { width: 74%; } .edd-has-sidebar .edd-settings-sidebar { width: 23%; } } /* Settings - Move sidebar below content only on Taxes tab */ .taxes-tab .edd-has-sidebar .edd-settings-content, .taxes-tab .edd-has-sidebar .edd-settings-sidebar { float: none; width: 100%; } /* Extensions (add-ons) page promotional element */ .bfcm-promo-img-container { background-color: #35495c; width: 100%; height: 160px; } .bfcm-code { color: #2794da; font-weight: 700; } .sale-ends { position: absolute; bottom: 9px; right: 14px; display: inline-block; color: #6c7883; font-size: 12px; text-align: right; font-style: italic; width: 150px; }