From 7caaa8758d9d26ac0f8cd9a316d71cc5457c6929 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Thu, 26 Feb 2026 15:52:38 +0000 Subject: [PATCH] Alpha V2.0 --- assets/css/custom.css | 199 ++---------------------------------------- index.php | 8 +- 2 files changed, 13 insertions(+), 194 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index 0e8e49b..a055abb 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,193 +1,12 @@ -:root { - --bg-black: #000000; - --border-color: #2d3545; - --text-primary: #ffffff; - --text-muted: #8c92a3; - --accent-blue: #3b82f6; - --danger-red: #ef4444; - --success-green: #22c55e; - --nord-0: #2e3440; - --nord-1: #3b4252; - --nord-2: #434c5e; - --nord-3: #4c566a; - --nord-4: #d8dee9; - --nord-5: #e5e9f0; - --nord-6: #eceff4; - --nord-7: #8fbcbb; - --nord-8: #88c0d0; - --nord-9: #81a1c1; - --nord-10: #5e81ac; +/* Global Custom Styles */ + +/* Blinking effect for status badges */ +.blink-effect { + animation: blink 1s infinite; } -body { - background-color: var(--bg-black); - color: var(--text-primary); - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - font-size: 13px; - margin: 0; - padding: 0; +@keyframes blink { + 0% { opacity: 1; } + 50% { opacity: 0.5; } + 100% { opacity: 1; } } - -.text-muted { color: var(--text-muted); } -.text-accent { color: var(--nord-8); } -.text-success { color: var(--success-green); } -.text-danger { color: var(--danger-red); } - -/* Global Layout */ -#main-wrapper { - display: flex; - flex-direction: column; - min-height: 100vh; -} - -/* Resources Bar */ -#top-bar { - background: rgba(10, 15, 30, 0.95); - border-bottom: 2px solid var(--nord-1); - padding: 10px 40px; - z-index: 100; -} - -.resource-container { - display: flex; - justify-content: center; - gap: 15px; - flex-wrap: wrap; - margin-top: 10px; -} - -.resource-box { - background: rgba(46, 52, 64, 0.5); - border: 1px solid rgba(136, 192, 208, 0.2); - padding: 8px 15px; - min-width: 140px; - display: flex; - align-items: center; - gap: 12px; - border-radius: 6px; - box-shadow: 0 4px 6px rgba(0,0,0,0.2); - transition: all 0.2s; -} - -.resource-box:hover { - background: rgba(136, 192, 208, 0.1); - border-color: var(--nord-8); - transform: translateY(-1px); -} - -.resource-icon { - width: 28px; - height: 28px; - display: flex; - align-items: center; - justify-content: center; -} - -.resource-icon i { - font-size: 20px; - color: var(--nord-8); - opacity: 0.8; -} - -.resource-icon img { - width: 24px; - height: 24px; - object-fit: contain; -} - -.resource-info { - display: flex; - flex-direction: column; -} - -.resource-name { - font-size: 9px; - color: var(--nord-8); - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.5px; - margin-bottom: 2px; -} - -.resource-val-prod { - display: flex; - align-items: baseline; - gap: 6px; -} - -.resource-value { - font-size: 15px; - font-weight: bold; - color: #fff; -} - -.resource-prod { - font-size: 10px; - color: #a3be8c; - font-family: monospace; -} - -/* Grid System */ -.galaxy-map { - display: grid; - gap: 2px; - background: var(--nord-1); - border: 2px solid var(--nord-3); -} - -.slot { - background: #0a0a0a; - transition: all 0.2s; -} - -.slot:hover { - background: #1a1a1a; - box-shadow: inset 0 0 10px rgba(136, 192, 208, 0.2); -} - -/* Forms */ -input[type="number"], input[type="text"] { - background: #000; - border: 1px solid var(--nord-3); - color: #fff; - padding: 5px; -} - -button { - background: var(--nord-3); - color: #fff; - border: none; - padding: 8px 15px; - cursor: pointer; - font-weight: bold; - transition: background 0.2s; -} - -button:hover { - background: var(--nord-10); -} - -/* Admin Console Fixes */ -.stat-card { - background: var(--nord-0); - border: 1px solid var(--nord-3); - padding: 20px; -} - -table { - width: 100%; - border-collapse: collapse; -} - -th { - background: var(--nord-1); - color: var(--nord-8); - text-align: left; - padding: 12px; - font-size: 11px; -} - -td { - padding: 10px; - border-bottom: 1px solid var(--nord-1); -} \ No newline at end of file diff --git a/index.php b/index.php index f01d7c6..bc2153b 100644 --- a/index.php +++ b/index.php @@ -620,7 +620,7 @@ function getStatusColor($status, $statuses_map) { -
+
-
+
SECTEUR
@@ -663,7 +663,7 @@ function getStatusColor($status, $statuses_map) {
-
+
@@ -731,7 +731,7 @@ function getStatusColor($status, $statuses_map) { document.getElementById('m-planet-type').innerText = typeInfo.name || data.type; document.getElementById('m-planet-img').src = typeInfo.image_url || ''; document.getElementById('m-planet-status').innerText = statusInfo.name || data.status; - document.getElementById('m-planet-status').style.background = statusInfo.color || 'rgba(255,255,255,0.1)'; + const statusEl = document.getElementById('m-planet-status'); statusEl.style.background = (statusInfo.color || 'rgba(255,255,255,0.1)').replace(' ;blink', '').replace(' ;blink', '').replace(';blink', ''); statusEl.classList.toggle('blink-effect', !!statusInfo.is_blinking); document.getElementById('m-planet-faction').innerText = 'Faction dominante: ' + factionInfo.name; document.getElementById('m-planet-faction').style.color = factionInfo.color || '#fff';