Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2026-07-05 08:29:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

v2.4.3

Browse Source
This commit is contained in:
usmannasir
2025-08-04 00:03:02 +05:00
parent de247707ab
commit 1a09596ff5
141 changed files with 10441 additions and 7075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
manageSSL/templates/manageSSL/index.html
View File

@@ -17,18 +17,18 @@
}
.ssl-section {
background: white;
background: var(--bg-secondary, white);
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e8e9ff;
box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08));
border: 1px solid var(--border-color, #e8e9ff);
}
.section-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
display: flex;
align-items: center;
@@ -41,12 +41,12 @@
content: '';
width: 4px;
height: 24px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 2px;
}
.ssl-description {
color: #8893a7;
color: var(--text-muted, #8893a7);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
@@ -60,8 +60,8 @@
}
.function-card {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 12px;
padding: 25px;
text-align: center;
@@ -72,8 +72,8 @@
}
.function-card:hover {
background: #f8f9ff;
border-color: #5b5fcf;
background: var(--bg-hover, #f8f9ff);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 6px 20px rgba(91,95,207,0.2);
transform: translateY(-3px);
text-decoration: none;
@@ -83,7 +83,7 @@
width: 60px;
height: 60px;
margin: 0 auto 15px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 50%;
display: flex;
align-items: center;
@@ -92,25 +92,25 @@
}
.function-card:hover .function-icon {
background: #4b4fbf;
box-shadow: 0 4px 12px rgba(91,95,207,0.3);
background: var(--accent-hover, #4b4fbf);
box-shadow: 0 4px 12px var(--accent-shadow, rgba(91,95,207,0.3));
}
.function-icon i {
font-size: 24px;
color: white;
color: var(--bg-secondary, white);
}
.function-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 8px;
}
.function-desc {
font-size: 13px;
color: #8893a7;
color: var(--text-muted, #8893a7);
line-height: 1.5;
}

104
manageSSL/templates/manageSSL/manageSSL.html
View File

@@ -17,18 +17,18 @@
}
.ssl-section {
background: white;
background: var(--bg-secondary, white);
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e8e9ff;
box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08));
border: 1px solid var(--border-color, #e8e9ff);
}
.section-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
display: flex;
align-items: center;
@@ -41,14 +41,14 @@
content: '';
width: 4px;
height: 24px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 2px;
}
.ssl-docs-link {
background: #f8f9ff;
border: 1px solid #e8e9ff;
color: #5b5fcf;
background: var(--bg-hover, #f8f9ff);
border: 1px solid var(--border-color, #e8e9ff);
color: var(--accent-color, #5b5fcf);
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
@@ -62,23 +62,23 @@
}
.ssl-docs-link:hover {
background: #5b5fcf;
color: white;
border-color: #5b5fcf;
box-shadow: 0 2px 4px rgba(91,95,207,0.3);
background: var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 2px 4px var(--accent-shadow, rgba(91,95,207,0.3));
text-decoration: none;
}
.ssl-description {
color: #8893a7;
color: var(--text-muted, #8893a7);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
}
.form-container {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-secondary, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 25px;
}
@@ -90,7 +90,7 @@
.form-label {
font-size: 13px;
font-weight: 600;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -100,18 +100,18 @@
.form-control {
width: 100%;
padding: 12px 16px;
border: 1px solid #e8e9ff;
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
font-size: 14px;
color: #2f3640;
background: white;
color: var(--text-primary, #2f3640);
background: var(--bg-secondary, white);
transition: all 0.2s ease;
}
.form-control:focus {
outline: none;
border-color: #5b5fcf;
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 0 0 3px var(--accent-focus, rgba(91,95,207,0.1));
}
/* Windows selectbox fix */
@@ -119,21 +119,21 @@
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f3640' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 20px;
padding-right: 40px;
line-height: 1.5;
min-height: 44px;
color: #2f3640;
color: var(--text-primary, #2f3640);
}
/* Windows-specific fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select.form-control {
color: #2f3640 !important;
background-color: white !important;
color: var(--text-primary, #2f3640) !important;
background-color: var(--bg-secondary, white) !important;
}
}
@@ -143,14 +143,14 @@
}
select.form-control:focus {
color: #2f3640;
background-color: white;
color: var(--text-primary, #2f3640);
background-color: var(--bg-secondary, white);
}
.btn-primary {
background: #5b5fcf;
border: 1px solid #5b5fcf;
color: white;
background: var(--accent-color, #5b5fcf);
border: 1px solid var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
padding: 12px 24px;
border-radius: 8px;
font-size: 14px;
@@ -164,23 +164,23 @@
}
.btn-primary:hover {
background: #4b4fbf;
border-color: #4b4fbf;
box-shadow: 0 3px 8px rgba(91,95,207,0.3);
background: var(--accent-hover, #4b4fbf);
border-color: var(--accent-hover, #4b4fbf);
box-shadow: 0 3px 8px var(--accent-shadow, rgba(91,95,207,0.3));
transform: translateY(-1px);
}
.btn-primary:disabled {
background: #94a3b8;
border-color: #94a3b8;
background: var(--text-disabled, #94a3b8);
border-color: var(--text-disabled, #94a3b8);
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.ssl-details-card {
background: #f0f9ff;
border: 1px solid #bae6fd;
background: var(--info-bg, #f0f9ff);
border: 1px solid var(--info-border, #bae6fd);
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
@@ -189,7 +189,7 @@
.ssl-details-card h4 {
font-size: 14px;
font-weight: 700;
color: #0c4a6e;
color: var(--info-text, #0c4a6e);
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -198,11 +198,11 @@
.ssl-detail-item {
margin-bottom: 10px;
font-size: 14px;
color: #64748b;
color: var(--text-secondary, #64748b);
}
.ssl-detail-item strong {
color: #2f3640;
color: var(--text-primary, #2f3640);
font-weight: 600;
margin-right: 8px;
}
@@ -218,13 +218,13 @@
}
.ssl-status.active {
background: #d1fae5;
color: #065f46;
background: var(--success-bg, #d1fae5);
color: var(--success-text, #065f46);
}
.ssl-status.inactive {
background: #fef3c7;
color: #92400e;
background: var(--warning-bg, #fef3c7);
color: var(--warning-text, #92400e);
}
.alert {
@@ -236,15 +236,15 @@
}
.alert-success {
background: #f0f9ff;
border: 1px solid #bae6fd;
color: #0c4a6e;
background: var(--info-bg, #f0f9ff);
border: 1px solid var(--info-border, #bae6fd);
color: var(--info-text, #0c4a6e);
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
background: var(--danger-bg, #fef2f2);
border: 1px solid var(--danger-border, #fecaca);
color: var(--danger-text, #991b1b);
}
.loading-spinner {
@@ -327,7 +327,7 @@
</div>
<div class="ssl-detail-item">
<strong>Days Remaining:</strong>
<span style="color: #16a34a; font-weight: 600;">{$ sslDetails.days $} days</span>
<span style="color: var(--success-color, #16a34a); font-weight: 600;">{$ sslDetails.days $} days</span>
</div>
</div>
<div ng-if="!sslDetails.hasSSL">
@@ -338,7 +338,7 @@
No SSL Certificate
</span>
</div>
<div ng-if="sslDetails.error_message" class="ssl-detail-item" style="color: #dc2626;">
<div ng-if="sslDetails.error_message" class="ssl-detail-item" style="color: var(--danger-color, #dc2626);">
<strong>Error:</strong> {$ sslDetails.error_message $}
</div>
</div>

78
manageSSL/templates/manageSSL/sslForHostName.html
View File

@@ -17,18 +17,18 @@
}
.ssl-section {
background: white;
background: var(--bg-secondary, white);
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e8e9ff;
box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08));
border: 1px solid var(--border-color, #e8e9ff);
}
.section-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
display: flex;
align-items: center;
@@ -41,14 +41,14 @@
content: '';
width: 4px;
height: 24px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 2px;
}
.ssl-docs-link {
background: #f8f9ff;
border: 1px solid #e8e9ff;
color: #5b5fcf;
background: var(--bg-hover, #f8f9ff);
border: 1px solid var(--border-color, #e8e9ff);
color: var(--accent-color, #5b5fcf);
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
@@ -62,15 +62,15 @@
}
.ssl-docs-link:hover {
background: #5b5fcf;
color: white;
border-color: #5b5fcf;
box-shadow: 0 2px 4px rgba(91,95,207,0.3);
background: var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 2px 4px var(--accent-shadow, rgba(91,95,207,0.3));
text-decoration: none;
}
.ssl-description {
color: #8893a7;
color: var(--text-muted, #8893a7);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
@@ -93,8 +93,8 @@
}
.form-container {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 25px;
}
@@ -106,7 +106,7 @@
.form-label {
font-size: 13px;
font-weight: 600;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -115,18 +115,18 @@
.form-control {
width: 100%;
padding: 12px 16px;
border: 1px solid #e8e9ff;
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
font-size: 14px;
color: #2f3640;
background: white;
color: var(--text-primary, #2f3640);
background: var(--bg-secondary, white);
transition: all 0.2s ease;
}
.form-control:focus {
outline: none;
border-color: #5b5fcf;
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 0 0 3px var(--accent-focus, rgba(91,95,207,0.1));
}
/* Windows selectbox fixes */
@@ -141,14 +141,14 @@
padding-right: 40px;
line-height: 1.5;
min-height: 44px;
color: #2f3640;
color: var(--text-primary, #2f3640);
}
/* Windows-specific fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select.form-control {
color: #2f3640 !important;
background-color: white !important;
background-color: var(--bg-secondary, white) !important;
}
}
@@ -158,14 +158,14 @@
}
select.form-control:focus {
color: #2f3640;
background-color: white;
color: var(--text-primary, #2f3640);
background-color: var(--bg-secondary, white);
}
.btn-primary {
background: #5b5fcf;
border: 1px solid #5b5fcf;
color: white;
background: var(--accent-color, #5b5fcf);
border: 1px solid var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
padding: 12px 24px;
border-radius: 8px;
font-size: 14px;
@@ -179,15 +179,15 @@
}
.btn-primary:hover {
background: #4b4fbf;
border-color: #4b4fbf;
box-shadow: 0 3px 8px rgba(91,95,207,0.3);
background: var(--accent-hover, #4b4fbf);
border-color: var(--accent-hover, #4b4fbf);
box-shadow: 0 3px 8px var(--accent-shadow, rgba(91,95,207,0.3));
transform: translateY(-1px);
}
.btn-primary:disabled {
background: #94a3b8;
border-color: #94a3b8;
background: var(--text-disabled, #94a3b8);
border-color: var(--text-disabled, #94a3b8);
cursor: not-allowed;
transform: none;
box-shadow: none;
@@ -202,15 +202,15 @@
}
.alert-success {
background: #f0f9ff;
border: 1px solid #bae6fd;
color: #0c4a6e;
background: var(--info-bg, #f0f9ff);
border: 1px solid var(--info-border, #bae6fd);
color: var(--info-text, #0c4a6e);
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
background: var(--danger-bg, #fef2f2);
border: 1px solid var(--danger-border, #fecaca);
color: var(--danger-text, #991b1b);
}
.loading-spinner {

78
manageSSL/templates/manageSSL/sslForMailServer.html
View File

@@ -17,18 +17,18 @@
}
.ssl-section {
background: white;
background: var(--bg-secondary, white);
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e8e9ff;
box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08));
border: 1px solid var(--border-color, #e8e9ff);
}
.section-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
display: flex;
align-items: center;
@@ -41,14 +41,14 @@
content: '';
width: 4px;
height: 24px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 2px;
}
.ssl-docs-link {
background: #f8f9ff;
border: 1px solid #e8e9ff;
color: #5b5fcf;
background: var(--bg-hover, #f8f9ff);
border: 1px solid var(--border-color, #e8e9ff);
color: var(--accent-color, #5b5fcf);
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
@@ -62,15 +62,15 @@
}
.ssl-docs-link:hover {
background: #5b5fcf;
color: white;
border-color: #5b5fcf;
box-shadow: 0 2px 4px rgba(91,95,207,0.3);
background: var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 2px 4px var(--accent-shadow, rgba(91,95,207,0.3));
text-decoration: none;
}
.ssl-description {
color: #8893a7;
color: var(--text-muted, #8893a7);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
@@ -93,8 +93,8 @@
}
.form-container {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 25px;
}
@@ -106,7 +106,7 @@
.form-label {
font-size: 13px;
font-weight: 600;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -115,18 +115,18 @@
.form-control {
width: 100%;
padding: 12px 16px;
border: 1px solid #e8e9ff;
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
font-size: 14px;
color: #2f3640;
background: white;
color: var(--text-primary, #2f3640);
background: var(--bg-secondary, white);
transition: all 0.2s ease;
}
.form-control:focus {
outline: none;
border-color: #5b5fcf;
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 0 0 3px var(--accent-focus, rgba(91,95,207,0.1));
}
/* Windows selectbox fixes */
@@ -141,14 +141,14 @@
padding-right: 40px;
line-height: 1.5;
min-height: 44px;
color: #2f3640;
color: var(--text-primary, #2f3640);
}
/* Windows-specific fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select.form-control {
color: #2f3640 !important;
background-color: white !important;
background-color: var(--bg-secondary, white) !important;
}
}
@@ -158,14 +158,14 @@
}
select.form-control:focus {
color: #2f3640;
background-color: white;
color: var(--text-primary, #2f3640);
background-color: var(--bg-secondary, white);
}
.btn-primary {
background: #5b5fcf;
border: 1px solid #5b5fcf;
color: white;
background: var(--accent-color, #5b5fcf);
border: 1px solid var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
padding: 12px 24px;
border-radius: 8px;
font-size: 14px;
@@ -179,15 +179,15 @@
}
.btn-primary:hover {
background: #4b4fbf;
border-color: #4b4fbf;
box-shadow: 0 3px 8px rgba(91,95,207,0.3);
background: var(--accent-hover, #4b4fbf);
border-color: var(--accent-hover, #4b4fbf);
box-shadow: 0 3px 8px var(--accent-shadow, rgba(91,95,207,0.3));
transform: translateY(-1px);
}
.btn-primary:disabled {
background: #94a3b8;
border-color: #94a3b8;
background: var(--text-disabled, #94a3b8);
border-color: var(--text-disabled, #94a3b8);
cursor: not-allowed;
transform: none;
box-shadow: none;
@@ -202,15 +202,15 @@
}
.alert-success {
background: #f0f9ff;
border: 1px solid #bae6fd;
color: #0c4a6e;
background: var(--info-bg, #f0f9ff);
border: 1px solid var(--info-border, #bae6fd);
color: var(--info-text, #0c4a6e);
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
background: var(--danger-bg, #fef2f2);
border: 1px solid var(--danger-border, #fecaca);
color: var(--danger-text, #991b1b);
}
.loading-spinner {

108
manageSSL/templates/manageSSL/v2ManageSSL.html
View File

@@ -17,18 +17,18 @@
}
.ssl-section {
background: white;
background: var(--bg-secondary, white);
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e8e9ff;
box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08));
border: 1px solid var(--border-color, #e8e9ff);
}
.section-title {
font-size: 16px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
display: flex;
align-items: center;
@@ -41,14 +41,14 @@
content: '';
width: 4px;
height: 24px;
background: #5b5fcf;
background: var(--accent-color, #5b5fcf);
border-radius: 2px;
}
.ssl-docs-link {
background: #f8f9ff;
border: 1px solid #e8e9ff;
color: #5b5fcf;
background: var(--bg-hover, #f8f9ff);
border: 1px solid var(--border-color, #e8e9ff);
color: var(--accent-color, #5b5fcf);
padding: 6px 14px;
border-radius: 6px;
font-size: 12px;
@@ -62,23 +62,23 @@
}
.ssl-docs-link:hover {
background: #5b5fcf;
color: white;
border-color: #5b5fcf;
background: var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 2px 4px rgba(91,95,207,0.3);
text-decoration: none;
}
.ssl-description {
color: #8893a7;
color: var(--text-muted, #8893a7);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.5;
}
.video-container {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
@@ -110,10 +110,10 @@
justify-content: center;
gap: 10px;
padding: 15px 20px;
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
color: #2f3640;
color: var(--text-primary, #2f3640);
text-decoration: none;
font-weight: 600;
transition: all 0.2s ease;
@@ -121,15 +121,15 @@
.nav-tabs li.active a,
.nav-tabs a:hover {
background: #5b5fcf;
color: white;
border-color: #5b5fcf;
box-shadow: 0 2px 8px rgba(91,95,207,0.3);
background: var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 2px 8px var(--accent-shadow, rgba(91,95,207,0.3));
}
.tab-content {
background: #fafbff;
border: 1px solid #e8e9ff;
background: var(--bg-light, #fafbff);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 25px;
}
@@ -142,7 +142,7 @@
.form-label {
font-size: 13px;
font-weight: 600;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
@@ -152,18 +152,18 @@
.form-control {
width: 100%;
padding: 12px 16px;
border: 1px solid #e8e9ff;
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
font-size: 14px;
color: #2f3640;
background: white;
color: var(--text-primary, #2f3640);
background: var(--bg-secondary, white);
transition: all 0.2s ease;
}
.form-control:focus {
outline: none;
border-color: #5b5fcf;
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
border-color: var(--accent-color, #5b5fcf);
box-shadow: 0 0 0 3px var(--accent-focus, rgba(91,95,207,0.1));
}
/* Windows selectbox fix */
@@ -178,14 +178,14 @@
padding-right: 40px;
line-height: 1.5;
min-height: 44px;
color: #2f3640;
color: var(--text-primary, #2f3640);
}
/* Windows-specific fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select.form-control {
color: #2f3640 !important;
background-color: white !important;
background-color: var(--bg-secondary, white) !important;
}
}
@@ -195,21 +195,21 @@
}
select.form-control:focus {
color: #2f3640;
background-color: white;
color: var(--text-primary, #2f3640);
background-color: var(--bg-secondary, white);
}
textarea.form-control {
resize: vertical;
font-family: 'Monaco', 'Consolas', 'Courier New', monospace;
font-size: 13px;
background: #f8f9ff;
background: var(--bg-hover, #f8f9ff);
}
.btn-primary {
background: #5b5fcf;
border: 1px solid #5b5fcf;
color: white;
background: var(--accent-color, #5b5fcf);
border: 1px solid var(--accent-color, #5b5fcf);
color: var(--bg-secondary, white);
padding: 12px 24px;
border-radius: 8px;
font-size: 14px;
@@ -223,15 +223,15 @@
}
.btn-primary:hover {
background: #4b4fbf;
border-color: #4b4fbf;
box-shadow: 0 3px 8px rgba(91,95,207,0.3);
background: var(--accent-hover, #4b4fbf);
border-color: var(--accent-hover, #4b4fbf);
box-shadow: 0 3px 8px var(--accent-shadow, rgba(91,95,207,0.3));
transform: translateY(-1px);
}
.btn-primary:disabled {
background: #94a3b8;
border-color: #94a3b8;
background: var(--text-disabled, #94a3b8);
border-color: var(--text-disabled, #94a3b8);
cursor: not-allowed;
transform: none;
box-shadow: none;
@@ -239,8 +239,8 @@
/* SSL Details Panel */
.ssl-details-panel {
background: white;
border: 1px solid #e8e9ff;
background: var(--bg-secondary, white);
border: 1px solid var(--border-color, #e8e9ff);
border-radius: 8px;
padding: 20px;
margin-top: 20px;
@@ -249,7 +249,7 @@
.ssl-details-header {
font-size: 14px;
font-weight: 700;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #e8e9ff;
@@ -258,11 +258,11 @@
.ssl-details-panel p {
margin: 8px 0;
font-size: 14px;
color: #64748b;
color: var(--text-secondary, #64748b);
}
.ssl-details-panel strong {
color: #2f3640;
color: var(--text-primary, #2f3640);
font-weight: 600;
}
@@ -276,9 +276,9 @@
}
.alert-success {
background: #f0f9ff;
border: 1px solid #bae6fd;
color: #0c4a6e;
background: var(--info-bg, #f0f9ff);
border: 1px solid var(--info-border, #bae6fd);
color: var(--info-text, #0c4a6e);
}
.alert-info {
@@ -303,13 +303,13 @@
.premium-hero h1 {
font-size: 32px;
font-weight: 800;
color: #2f3640;
color: var(--text-primary, #2f3640);
margin-bottom: 20px;
}
.premium-description {
font-size: 16px;
color: #64748b;
color: var(--text-secondary, #64748b);
line-height: 1.7;
max-width: 800px;
margin: 0 auto 40px;
@@ -411,13 +411,13 @@
<div ng-if="sslDetails" class="ssl-details-panel">
<h4 class="ssl-details-header">{% trans "SSL Details" %}</h4>
<div ng-if="sslDetails.hasSSL">
<p><strong>{% trans "Status:" %}</strong> <span style="color: #10b981;">Active</span></p>
<p><strong>{% trans "Status:" %}</strong> <span style="color: var(--success-color, #10b981);">Active</span></p>
<p><strong>{% trans "Issued By:" %}</strong> {$ sslDetails.authority $}</p>
<p><strong>{% trans "Expiry Date:" %}</strong> {$ sslDetails.expiryDate $}</p>
<p><strong>{% trans "Days Remaining:" %}</strong> {$ sslDetails.days $}</p>
</div>
<div ng-if="!sslDetails.hasSSL">
<p><strong>{% trans "Status:" %}</strong> <span style="color: #ef4444;">No SSL Certificate</span></p>
<p><strong>{% trans "Status:" %}</strong> <span style="color: var(--danger-color, #ef4444);">No SSL Certificate</span></p>
<p ng-if="sslDetails.error_message"><strong>{% trans "Error:" %}</strong> {$ sslDetails.error_message $}</p>
</div>
</div>