3 --blended-border: #073b44;
6 --green-border: #32821c;
17 background-color: var(--page-bg);
21 font-family: 'Roboto Condensed', sans-serif;
24 background-image: url('/assets/bg/green_nebula_4.png');
25 background-blend-mode: soft-light;
28 border-color: var(--border);
29 margin-bottom: 1.2rem;
33 text-transform: uppercase;
36 border: solid 0 var(--border);
37 border-left-width: 6px;
38 border-bottom-width: 2px;
41 color: var(--hl-text);
42 text-shadow: 0 0 2px #6ac9db;
57 border: solid 1px var(--border);
59 tr:nth-child(odd) td, tr:nth-child(odd) th {
60 background-color: #0d2329;
67 margin: 0 2rem 2rem 2rem;
77 border: solid 1px var(--border);
78 background-color: #183238;
82 padding: 5px 5px 5px 25px;
83 text-transform: uppercase;
88 button::after, .btn::after {
94 background-color: var(--red-bg);
95 border-color: var(--red-border);
101 color: var(--red-border);
104 color: var(--green-border);
107 background-color: var(--green-bg);
108 border-color: var(--green-border);
113 button:active, .btn:active, button:hover, .btn:hover {
114 background-color: #1a444c;
116 button.success:active, .btn.success:active, button.success:hover, .btn.success:hover {
117 background-color: #1e4c1a;
120 input[type="text"], input[type="password"], input[type="number"] {
121 border: solid 1px var(--border);
122 background-color: #183238;
133 text-decoration: none;
143 border-top: solid 1px var(--border);
154 justify-content: space-evenly;
160 display: inline-flex;
166 background-color: var(--border);
177 margin-bottom: 1.2rem;
221 /** CUSTOMIZATIONS **/
229 background-color: var(--page-bg);
231 --aug-border-all: 1px;
232 --aug-border-bg: var(--border);
235 background-color: var(--page-bg);
237 --aug-border-all: 1px;
238 --aug-border-bg: var(--border);
246 --aug-border-all: 1px;
247 --aug-border-bg: var(--border);
248 background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(28,114,130,0.5) 100%);
251 border-bottom: solid 1px var(--blended-border);
256 border: solid 0 var(--border);
257 border-left-width: 1px;
259 background-color: var(--page-bg);
260 justify-content: space-evenly;
264 display: inline-block;
268 --aug-border-all: 1px;
269 --aug-border-bg: var(--border);
270 display: inline-block;
274 background-color: #0d2329;
285 background: transparent;
286 border: solid 1px #000;
288 #overworld-map td div {
294 #overworld-map td div.city {
297 #overworld-map td div.city.yours {
298 border: solid 1px var(--green-border);
300 #overworld-map td div.city.yours img {
303 #overworld-map td div.city.others {
304 border: solid 1px var(--red-border);
306 #overworld-map td div.city.others img {
310 #overworld-map .grid-numbers {
318 #sector-selector select {
325 justify-content: flex-start;
327 .cost-display > div {
330 .rate-of-change.success-text::before {
333 .rate-of-change.danger::before {
339 background-color: var(--page-bg);
341 --aug-border-all: 1px;
342 --aug-border-bg: var(--border);
353 .chat-message:nth-child(even) {
354 background-color: #0d2329;
356 .chat-message .from {
357 color: var(--hl-text);
359 .chat-message .sent_at {