/* =========================================================================================================================== */ /* 🧩 EXPLORER */ /* 📍 static/css/pages/explorer/explorer.css */ /* =========================================================================================================================== */ /* =========================================================================================================================== */ /* 📍 Used in: ALL EXPLORER PAGES */ /* =========================================================================================================================== */ /* MAIN LAYOUT CONTAINER */ .explorer-section { margin-top: 2rem; max-width: 1550px; margin-left: auto; margin-right: auto; padding: 0 2rem; } /* =========================================================================================================================== */ /* SUMMARY TABLE (2 COLUMNS) */ .explorer-summary td:first-child{ text-align: left; width: 50%; opacity: 0.85; } .explorer-summary td:last-child{ text-align: right; width: 50%; } /* =========================================================================================================================== */ /* FONT SYSTEM */ .explorer-summary, .explorer-result, .explorer-table, .address-summary-grid { font-family: "Courier New", monospace; letter-spacing: 0.02em; } /* =========================================================================================================================== */ /* MAIN HEADLINE */ .headline-explorer { font-family: "Courier New", monospace; font-weight: 300; text-transform: uppercase; letter-spacing: 0.20em; font-size: 2.5rem; /* gleich wie Indicators */ text-align: center; margin-top: 2rem; /* 👈 gleicht oberen Abstand an */ margin-bottom: 2rem; /* gleich wie Indicators */ /* 🟠 Bronze / Gold Gradient */ background: linear-gradient( 90deg, rgb(235,200,160) 0%, rgb(215,170,120) 35%, rgb(195,135,80) 70%, rgb(165,105,55) 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; /* ✨ Ruhiger Bronze Glow */ text-shadow: 0 1px 0 rgba(255,255,255,0.30), 0 0 6px rgba(195,135,80,0.30), 0 0 12px rgba(165,105,55,0.25); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* =========================================================================================================================== */ /* STATUS (CONFIRMATION / STATE) */ #explorer-block-status, #explorer-txid-status, #explorer-address-status { text-align: center; font-family: "Courier New", monospace; font-size: 1.5rem; font-weight: 400; color: #3ccf91; letter-spacing: 0.05rem; } /* CONFIRMED */ .status-ok { color: #3ccf91; font-weight: 400; } /* UNCONFIRMED */ .status-error { color: #ff5c5c; font-weight: 400; } /* =========================================================================================================================== */ /* 📍 Used in: BLOCK • TXID • ADDRESS • WALLET */ /* =========================================================================================================================== */ /* DESCRIPTION TEXT */ .explorer-description { font-family: "Courier New", monospace; font-size: 1.25rem; letter-spacing: 0.04rem; color: #f0d2b0; /* Soft Copper Accent */ text-shadow: 0 0 6px rgba(247,147,26,0.25); font-size: 1.25rem; opacity: 0.95; margin-bottom: 1.5rem; line-height: 1.55; text-align: center; } /* =========================================================================================================================== */ /* INPUT GROUP */ .explorer-input-group { display: flex; justify-content: center; gap: 0.9rem; margin-bottom: 1.6rem; align-items: stretch; } .explorer-input-group input, .explorer-input-group textarea { flex: 1; min-width: 38rem; max-width: 78%; padding: 0.75rem 1rem; font-size: 1.2rem; border-radius: 0.45rem; border: 1px solid rgba(255,255,255,0.25); background: rgba(10,10,10,0.75); color: white; text-align: center; } .explorer-input-group textarea { resize: vertical; min-height: 8.5rem; } .explorer-input-group button { padding: 0.75rem 1.35rem; font-size: 1.15rem; font-weight: 800; border-radius: 0.45rem; border: none; background-color: #f7931a; color: #111; cursor: pointer; white-space: nowrap; } /* =========================================================================================================================== */ /* 📍 Used in: BLOCK_DYNAMIC • TXID_DYNAMIC • ADDRESS_DYNAMIC */ /* =========================================================================================================================== */ /* LINKS */ .explorer-table a{ color: #2d8cff; font-weight: 300; text-decoration: none; word-break: break-all; } .explorer-table a:hover{ color: #f7931a; text-decoration: none; } /* =========================================================================================================================== */ /* SUBHEADER - BLOCK - TXID - ADDRESS */ .search-string { font-family: "Courier New", monospace; font-size: 1.5rem; letter-spacing: 0.04rem; color: #f0d2b0; /* Soft Copper Accent */ text-shadow: 0 0 6px rgba(247,147,26,0.25); opacity: 0.95; word-break: break-all; } /* =========================================================================================================================== */ /* PANEL WRAPPER */ .explorer-panel{ max-width: 75rem; margin-left: auto; margin-right: auto; margin-top: 1rem; border-radius: 0.75rem; background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); overflow: hidden; } /* =========================================================================================================================== */ /* BASE TABLE SYSTEM */ .explorer-table{ width: 100%; border-collapse: collapse; font-family: "Courier New", monospace; font-size: 1.25rem; font-weight: 300; } .explorer-table th, .explorer-table td{ padding: 0.85rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.15); vertical-align: middle; } .explorer-table thead th{ font-weight: 300; font-size: 1.4rem; } .explorer-table tbody tr:hover{ background: rgba(255,255,255,0.05); } .explorer-table tr:last-child td{ border-bottom: none; } /* numeric right column default */ .explorer-table th:last-child, .explorer-table td:last-child{ text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } /* =========================================================================================================================== */ /* 3 COLUMN TABLES (# / HASH / VALUE) */ .explorer-3col th:nth-child(1), .explorer-3col td:nth-child(1){ text-align: left; width: 15%; opacity: 0.7; } .explorer-3col th:nth-child(2), .explorer-3col td:nth-child(2){ width: 70%; text-align: center; word-break: break-all; } .explorer-3col th:nth-child(3), .explorer-3col td:nth-child(3){ text-align: right; width: 15%; font-variant-numeric: tabular-nums; } /* =========================================================================================================================== */ /* 📍 Used in: BLOCK_DYNAMIC • TXID_DYNAMIC */ /* =========================================================================================================================== */ /* EXPLORER – MUTED META TEXT */ .muted { color: #888; font-size: 0.9em; }