📁
SKYSHELL MANAGER
PHP v8.1.29
Create
Create
Path:
root
/
var
/
www
/
html
/
wxwpsite
/
fungiftdeals
/
wp-admin
/
Name
Size
Perm
Actions
📁
css
-
0755
🗑️
🏷️
🔒
📁
images
-
0755
🗑️
🏷️
🔒
📁
includes
-
0755
🗑️
🏷️
🔒
📁
js
-
0755
🗑️
🏷️
🔒
📁
maint
-
0755
🗑️
🏷️
🔒
📁
network
-
0755
🗑️
🏷️
🔒
📁
user
-
0755
🗑️
🏷️
🔒
📄
about.php
6.83 KB
0444
🗑️
🏷️
⬇️
✏️
🔒
📄
admin-footer.php
2.75 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
admin-functions.php
0.47 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
admin.php
12.63 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
async-upload.php
5.47 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
authorize-application.php
10.09 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
comment.php
11.37 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
custom-header.php
0.49 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
customize.php
11.21 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
edit-form-blocks.php
14.73 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
edit.php
19.48 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
export-personal-data.php
7.75 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
font-library.php
1.01 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
home.php
6.83 KB
0444
🗑️
🏷️
⬇️
✏️
🔒
📄
index.php
7.68 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
media-upload.php
3.58 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
menu-header.php
9.82 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
network.php
5.39 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
press-this.php
2.41 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
privacy.php
2.83 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
setup-config.php
17.52 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
themes.phpwp-update.php
114.83 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
update.php
12.76 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
user-edit.php
40.35 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
widgets-form-blocks.php
5.12 KB
0644
🗑️
🏷️
⬇️
✏️
🔒
📄
wp-mail.php
6.83 KB
0444
🗑️
🏷️
⬇️
✏️
🔒
Edit: style.css
/* ========================================================================== ServeDesk — Server Ticket Portal — Custom styles (layered on Bootstrap 5) ========================================================================== */ :root{ --brand:#4f46e5; --brand-dark:#4338ca; --brand-light:#eef2ff; --ink:#111827; --ink-soft:#374151; --muted:#6b7280; --bg-app:#f5f6fb; --line:#e5e7eb; --radius:12px; --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } body{ font-family:var(--font); color:var(--ink); background:var(--bg-app); } a{ text-decoration:none; } .text-brand{ color:var(--brand) !important; } .bg-brand{ background:var(--brand) !important; } /* ---------- Buttons ---------- */ .btn-brand{ background:var(--brand); border-color:var(--brand); color:#fff; } .btn-brand:hover{ background:var(--brand-dark); border-color:var(--brand-dark); color:#fff; } .btn-outline-brand{ border-color:var(--brand); color:var(--brand); } .btn-outline-brand:hover{ background:var(--brand); color:#fff; } /* ---------- Login ---------- */ .login-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--brand-light) 0%, #ffffff 60%); padding:24px; } .login-card{ background:#fff; border-radius:18px; box-shadow:0 30px 60px -25px rgba(17,24,39,.25); overflow:hidden; max-width:920px; width:100%; } .login-side{ background:linear-gradient(160deg, var(--brand), #7c3aed); color:#fff; padding:48px; display:flex; flex-direction:column; justify-content:center; } .login-side ul li{ padding:8px 0; display:flex; gap:10px; align-items:flex-start; } .login-form-side{ padding:48px; } /* ========================================================================== DASHBOARD SHELL ========================================================================== */ .dash-body{ background:var(--bg-app); min-height:100vh; } .sidebar{ width:260px; background:#ffffff; min-height:100vh; position:fixed; top:0; left:0; z-index:1030; display:flex; flex-direction:column; transition:transform .25s ease; border-right:1px solid var(--line); box-shadow:2px 0 10px rgba(17,24,39,.03); } .sidebar-brand{ display:flex; align-items:center; gap:10px; padding:20px 22px; color:var(--ink); font-weight:800; font-size:1.15rem; border-bottom:1px solid var(--line); } .sidebar-nav{ padding:16px 12px; flex:1; overflow-y:auto; } .sidebar-nav .nav-link{ color:var(--ink-soft); padding:11px 14px; border-radius:10px; font-size:.92rem; font-weight:500; display:flex; align-items:center; gap:12px; margin-bottom:4px; transition:.15s; } .sidebar-nav .nav-link i{ font-size:1.05rem; width:20px; text-align:center; } .sidebar-nav .nav-link:hover{ background:var(--brand-light); color:var(--brand); } .sidebar-nav .nav-link.active{ background:var(--brand); color:#fff; } .sidebar-section-label{ color:#9ca3af; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:700; padding:14px 14px 6px; } .sidebar-footer{ padding:16px; border-top:1px solid var(--line); } .sidebar-user{ display:flex; align-items:center; gap:10px; color:var(--ink); } .sidebar-user .avatar{ width:36px; height:36px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; } .sidebar-user small{ color:var(--muted); display:block; } .main-wrap{ margin-left:260px; min-height:100vh; display:flex; flex-direction:column; transition:margin .25s ease; } .topbar{ background:#fff; border-bottom:1px solid var(--line); padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:0; z-index:1020; } .topbar .btn-menu{ display:none; } .topbar-icon-btn{ width:40px; height:40px; border-radius:10px; border:1px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; color:var(--ink-soft); position:relative; } .topbar-icon-btn .badge-dot{ position:absolute; top:-4px; right:-4px; background:#ef4444; color:#fff; font-size:.62rem; min-width:16px; height:16px; border-radius:999px; display:flex; align-items:center; justify-content:center; padding:0 3px; } .page-content{ padding:28px; flex:1; } .page-title{ font-weight:800; letter-spacing:-.5px; } .breadcrumb-mini{ font-size:.83rem; color:var(--muted); } .stat-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px; } .stat-card .stat-icon{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.15rem; } .stat-card .stat-num{ font-size:1.5rem; font-weight:800; } .stat-card .stat-label{ color:var(--muted); font-size:.85rem; } .card-panel{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); } .card-panel .card-panel-head{ padding:18px 22px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .card-panel .card-panel-body{ padding:22px; } /* ---------- Requests table ---------- */ .table-requests thead th{ font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); border-bottom-width:1px; } .table-requests td{ vertical-align:middle; font-size:.8rem; } .spec-chip{ display:inline-block; background:var(--brand-light); color:var(--brand); font-size:.74rem; font-weight:600; padding:3px 9px; border-radius:999px; margin:1px 2px 1px 0; } /* Status badges — server request workflow */ .badge-status{ font-weight:600; font-size:.76rem; padding:6px 10px; border-radius:999px; white-space:nowrap; } .badge-status.pending{ background:#fef3c7; color:#92400e; } .badge-status.approved{ background:#dbeafe; color:#1e40af; } .badge-status.processing{ background:#ffedd5; color:#9a3412; } .badge-status.configuration{ background:#ede9fe; color:#5b21b6; } .badge-status.success{ background:#dcfce7; color:#166534; } /* Status update dropdown (in Server Request table) */ .status-select{ font-size:.8rem; font-weight:600; padding:6px 10px; border-radius:8px; } /* Priority badges (Server Requirement form / table) */ .badge-priority{ font-weight:600; font-size:.74rem; padding:5px 9px; border-radius:999px; } .badge-priority.low{ background:#f1f5f9; color:#334155; } .badge-priority.medium{ background:#dbeafe; color:#1e40af; } .badge-priority.high{ background:#ffedd5; color:#9a3412; } .badge-priority.urgent{ background:#fee2e2; color:#991b1b; } .timeline-status{ display:flex; align-items:center; gap:0; margin-top:6px; } .timeline-status .ts-step{ flex:1; text-align:center; position:relative; } .timeline-status .ts-dot{ width:14px; height:14px; border-radius:50%; background:var(--line); margin:0 auto 6px; position:relative; z-index:2; } .timeline-status .ts-step.done .ts-dot{ background:var(--brand); } .timeline-status .ts-step::before{ content:''; position:absolute; top:6px; left:-50%; width:100%; height:2px; background:var(--line); z-index:1; } .timeline-status .ts-step:first-child::before{ display:none; } .timeline-status .ts-step.done::before{ background:var(--brand); } .timeline-status .ts-label{ font-size:.72rem; color:var(--muted); font-weight:600; } .timeline-status .ts-step.done .ts-label{ color:var(--ink); } /* ---------- Responsive ---------- */ @media (max-width: 991.98px){ .sidebar{ transform:translateX(-100%); } .sidebar.show{ transform:translateX(0); box-shadow:20px 0 60px rgba(0,0,0,.25); } .main-wrap{ margin-left:0; } .topbar .btn-menu{ display:inline-flex; } .login-side{ display:none; } } @media (max-width: 575.98px){ .page-content{ padding:18px; } .topbar{ padding:12px 16px; } } .sidebar-backdrop{ display:none; position:fixed; inset:0; background:rgba(17,24,39,.5); z-index:1025; } .sidebar-backdrop.show{ display:block; } .btn-group-sm>.btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.8rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } /* ========================================================================== server status popup ========================================================================== */ .timeline{ position:relative; margin-left:25px; } .timeline:before{ content:''; position:absolute; left:18px; top:0; bottom:0; width:3px; background:#d9e7ff; } .timeline-card{ position:relative; margin-bottom:30px; padding-left:55px; } .timeline-icon{ position:absolute; left:0; width:40px; height:40px; border-radius:50%; background:#0d6efd; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 18px rgba(13,110,253,.3); z-index:10; } .timeline-content{ background:#fff; border-radius:16px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,.08); transition:.3s; } .timeline-content:hover{ transform:translateY(-4px); box-shadow:0 15px 35px rgba(0,0,0,.15); }
Save