website fixes
This commit is contained in:
parent
2efbe27a03
commit
2347205469
13 changed files with 500 additions and 418 deletions
|
|
@ -90,6 +90,21 @@ input, textarea, select, button { color: #fff; background: #11141f; border: 1px
|
|||
#gsw-site a.gsw-btn:hover,
|
||||
#gsw-site button.gsw-btn:hover{transform:translateY(-2px);color:#fff !important;text-decoration:none;}
|
||||
|
||||
/* Renew button: slightly smaller but matching gradient, used on My Account cards */
|
||||
#gsw-site .renew-btn, #gsw-site a.renew-btn, #gsw-site button.renew-btn{
|
||||
display:inline-block;
|
||||
padding:8px 14px;
|
||||
background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%) !important;
|
||||
color:#fff !important;
|
||||
text-decoration:none;
|
||||
border-radius:8px;
|
||||
font-weight:700;
|
||||
transition:transform 0.12s;
|
||||
border:none;
|
||||
cursor:pointer;
|
||||
}
|
||||
#gsw-site .renew-btn:hover, #gsw-site a.renew-btn:hover, #gsw-site button.renew-btn:hover{transform:translateY(-2px);}
|
||||
|
||||
#gsw-site .gsw-btn-secondary,
|
||||
#gsw-site a.gsw-btn-secondary{display:inline-block;padding:10px 16px;background:rgba(255,255,255,0.06);color:#fff !important;text-decoration:none;border-radius:8px;border:1px solid rgba(255,255,255,0.06);cursor:pointer;}
|
||||
#gsw-site .gsw-btn-secondary:hover,
|
||||
|
|
@ -152,3 +167,135 @@ input, textarea, select, button { color: #fff; background: #11141f; border: 1px
|
|||
.ml-8{margin-left:8px}
|
||||
.flex-row-gap{display:flex;gap:8px;align-items:center}
|
||||
|
||||
/* Account page styles */
|
||||
.account-container{max-width:1000px;margin:20px auto;padding:20px}
|
||||
.account-section{background:rgba(0,0,0,0.25);padding:20px;border-radius:8px;margin-bottom:20px}
|
||||
.account-section h2{margin:0 0 15px 0;font-size:1.3rem;color:#fff;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:10px}
|
||||
.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
|
||||
.account-info-item{padding:10px;background:rgba(255,255,255,0.03);border-radius:6px}
|
||||
.account-info-label{font-weight:600;color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:5px}
|
||||
.account-info-value{color:#fff;font-size:1rem}
|
||||
.account-edit-summary{cursor:pointer;color:#667eea;font-weight:600;margin-top:10px}
|
||||
|
||||
/* Form styles */
|
||||
.form-group{margin-bottom:15px}
|
||||
.form-group label{display:block;margin-bottom:5px;color:#fff;font-weight:500}
|
||||
.form-group input{width:100%;padding:10px;border:1px solid rgba(255,255,255,0.1);border-radius:6px;background:rgba(0,0,0,0.3);color:#fff}
|
||||
|
||||
/* Alert messages */
|
||||
.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:0.95rem}
|
||||
.alert-error{background-color:rgba(255,0,0,0.2);border:1px solid rgba(255,0,0,0.3);color:#ffcccc}
|
||||
.alert-success{background-color:rgba(0,255,0,0.2);border:1px solid rgba(0,255,0,0.3);color:#ccffcc}
|
||||
|
||||
/* Server item cards */
|
||||
.server-item{background:rgba(255,255,255,0.03);padding:15px;border-radius:6px;margin-bottom:10px;border-left:3px solid #667eea}
|
||||
.server-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}
|
||||
.server-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
|
||||
.server-detail{font-size:0.9rem}
|
||||
.server-detail-label{color:rgba(255,255,255,0.6)}
|
||||
.server-detail-value{color:#fff;font-weight:500}
|
||||
|
||||
/* Invoice items */
|
||||
.invoice-item{background:rgba(255,255,255,0.03);padding:12px 15px;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
|
||||
.invoice-id{font-weight:600;color:#fff}
|
||||
.invoice-amount{color:#10b981;font-weight:600}
|
||||
.invoice-status{padding:4px 10px;border-radius:4px;font-size:0.85rem;font-weight:600}
|
||||
.invoice-status-paid{background:rgba(16,185,129,0.2);color:#10b981}
|
||||
.invoice-status-pending{background:rgba(245,158,11,0.2);color:#f59e0b}
|
||||
.invoice-date{color:rgba(255,255,255,0.6);font-size:0.9rem}
|
||||
|
||||
/* Login placeholder for non-logged-in users */
|
||||
.login-placeholder{padding:12px;background:rgba(255,255,255,0.03);border-radius:8px;color:#fff}
|
||||
.login-placeholder a{color:#cfe6ff;text-decoration:underline}
|
||||
|
||||
/* No data state */
|
||||
.no-data{text-align:center;padding:30px;color:rgba(255,255,255,0.6)}
|
||||
|
||||
/* Service description text */
|
||||
.service-desc{color:gray;width:230px}
|
||||
.service-desc-wide{color:gray;width:280px}
|
||||
.service-textarea{resize:none;width:230px;height:132px}
|
||||
|
||||
/* Admin helpers */
|
||||
.admin-note{font-size:11px;color:#666;margin-top:4px}
|
||||
.admin-flex-wrap{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
|
||||
|
||||
@media (max-width:768px){
|
||||
.account-info-grid{grid-template-columns:1fr}
|
||||
}
|
||||
|
||||
/* Server status and utility classes */
|
||||
#gsw-site .text-success {
|
||||
color: #10b981 !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
#gsw-site .text-danger {
|
||||
color: #ef4444 !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
#gsw-site .text-muted {
|
||||
color: rgba(255,255,255,0.7) !important;
|
||||
}
|
||||
|
||||
#gsw-site .text-center {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#gsw-site .mb-20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
#gsw-site .server-notes {
|
||||
padding-left: 40px !important;
|
||||
font-size: 0.9rem !important;
|
||||
color: rgba(255,255,255,0.7) !important;
|
||||
}
|
||||
|
||||
/* Status badges */
|
||||
#gsw-site .status-badge {
|
||||
display: inline-block;
|
||||
padding: 4px 12px;
|
||||
border-radius: 12px;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#gsw-site .status-online {
|
||||
background-color: rgba(16, 185, 129, 0.2);
|
||||
color: #10b981;
|
||||
}
|
||||
|
||||
#gsw-site .status-offline {
|
||||
background-color: rgba(239, 68, 68, 0.2);
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
#gsw-site .status-maintenance {
|
||||
background-color: rgba(251, 191, 36, 0.2);
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
#gsw-site .status-unknown {
|
||||
background-color: rgba(156, 163, 175, 0.2);
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
/* Form radio labels in renewal page */
|
||||
#gsw-site .form-group label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
cursor: pointer;
|
||||
padding: 12px;
|
||||
border: 2px solid #e1e8ed;
|
||||
border-radius: 8px;
|
||||
background: rgba(255,255,255,0.05);
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
#gsw-site .form-group label:hover {
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue