WP maple cart and page subtitle plugin upload
This commit is contained in:
parent
b3e87772ec
commit
c85895d306
18 changed files with 5741 additions and 0 deletions
284
native/wordpress/maple-carts-wp/assets/css/admin.css
Normal file
284
native/wordpress/maple-carts-wp/assets/css/admin.css
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
/**
|
||||
* Maple Carts - Admin Styles
|
||||
*/
|
||||
|
||||
/* General */
|
||||
.maple-carts-wrap {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.maple-carts-wrap h1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
/* Period Selector */
|
||||
.maple-carts-period-selector {
|
||||
margin: 20px 0;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.maple-carts-period-selector a {
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.maple-carts-period-selector a:hover {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.maple-carts-period-selector a.active {
|
||||
background: #2271b1;
|
||||
border-color: #2271b1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Stats Grid */
|
||||
.maple-carts-stats-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 20px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
padding: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box .stat-number {
|
||||
display: block;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
color: #1d2327;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box .stat-label {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box .stat-value {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
color: #2271b1;
|
||||
margin-top: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box.stat-success {
|
||||
border-color: #00a32a;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box.stat-success .stat-number {
|
||||
color: #00a32a;
|
||||
}
|
||||
|
||||
.maple-carts-stat-box.stat-muted {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Quick Links */
|
||||
.maple-carts-quick-links {
|
||||
margin-top: 30px;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.maple-carts-quick-links h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.maple-carts-quick-links .button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Badges */
|
||||
.maple-carts-badge {
|
||||
display: inline-block;
|
||||
padding: 3px 8px;
|
||||
font-size: 11px;
|
||||
font-weight: 500;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.maple-carts-badge.badge-success {
|
||||
background: #d4edda;
|
||||
color: #155724;
|
||||
}
|
||||
|
||||
.maple-carts-badge.badge-muted {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.maple-carts-badge.badge-warning {
|
||||
background: #fff3cd;
|
||||
color: #856404;
|
||||
}
|
||||
|
||||
/* Table Styles */
|
||||
.maple-carts-wrap .wp-list-table td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.maple-carts-wrap .button-link {
|
||||
color: #2271b1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.maple-carts-wrap .button-link:hover {
|
||||
color: #135e96;
|
||||
}
|
||||
|
||||
/* Modal */
|
||||
.maple-carts-modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 100000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.maple-carts-modal-content {
|
||||
background-color: #fff;
|
||||
margin: 10% auto;
|
||||
padding: 30px;
|
||||
border-radius: 8px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
position: relative;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.maple-carts-modal-large {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.maple-carts-modal-close {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.maple-carts-modal-close:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.maple-carts-modal h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* Preview Modal */
|
||||
.maple-carts-preview-subject {
|
||||
padding: 10px 15px;
|
||||
background: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Template Editor */
|
||||
.maple-carts-template-editor {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.maple-carts-template-editor .form-table th {
|
||||
width: 180px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.maple-carts-template-editor .form-table td {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.maple-carts-template-editor .wp-editor-container {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.maple-carts-template-editor code {
|
||||
background: #f0f0f0;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Settings */
|
||||
.maple-carts-wrap .form-table input[type="number"].small-text {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
/* Test Result */
|
||||
.maple-carts-test-result {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.maple-carts-test-result p {
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.maple-carts-test-result p[style*="green"] {
|
||||
background: #d4edda;
|
||||
}
|
||||
|
||||
.maple-carts-test-result p[style*="red"] {
|
||||
background: #f8d7da;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media screen and (max-width: 782px) {
|
||||
.maple-carts-stats-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.maple-carts-modal-content {
|
||||
margin: 5% auto;
|
||||
width: 95%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.maple-carts-period-selector {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.maple-carts-stats-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue