Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/ecommer.in/public_html/billing/pawn

Free Space:

10.24 TB

🔧 Quick Actions

✏️ Editing: invoice.css

@page{
    size:A4;
    margin:0;
}

:root{
    --primary:#0ea5e9;   /* Sky Blue */
    --soft:#f0f9ff;
    --text:#111827;
}

body{
    margin:0;
    font-family:"Inter","Segoe UI",Arial,sans-serif;
    font-size:12px;
    line-height:1.55;
    color:var(--text);
    background:#fff;
}

/* Print */
.print-btn{
    position:fixed;
    top:12px;
    right:12px;
    background:#000;
    color:#fff;
    padding:6px 14px;
    border:none;
    border-radius:4px;
    cursor:pointer;
    z-index:999;
}
@media print{ 
    .print-btn{display:none;} 
}

/* ================= HEADER ================= */
.header{
    display:flex;
    min-height:120px;
}

/* Left colour panel */
.header-left{
    width:90px;
    background:var(--primary);
    padding:18px 10px;
    color:#fff;
    writing-mode:vertical-rl;
    text-align:center;
    font-weight:700;
    letter-spacing:2px;
    font-size:14px;
}

/* Header content */
.header-right{
    flex:1;
    padding:24px 40px 18px;
}

/* Header top row */
.header-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

/* Company */
.company h2{
    margin:0;
    font-size:22px;
    font-weight:700;
}
.company p{
    margin:6px 0 0;
    font-size:11px;
    line-height:1.6;
}

/* Company logo */
.company-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
}
.company-logo img {
    max-width: 80px;
    max-height: 50px;
    object-fit: contain;
}

/* Invoice */
.invoice-box{
    text-align:right;
}
.invoice-box h1{
    margin:0;
    font-size:24px;
    font-weight:800;
    letter-spacing:1px;
}
.invoice-box p{
    margin:6px 0 0;
    font-size:11px;
}

/* Top rule */
.rule{
    margin-top:16px;
    border-top:3px solid var(--primary);
}

/* ================= PAGE ================= */
.page{
    padding:20px 40px 120px;
}

/* Section title */
.section-title{
    font-size:11px;
    font-weight:700;
    letter-spacing:.4px;
    text-transform:uppercase;
    margin-bottom:6px;
}

/* Info */
.info{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
}
.info div{
    width:48%;
    font-size:11px;
}

/* ================= TABLE ================= */
table{
    width:100%;
    border-collapse:collapse;
    font-size:11px;
}
thead th{
    background:var(--soft);
    font-weight:700;
    padding:8px;
    text-align:left;
}
tbody td{
    padding:8px;
}
tbody tr{
    border-bottom:1px solid #e5e7eb;
}
.text-center{text-align:center;}
.text-right{text-align:right;}

/* For multi-page printing */
thead { display: table-header-group; }
tr { page-break-inside: avoid; }

/* Totals */
.total-box{
    margin-top:18px;
    width:320px;
    margin-left:auto;
}
.total-box td{
    padding:6px 0;
}
.grand{
    font-size:14px;
    font-weight:800;
    color:var(--primary);
}

/* Amount in words */
.amount-words{
    margin-top:10px;
    padding:8px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    font-size:11px;
    font-style:italic;
}

/* Payment info */
.payment-info{
    margin-top:15px;
    padding:10px;
    background:#f0fdf4;
    border-radius:6px;
    border:1px solid #bbf7d0;
    font-size:11px;
}

/* Notes */
.notes{
    margin-top:22px;
    font-size:11px;
}

/* Sign */
.sign-row{
    display:flex;
    justify-content:space-between;
    margin-top:46px;
    font-size:11px;
}
.sign{
    width:45%;
}
.sign-line{
    margin-top:32px;
    border-top:1px solid #000;
    width:200px;
}

/* ================= FOOTER ================= */
.footer{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    height:55px;
    display:flex;
    align-items:center;
    padding:0 40px;
    background:#f8fafc;
    border-top:1px solid #e5e7eb;
}

/* Footer tag */
.footer-tag{
    margin-left:auto;
    background:var(--primary);
    color:#fff;
    padding:6px 16px;
    font-size:10px;
    font-weight:500;
    border-radius:3px;
}

/* Footer logo */
.footer-logo {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.footer-logo img {
    max-width: 40px;
    max-height: 25px;
    object-fit: contain;
}

/* Print specific styles */
@media print {
    .company-logo img, .footer-logo img {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: invoice.css

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation