Spaces:
Build error
Build error
File size: 5,385 Bytes
0687749 67181d4 b9d5a3c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 | /* Trailhead Premium Tactical HUD Theme */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Outfit:wght@300;400;500;600;700&display=swap');
:root {
--bg-gradient: linear-gradient(135deg, #0a0e12 0%, #050709 100%);
--card-bg: rgba(13, 20, 26, 0.75);
--card-border: rgba(245, 158, 11, 0.18); /* Amber border */
--accent-primary: #f59e0b; /* Amber */
--accent-hover: #d97706;
--accent-green: #10b981; /* Safe path green */
--text-primary: #f3f4f6;
--text-muted: #9ca3af;
--danger-red: #ef4444;
}
body, .gradio-container {
background: var(--bg-gradient) !important;
font-family: 'Outfit', -apple-system, sans-serif !important;
color: var(--text-primary) !important;
}
/* Share Tech Mono for digital stats & coordinates */
.mono-display {
font-family: 'Share Tech Mono', monospace !important;
}
/* Glassmorphism Cards */
.gradio-container .gr-box,
.gradio-container .gr-panel,
.gradio-container .gr-card {
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
backdrop-filter: blur(12px) !important;
border-radius: 16px !important;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5) !important;
}
/* Typography settings */
h1 {
font-family: 'Share Tech Mono', monospace !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
background: linear-gradient(to right, #f59e0b, #fbbf24, #10b981) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
font-size: 2.5rem !important;
margin-bottom: 0.5rem !important;
text-align: center !important;
text-transform: uppercase !important;
text-shadow: 0 0 15px rgba(245, 158, 11, 0.2) !important;
}
p, span, label {
color: var(--text-primary) !important;
}
/* Buttons Styling */
.gradio-container button.primary {
background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
border: 1px solid rgba(251, 191, 36, 0.3) !important;
color: black !important;
font-family: 'Share Tech Mono', monospace !important;
font-weight: 700 !important;
text-transform: uppercase !important;
font-size: 1.1rem !important;
border-radius: 12px !important;
padding: 14px 24px !important;
min-height: 54px !important; /* Touch target */
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(245, 158, 11, 0.25) !important;
}
.gradio-container button.primary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4) !important;
}
.gradio-container button.secondary {
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid var(--card-border) !important;
color: var(--text-primary) !important;
font-family: 'Share Tech Mono', monospace !important;
font-weight: 500;
text-transform: uppercase !important;
border-radius: 12px !important;
padding: 12px 20px !important;
min-height: 50px !important;
transition: all 0.3s ease !important;
}
.gradio-container button.secondary:hover {
background: rgba(245, 158, 11, 0.1) !important;
border-color: var(--accent-primary) !important;
}
/* Large Input Targets */
.gradio-container input,
.gradio-container textarea,
.gradio-container select {
background: rgba(0, 0, 0, 0.4) !important;
border: 1px solid var(--card-border) !important;
border-radius: 10px !important;
color: var(--text-primary) !important;
padding: 12px !important;
font-size: 1.05rem !important;
}
.gradio-container input:focus,
.gradio-container textarea:focus,
.gradio-container select:focus {
border-color: var(--accent-green) !important;
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}
/* Custom Table/DataFrame styling */
.gradio-container table {
background: transparent !important;
}
.gradio-container th {
background: rgba(245, 158, 11, 0.1) !important;
color: var(--accent-primary) !important;
font-weight: 600 !important;
font-family: 'Share Tech Mono', monospace !important;
text-transform: uppercase !important;
}
.gradio-container td {
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
/* HUD Stat Indicators */
.hud-stat-box {
border: 1px solid var(--card-border);
background: rgba(13, 20, 26, 0.8);
border-radius: 12px;
padding: 15px;
text-align: center;
box-shadow: inset 0 0 10px rgba(245, 158, 11, 0.05);
}
.hud-stat-val {
font-family: 'Share Tech Mono', monospace;
font-size: 2.2rem;
font-weight: 700;
color: var(--accent-primary);
text-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
}
.hud-stat-lbl {
font-size: 0.8rem;
text-transform: uppercase;
color: var(--text-muted);
letter-spacing: 0.1em;
margin-top: 5px;
}
/* Hide communication textboxes from the layout while keeping them active in the DOM */
#hiker-pos-coords, #live-gps-coords, #route-data-json {
display: none !important;
}
/* Adjust the height and scroll styling of the saved journal logs table */
#journal-logs-table {
height: 380px !important;
max-height: 380px !important;
overflow-y: auto !important;
}
#journal-logs-table .table-wrap {
height: 330px !important;
max-height: 330px !important;
overflow-y: auto !important;
}
|