mirror of
https://gitlab.com/ArkHost/WP-WHMCS-Pricing.git
synced 2026-07-23 23:45:52 +02:00
148 lines
2.6 KiB
CSS
148 lines
2.6 KiB
CSS
/**
|
|
* WHMCS Pricing Admin Styles
|
|
*/
|
|
|
|
.whmcs-pricing-admin {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.whmcs-pricing-container {
|
|
display: flex;
|
|
gap: 30px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.whmcs-pricing-main {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.whmcs-pricing-sidebar {
|
|
width: 350px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.whmcs-pricing-box {
|
|
background: #fff;
|
|
border: 1px solid #ccd0d4;
|
|
border-radius: 4px;
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.whmcs-pricing-box h3 {
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
border-bottom: 1px solid #eee;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.whmcs-pricing-box h4 {
|
|
margin-top: 20px;
|
|
margin-bottom: 8px;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #555;
|
|
}
|
|
|
|
.whmcs-pricing-box h4:first-of-type {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.whmcs-pricing-box code {
|
|
display: block;
|
|
background: #f6f7f7;
|
|
border: 1px solid #ddd;
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
margin: 8px 0 15px 0;
|
|
font-size: 12px;
|
|
font-family: 'Courier New', monospace;
|
|
word-wrap: break-word;
|
|
color: #c92c2c;
|
|
}
|
|
|
|
.whmcs-pricing-box ul {
|
|
margin: 10px 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.whmcs-pricing-box ul li {
|
|
margin: 5px 0;
|
|
font-size: 13px;
|
|
color: #555;
|
|
}
|
|
|
|
.whmcs-pricing-box p {
|
|
margin: 10px 0;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.whmcs-pricing-box p strong {
|
|
color: #1d2327;
|
|
}
|
|
|
|
/* Form styles */
|
|
.whmcs-pricing-admin .form-table th {
|
|
width: 200px;
|
|
}
|
|
|
|
.whmcs-pricing-admin input[type="text"],
|
|
.whmcs-pricing-admin input[type="password"],
|
|
.whmcs-pricing-admin input[type="number"],
|
|
.whmcs-pricing-admin select {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.whmcs-pricing-admin .description {
|
|
color: #646970;
|
|
font-size: 13px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/* Settings sections */
|
|
.whmcs-pricing-admin h2 {
|
|
margin-top: 30px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 2px solid #2271b1;
|
|
color: #1d2327;
|
|
}
|
|
|
|
/* Buttons */
|
|
.whmcs-pricing-admin .submit {
|
|
padding-top: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media screen and (max-width: 960px) {
|
|
.whmcs-pricing-container {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.whmcs-pricing-sidebar {
|
|
width: 100%;
|
|
}
|
|
|
|
.whmcs-pricing-admin input[type="text"],
|
|
.whmcs-pricing-admin input[type="password"],
|
|
.whmcs-pricing-admin input[type="number"],
|
|
.whmcs-pricing-admin select {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Success/Error messages */
|
|
.whmcs-pricing-admin .notice {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
/* Help text */
|
|
.whmcs-pricing-admin .form-table td p:first-child {
|
|
margin-top: 0;
|
|
}
|