woocommerce-subscriptions/assets/css/admin.css

641 lines
18 KiB
CSS

/* Plugin Activation */
.woocommerce-subscriptions-activated p a.button-primary {
display: inline-block;
}
.woocommerce-subscriptions-activated a.button-primary:hover {
background: #bb77ae;
border-color: #aa559a;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(0,0,0,.15);
}
.woocommerce-subscriptions-activated a.button-primary:active,
.woocommerce-subscriptions-activated a.button-primary:active {
background: #aa559a;
border-color: #aa559a;
}
/* Subscriptions Admin Page */
.post-type-shop_subscription .tablenav input,
.post-type-shop_subscription .tablenav select {
height: 32px;
}
.post-type-shop_subscription .tablenav .select2-container {
width: 240px !important;
font-size: 14px;
vertical-align: middle;
margin: 1px 6px 4px 1px;
}
.post-type-shop_subscription .tablenav .select2-selection--single {
height: 32px;
}
.post-type-shop_subscription .tablenav .select2-selection__rendered {
line-height: 29px;
}
.post-type-shop_subscription .tablenav .select2-selection__arrow {
height: 30px;
}
.post-type-shop_subscription .wp-list-table {
margin-top: 1em;
}
.post-type-shop_subscription .widefat .column-status,
.post-type-shop_subscription .widefat .column-order_title {
width: 160px;
text-align: left;
}
/* Product List table */
table.wp-list-table span.product-type.variable-subscription {
background-position: -48px 0;
}
/* Orders List Table */
a.close-subscriptions-search {
font-size: 1em;
padding: 0em 0.45em;
border-radius: 1.4em;
background: #dd0000;
color: #ffffff;
margin: -0.3em 0.6em 0 0;
}
.dismiss-subscriptions-search {
position: relative;
}
.dismiss-subscriptions-search a {
padding-bottom: 9px;
}
/* Edit Product/Subscriptions Page */
.woocommerce_options_panel ._subscription_price_fields .wrap,
.woocommerce_options_panel ._subscription_trial_length_field .wrap,
.woocommerce_options_panel ._subscription_payment_sync_date_day_field .wrap {
display: block;
width: 50%;
}
@media only screen and (max-width:1280px){
.woocommerce_options_panel ._subscription_price_fields .wrap,
.woocommerce_options_panel ._subscription_trial_length_field .wrap,
.woocommerce_options_panel ._subscription_payment_sync_date_day_field .wrap {
width:80%;
}
}
.woocommerce_options_panel ._subscription_price_fields .wrap input,
.woocommerce_options_panel ._subscription_price_fields .wrap select {
width:30.75%;
margin-right:3.8%;
}
.woocommerce_options_panel ._subscription_trial_length_field .wrap input,
.woocommerce_options_panel ._subscription_trial_length_field .wrap select,
.woocommerce_options_panel ._subscription_payment_sync_date_day_field .wrap input,
.woocommerce_options_panel ._subscription_payment_sync_date_day_field .wrap select {
width:48%;
margin-right:3.8%;
}
.woocommerce_options_panel ._subscription_price_fields .wrap .last,
.woocommerce_options_panel ._subscription_trial_length_field .wrap .last,
.woocommerce_options_panel ._subscription_payment_sync_date_day_field .wrap .last {
margin-right:0 !important;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_price_field label,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_field label,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_interval_field label,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_length_field label,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_period_field label,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_payment_sync_field label {
display: none;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_price_field input,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_length_field input,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_payment_sync_field input {
width: 5em;
}
.woocommerce_options_panel #sale-price-period {
margin-right: 1em;
}
.wc-metaboxes-wrapper .wc-metabox table td ._subscription_trial_period {
width: 7.1em;
}
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_price_field {
width: 70px !important;
}
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_length_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_sign_up_fee_field {
width: 100% !important;
}
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_price_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_length_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_sign_up_fee_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_length_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_payment_sync_field {
padding: 0 0 0 0 !important;
margin: 0;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_field select,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_length_field select {
width: auto !important;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_period_field select {
width: 88px !important;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_period_field img.help_tip {
margin-top: 4px;
}
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_field span,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_length_field span,
.wc-metaboxes-wrapper .wc-metabox table td p._subscription_sign_up_fee_field span {
padding: 5px 0 0 2px;
}
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_length_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_period_interval_field,
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_period_field {
padding: 0 0 0 5px !important;
margin: 0;
}
#woocommerce-product-data .wc-metaboxes-wrapper .wc-metabox table td p._subscription_trial_period_field select {
margin-left: 5px;
}
.subscription_sync_week_month select.wc_input_subscription_payment_sync {
min-width: 180px;
}
.wc-metaboxes-wrapper .wc-metabox table tr.variable_subscription_sync td select.wc_input_subscription_payment_sync {
width: auto !important;
}
.variable_subscription_sync p._subscription_payment_sync_field {
padding-left: 0 !important;
}
.wcs_hidden_label {
display: none !important;
}
#woocommerce-product-data .woocommerce_variation .wcs-can-not-remove-variation-msg {
opacity: 0.5;
}
/* Variation Pricing Fields with WooCommerce 3.0+ */
.wc-metaboxes-wrapper .variable_subscription_trial label,
.wc-metaboxes-wrapper .variable_subscription_pricing label,
.wc-metaboxes-wrapper .variable_subscription_sync label {
display: block;
}
.wc-metaboxes-wrapper .wc_input_subscription_trial_period,
.wc-metaboxes-wrapper .wc_input_subscription_period,
.wc-metaboxes-wrapper .wc_input_subscription_period_interval,
.wc-metaboxes-wrapper .wc_input_subscription_length,
.wc-metaboxes-wrapper .wc_input_subscription_payment_sync_day,
.wc-metaboxes-wrapper .wc_input_subscription_payment_sync_month {
padding: 4px 6px;
}
.variable_subscription_trial .form-row input[type=text],
.variable_subscription_pricing .form-row input[type=text],
.variable_subscription_trial .form-row select,
.variable_subscription_pricing .form-row select {
margin: 2px 0 0;
padding: 5px;
}
/* Variation Pricing Fields in WooCommerce 2.3+ */
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_price,
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_period_interval {
max-width: 33%;
float: left;
}
.variable_subscription_pricing_2_3 .wc_input_subscription_price {
clear: left;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_period {
max-width: 34%;
float: right;
}
.variable_subscription_pricing_2_3.variable_subscription_trial p.form-row {
margin-bottom: 0;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_trial_period,
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_trial_length {
max-width: 50%;
}
.variable_subscription_pricing_2_3 .wc_input_subscription_trial_period {
float: right;
}
.variable_subscription_pricing_2_3 .variable_subscription_length,
.variable_subscription_pricing_2_3 .variable_subscription_trial_sign_up {
clear: both;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_payment_sync_day {
max-width: 13%;
float: right;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_payment_sync_month {
max-width: 86%;
}
@media screen and (max-width: 1190px) {
#variable_product_options .variable_subscription_pricing_2_3 p._subscription_price_field,
#variable_product_options .variable_subscription_pricing_2_3 p._subscription_length_field {
width: 100%;
}
#variable_product_options .variable_subscription_pricing_2_3 p._subscription_price_field {
width: 100%;
margin-bottom: 0;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_payment_sync_day {
max-width: 20%;
float: right;
}
#variable_product_options .variable_subscription_pricing_2_3 .wc_input_subscription_payment_sync_month {
max-width: 78%;
}
}
._subscription_limit_field .description {
display: block;
clear: both;
margin-left: 0px;
}
/* Users Administration Screen */
.woocommerce_active_subscriber .active-subscriber:before {
content: "\f147";
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 24px/1 'dashicons';
vertical-align: top;
}
/* Add/Edit Subscription Screen */
#woocommerce-subscription-data .handlediv,
#woocommerce-subscription-data h2.hndle,
#woocommerce-subscription-data h3.hndle,
#woocommerce-subscription-data .postbox-header {
display: none;
}
#woocommerce-subscription-data .inside {
padding: 0;
margin: 0;
}
#woocommerce-subscription-schedule strong {
display: inline-block;
}
#woocommerce-subscription-schedule .date-fields {
margin: 1em 0;
}
#woocommerce-subscription-schedule p._billing_period_field,
#woocommerce-subscription-schedule p._billing_interval_field {
display: inline-block;
padding: 0 0 0 1px;
margin: 0.5em 0 0;
}
#woocommerce-subscription-schedule p._billing_interval_field {
padding-left: 0;
}
#woocommerce-subscription-schedule p._billing_interval_field {
width: 66%;
}
#woocommerce-subscription-schedule p._billing_period_field {
width: 30%;
}
#woocommerce-subscription-schedule p._billing_interval_field label {
display: inline-block;
font-weight: bold;
}
#woocommerce-subscription-schedule p._billing_period_field label {
display: none;
}
#woocommerce-subscription-schedule p._billing_interval_field select,
#woocommerce-subscription-schedule p._billing_period_field select {
display: inline-block;
}
#woocommerce-subscription-schedule p._billing_interval_field select {
width: 58%;
margin-left: 5px;
}
#woocommerce-subscription-schedule p._billing_period_field select {
width: 100%;
}
#woocommerce-subscription-schedule .date-fields label,
#woocommerce-subscription-schedule .wcs-edit-date-action {
display: inline-block;
font-weight: bold;
}
#woocommerce-subscription-schedule .wcs-date-input input[type="text"]:first-of-type {
width: 8em;
}
#woocommerce-subscription-schedule img.ui-datepicker-trigger {
float: left;
margin: 0.5em 0.1em;
}
#woocommerce-subscription-schedule .wcs-date-input,
#woocommerce-subscription-schedule .billing-schedule-edit {
width: 100%;
}
#woocommerce-subscription-schedule .wcs-edit-date-action {
width: 1.5em;
float: right;
}
#woocommerce-subscription-schedule .wcs-edit-date,
#woocommerce-subscription-schedule .wcs-delete-date {
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
display: inline-block;
margin: 0 .5em 0 0;
}
#woocommerce-subscription-schedule .wcs-edit-date:before,
#woocommerce-subscription-schedule .wcs-delete-date:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: #999;
}
#woocommerce-subscription-schedule .wcs-edit-date:before {
content: "\e603";
}
#woocommerce-subscription-schedule .wcs-edit-date:hover:before {
color: #555555;
}
#woocommerce-subscription-schedule .wcs-delete-date:before {
content: "\e013";
}
#woocommerce-subscription-schedule .wcs-delete-date:hover:before {
color: #AA0000;
}
/* Related Orders and Failed Payment Retries Metabox on Edit Subscription/Order Admin Screen */
#renewal_payment_retries .inside,
#subscription_renewal_orders .inside {
margin: 0;
padding: 0;
}
.woocommerce_subscriptions_related_orders {
margin: 0;
overflow: auto;
}
.woocommerce_subscriptions_related_orders table {
width: 100%;
background: #fff;
border-collapse: collapse;
}
.woocommerce_subscriptions_related_orders table thead th {
background: #f8f8f8;
padding: 8px;
font-size: 11px;
text-align: left;
color: #555;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woocommerce_subscriptions_related_orders table thead th:last-child {
padding-right: 12px;
}
.woocommerce_subscriptions_related_orders table thead th:first-child {
padding-left: 12px;
}
.woocommerce_subscriptions_related_orders table thead th:last-of-type,
.woocommerce_subscriptions_related_orders table td:last-of-type {
text-align: right;
}
.woocommerce_subscriptions_related_orders table tbody th,
.woocommerce_subscriptions_related_orders table td {
padding: 8px;
text-align: left;
line-height: 26px;
vertical-align: top;
border-bottom: 1px dotted #ececec;
}
.woocommerce_subscriptions_related_orders table tbody th:last-child,
.woocommerce_subscriptions_related_orders table td:last-child {
padding-right: 12px;
}
.woocommerce_subscriptions_related_orders table tbody th:first-child,
.woocommerce_subscriptions_related_orders table td:first-child {
padding-left: 12px;
}
.woocommerce_subscriptions_related_orders table tbody tr:last-child td {
border-bottom: none;
}
.wcs-unknown-order-link {
vertical-align: middle;
font-size: 1.2em;
}
.wcs-unknown-order-info-wrapper {
display: inline;
}
.wcs-unknown-order-info-wrapper .woocommerce-help-tip {
color: inherit;
}
/* WooCommerce Orders admin table */
table.wp-list-table .column-subscription_relationship {
width: 48px;
text-align: center;
}
table.wp-list-table span.normal_order {
color: #999;
}
table.wp-list-table .subscription_head,
table.wp-list-table .subscription_parent_order,
table.wp-list-table .subscription_resubscribe_order,
table.wp-list-table .subscription_renewal_order {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
margin: 0 auto;
}
table.wp-list-table .subscription_head:after,
table.wp-list-table .subscription_parent_order:after {
font-family: WooCommerce;
content: "\e014";
}
table.wp-list-table .subscription_resubscribe_order:after {
font-family: WooCommerce;
content: "\e014";
color: #999;
}
table.wp-list-table .subscription_renewal_order:after {
font-family: Dashicons;
content: "\f321";
}
table.wp-list-table .payment_retry:after {
font-family: WooCommerce;
content: "\e012";
}
table.wp-list-table .subscription_head:after,
table.wp-list-table .subscription_parent_order:after,
table.wp-list-table .subscription_resubscribe_order:after,
table.wp-list-table .subscription_renewal_order:after {
font-weight: 400;
margin: 0;
text-indent: 0;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
line-height: 16px;
top: 0;
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
left: 0;
}
@media only screen and (max-width: 782px) {
table.wp-list-table .subscription_parent_order,
table.wp-list-table .subscription_resubscribe_order,
table.wp-list-table .subscription_renewal_order{
margin: 0;
}
table.wp-list-table .column-subscription_relationship {
text-align: inherit;
}
#variable_product_options select {
height: auto;
line-height: 2;
}
}
/* WooCommerce Payment Methods Settings page */
.payment-method-features-info {
font-size: 1.4em;
display: inline-block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em
}
.payment-method-features-info::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: "\e018";
color: #a46497;
}
table.wc_gateways .renewals .tips{
margin: 0 0.2em;
display: inline-block;
}
/* Hide irrelevant sections on Edit Subscription screen */
body.post-type-shop_subscription .order_actions #actions optgroup[label='Resend order emails'],
body.post-type-shop_subscription .add-items .description.tips,
body.post-type-shop_subscription .add-items .button.refund-items {
display: none;
}
@media only screen and (max-width: 782px) {
#woocommerce-subscription-schedule .wcs-date-input input[type="text"]:first-of-type {
width: 45%;
}
#woocommerce-subscription-schedule .wcs-date-input input[type="text"]:not(:first-of-type) {
width: 19%;
}
.post-type-shop_subscription .wp-list-table .column-status {
display: none;
text-align: left;
padding-bottom: 0;
}
.post-type-shop_subscription .wp-list-table .column-status mark {
margin: 0;
}
.post-type-shop_subscription .wp-list-table .column-status:before {
display: none !important;
}
.post-type-shop_subscription .wp-list-table .column-orders {
text-align: left !important;
}
}
span.product-type.variable-subscription:before {
content: "\e003" !important;
}
/* Settings Page */
.wcs_setting_switching_options {
margin-top: 6px;
}
.wcs_setting_switching_options label {
display: block;
width: 400px;
margin-bottom: 1em;
}
/* Reports Page */
.woocommerce-reports-wide .postbox .chart-legend li a {
text-decoration: none;
}
.woocommerce-reports-wide .postbox .chart-legend li a .woocommerce-subscriptions-count:after {
margin-left: 1.5%;
font-size: 60%;
font-weight: normal;
font-family: dashicons;
content: "\f504";
}
.subscription-status.status-active {
background: #c6e1c6;
color: #5b841b;
}
.subscription-status.status-expired {
background: #bd94af;
color: #724663;
}
.subscription-status.status-pending-cancel {
background: #bfbfbf;
color: #737373;
}