/* ============================================================ BLUE‑IDEA NEON OVERRIDES FOR PHPBB (AS SHADOW GLOW BASE) Author: Dimitris (Blue‑Idea.net) Purpose: Force unified neon‑blue cyber aesthetic across UI ============================================================ */ body { background: red !important; } /* ------------------------------ GLOBAL VARIABLES --------------------------------*/ :root { --blue-neon: #00c8ff; --blue-neon-strong: #33d6ff; --blue-neon-soft: rgba(0, 200, 255, 0.15); --blue-neon-glow: 0 0 8px #00c8ff, 0 0 16px #00c8ff, 0 0 32px #00c8ff; --bg-dark: #070b12; --bg-panel: #0d141f; --bg-hover: #111a28; --text-light: #d8f6ff; } /* ------------------------------ BODY + GLOBAL BACKGROUND --------------------------------*/ body { background: var(--bg-dark) !important; color: var(--text-light) !important; font-smooth: always; } /* Scanline overlay */ body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: repeating-linear-gradient( to bottom, rgba(0, 200, 255, 0.03) 0px, rgba(0, 200, 255, 0.03) 1px, transparent 2px, transparent 4px ); mix-blend-mode: overlay; z-index: 9999; } /* ------------------------------ LINKS --------------------------------*/ /* Classic Neon Blue Links */ /* Electric Neon Outline for Links */ a, a:visited { color: blue !important; /* keep your exact blue */ text-shadow: 0 0 2px #1CB5E9, 0 0 4px #1CB5E9, 0 0 6px #1CB5E9, 0 0 10px #1CB5E9, 0 0 14px #1CB5E9; transition: 0.25s ease; } a:hover { color: blue !important; /* still blue on hover */ text-shadow: 0 0 4px #1CB5E9, 0 0 8px #1CB5E9, 0 0 12px #1CB5E9, 0 0 18px #1CB5E9, 0 0 26px #1CB5E9; } /* ------------------------------ HEADER + NAVBAR --------------------------------*/ .headerbar, .navbar, #page-header { background: var(--bg-dark) !important; border-bottom: 1px solid var(--blue-neon); box-shadow: var(--blue-neon-glow); } /* ------------------------------ FORUM LISTS --------------------------------*/ .forabg, .forumbg { background: var(--bg-panel) !important; border-left: 2px solid var(--blue-neon); box-shadow: var(--blue-neon-glow); } .forabg .header, .forumbg .header { background: var(--bg-dark) !important; color: var(--blue-neon) !important; text-shadow: var(--blue-neon-glow); } /* Category titles */ .forum-title, .topic-title { color: var(--blue-neon) !important; text-shadow: var(--blue-neon-glow); animation: neonPulse 3s infinite alternate; } /* ------------------------------ POSTS --------------------------------*/ .post { background: var(--bg-panel) !important; border: 1px solid var(--blue-neon-soft); box-shadow: 0 0 10px var(--blue-neon-soft); color: var(--text-light) !important; } .postprofile { border-right: 1px solid var(--blue-neon-soft) !important; } /* Quote blocks */ blockquote { background: var(--bg-dark) !important; border-left: 3px solid var(--blue-neon); box-shadow: inset 0 0 12px var(--blue-neon-soft); } /* Code blocks */ .codebox { background: #0b111a !important; border: 1px solid var(--blue-neon); box-shadow: inset 0 0 12px var(--blue-neon-soft); } /* ------------------------------ BUTTONS --------------------------------*/ .button, .btn, input[type="submit"], input[type="button"], input[type="reset"] { background: var(--bg-panel) !important; border: 1px solid var(--blue-neon) !important; color: var(--blue-neon) !important; text-shadow: var(--blue-neon-glow); box-shadow: inset 0 0 8px var(--blue-neon), 0 0 12px var(--blue-neon); transition: 0.25s ease; } .button:hover, .btn:hover, input[type="submit"]:hover { background: var(--bg-hover) !important; color: #ffffff !important; box-shadow: inset 0 0 12px var(--blue-neon-strong), 0 0 18px var(--blue-neon); } /* ------------------------------ INPUTS + FORMS --------------------------------*/ input, textarea, select { background: var(--bg-dark) !important; border: 1px solid var(--blue-neon-soft) !important; color: var(--text-light) !important; box-shadow: inset 0 0 6px var(--blue-neon-soft); } input:focus, textarea:focus, select:focus { border-color: var(--blue-neon) !important; box-shadow: 0 0 12px var(--blue-neon); } /* ------------------------------ TABLES --------------------------------*/ table.table1 tbody tr { background: var(--bg-panel) !important; } table.table1 tbody tr:hover { background: var(--bg-hover) !important; } /* ------------------------------ PAGINATION --------------------------------*/ .pagination li a { background: var(--bg-panel) !important; border: 1px solid var(--blue-neon-soft) !important; color: var(--blue-neon) !important; } .pagination li.active span { background: var(--blue-neon) !important; color: #000 !important; box-shadow: var(--blue-neon-glow); } /* ------------------------------ FOOTER --------------------------------*/ #page-footer { background: var(--bg-dark) !important; border-top: 1px solid var(--blue-neon); box-shadow: 0 -2px 12px var(--blue-neon-soft); } /* ------------------------------ ANIMATIONS --------------------------------*/ @keyframes neonPulse { from { text-shadow: 0 0 6px var(--blue-neon); } to { text-shadow: 0 0 18px var(--blue-neon-strong); } } /* ================================ NEON BLUE TEXT FOR INFO PANELS ================================ */ .stat-block, .stat-block h3, .stat-block p, .stat-block li, .stat-block span, .stat-block strong, .stat-block a { color: #1e90ff !important; /* classic neon blue */ text-shadow: 0 0 4px #1e90ff, 0 0 8px #1e90ff; } /* Stronger glow for section titles */ .stat-block h3 { text-shadow: 0 0 6px #1e90ff, 0 0 12px #1e90ff, 0 0 20px #1e90ff !important; } /* ================================ NEON BORDER + OUTER GLOW ================================ */ .stat-block { background: #0b111a !important; /* darker neon-friendly base */ border: 2px solid #1e90ff !important; border-radius: 6px; padding: 12px; margin-top: 20px; /* Outer neon glow + inner glow */ box-shadow: 0 0 8px #1e90ff, 0 0 16px #1e90ff, 0 0 28px rgba(30,144,255,0.7), inset 0 0 12px rgba(30,144,255,0.25) !important; }