An ultra-lightweight, low-RAM PHP file browser for bare Git repositories
:root { --bg-color: #f8fafc; --card-bg: #ffffff; --text-main: #0f172a; --text-muted: #64748b; --primary: #005293; --primary-hover: #006ec4; --border: #e2e8f0; --font-mono: "JetBrains Mono", monospace;}* { box-sizing: border-box; margin: 0; padding: 0;}body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--bg-color); color: var(--text-main); line-height: 1.5; padding: 3rem 1rem;}.container { width: 100%; max-width: 1000px; margin: 0 auto;}header { margin-bottom: 2.5rem;}header h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.35rem;}.breadcrumb { margin-bottom: 1.5rem; font-size: 1.1rem; color: var(--text-muted);}.breadcrumb a { color: var(--primary); text-decoration: none; font-weight: bold;}/* Flat Panel Layout for files */.content-box { background-color: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; margin-bottom: 2rem;}.tree-item { padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; font-family: var(--font-mono); font-size: 0.9rem;}.tree-item:last-child { border-bottom: none;}.tree-item a { color: var(--text-main); text-decoration: none; width: 100%;}.tree-item:hover { background-color: #eff6ff;}.tree-item:hover a { color: var(--primary);}/* Code Area Layout */pre.code-area { margin: 0; padding: 1.5rem; overflow-x: auto; font-family: var(--font-mono); font-size: 0.85rem; counter-reset: line; line-height: 1.6;}.code-line { display: block;}.code-line:before { counter-increment: line; content: counter(line); inline-size: 2.5rem; display: inline-block; border-right: 1px solid var(--border); margin-right: 1rem; color: var(--text-muted); text-align: right; padding-right: 0.5rem; user-select: none;}/* Flat README Box */.readme-box { padding: 1.5rem; background-color: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; line-height: 1.6;}.readme-header { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); border-bottom: 1px solid var(--border); padding-bottom: 0.5rem; margin-bottom: 1rem; font-weight: bold;}.readme-content { white-space: pre-wrap;}/* Align FontAwesome icons cleanly inside layouts */.breadcrumb i,.tree-item i,.readme-header i { vertical-align: -5%;}