230 lines
7.1 KiB
CSS
230 lines
7.1 KiB
CSS
.profilepress-myaccount-orders-subs, .profilepress-myaccount-orders-subs * {
|
|
font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-wrap {
|
|
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
border-radius: 8px;
|
|
border: 1px solid rgb(229 231 235);
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-wrap:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content-header p {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header-wrap {
|
|
padding: 16px;
|
|
border-color: rgb(229 231 235);
|
|
display: grid;
|
|
column-gap: 8px;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
border-bottom: 1px solid rgb(229 231 235);
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details {
|
|
display: grid;
|
|
column-gap: 16px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
grid-template-columns: auto auto auto;
|
|
grid-column: span 2/span 2;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-header--actions a:not(a:first-child) {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dt {
|
|
margin: 0;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dd {
|
|
margin: 0;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--actions {
|
|
justify-content: flex-end;
|
|
display: flex;
|
|
grid-column: span 2/span 2;
|
|
align-items: center;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--actions a,
|
|
.profilepress-myaccount-orders-subs a.ppress-myac-action {
|
|
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
padding: 6px 8px;
|
|
border: 1px solid rgb(209 213 219);
|
|
border-radius: 6px;
|
|
justify-content: center;
|
|
display: flex;
|
|
align-items: center;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs a.ppress-myac-action {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content {
|
|
padding: 16px;
|
|
align-items: flex-start;
|
|
flex: 1 1 0%;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content-header {
|
|
font-weight: 500;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-product-name {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap p.ppress-my-account-order-sub-product-price {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-content p {
|
|
margin: 0;
|
|
margin-top: 8px;
|
|
display: block;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-body-wrap {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details dd span {
|
|
border-radius: 6px;
|
|
color: rgb(31 41 55);
|
|
background-color: rgb(243 244 246);
|
|
padding: 4px 8px;
|
|
margin: 0;
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .active span,
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .trialling span,
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .completed span {
|
|
background-color: rgb(220 252 231);
|
|
color: rgb(22 101 52);
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .refunded span,
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .expired span,
|
|
.profilepress-myaccount-orders-subs .profilepress-myaccount-orders-subs-wrap .ppress-my-account-order-sub-header--details .cancelled span {
|
|
background-color: rgb(254 226 226);
|
|
color: rgb(153 27 27);
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap {
|
|
padding: 10px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .page-numbers {
|
|
border: 1px solid rgb(209 213 219);
|
|
padding: 8px 16px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .page-numbers.current {
|
|
background-color: #eeeeec;
|
|
color: rgb(107 114 128);
|
|
}
|
|
|
|
.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .ppress-material-icons {
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
}
|
|
|
|
table.ppress-details-table {
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, rgba(0, 0, 0, .05) 0 1px 2px 0;
|
|
}
|
|
|
|
.ppress-details-table thead {
|
|
background-color: rgb(249 250 251);
|
|
}
|
|
|
|
.ppress-details-table thead tr th {
|
|
padding: 14px 12px;
|
|
text-align: left;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: 600;
|
|
background-color: rgb(249 250 251);
|
|
}
|
|
|
|
.ppress-details-table thead th,
|
|
.ppress-details-table tr td {
|
|
padding: 16px;
|
|
border: 1px solid rgb(229 231 235);
|
|
}
|
|
|
|
.ppress-details-table thead th {
|
|
text-align: left;
|
|
background: rgb(229 231 235);
|
|
}
|
|
|
|
.ppress-details-table thead th {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.ppress-details-table-wrap .ppress-details-table tr:nth-of-type(odd) {
|
|
background-color: rgb(249 250 251);
|
|
}
|
|
|
|
.ppress-details-table tr td:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ppress-details-table td:last-child {
|
|
width: 70%;
|
|
}
|
|
|
|
.ppress-details-table p {
|
|
margin: 0;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.ppress-details-table p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ppress-details-table .ppress-billing-title {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ppress-details-table .ppress-sub-info {
|
|
color: #4b5563;
|
|
background-color: #e5e7eb;
|
|
margin-left: 5px;
|
|
border-radius: 9999px;
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
} |