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;
68 margin: 0 2rem 2rem 2rem;
80 text-decoration: none;
89 border: solid 1px var(--border);
90 background-color: #183238;
94 padding: 5px 5px 5px 25px;
95 text-transform: uppercase;
99 display: inline-block;
105 button::after, .btn::after {
108 color: var(--border);
111 background-color: var(--red-bg);
112 border-color: var(--red-border);
118 color: var(--red-border);
121 color: var(--green-border);
124 background-color: var(--green-bg);
125 border-color: var(--green-border);
130 button:active, .btn:active, button:hover, .btn:hover {
131 background-color: #1a444c;
133 button.success:active, .btn.success:active, button.success:hover, .btn.success:hover {
134 background-color: #1e4c1a;
136 button.danger:active, .btn.danger:active, button.danger:hover, .btn.danger:hover {
137 background-color: #601f1f;
139 a.close::before, a.close::after{
143 input[type="text"], input[type="password"], input[type="number"] {
144 border: solid 1px var(--border);
145 background-color: #183238;
155 border-top: solid 1px var(--border);
161 animation-name: autofade;
162 animation-duration: 5000ms;
163 animation-fill-mode: forwards;
164 animation-iteration-count: 1
166 @keyframes autofade {
184 justify-content: space-evenly;
190 display: inline-flex;
196 background-color: var(--border);
207 margin-bottom: 1.2rem;
251 border: solid 1px #fff;
258 /** CUSTOMIZATIONS **/
266 background-color: var(--page-bg);
268 --aug-border-all: 1px;
269 --aug-border-bg: var(--border);
272 background-color: var(--page-bg);
274 --aug-border-all: 1px;
275 --aug-border-bg: var(--border);
283 --aug-border-all: 1px;
284 --aug-border-bg: var(--border);
285 background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(28,114,130,0.5) 100%);
288 border-bottom: solid 1px var(--blended-border);
293 border: solid 0 var(--border);
294 border-left-width: 1px;
296 background-color: var(--page-bg);
297 justify-content: space-evenly;
301 display: inline-block;
305 --aug-border-all: 1px;
306 --aug-border-bg: var(--border);
307 display: inline-block;
311 background-color: #0d2329;
322 background: transparent;
323 border: solid 1px #000;
325 #overworld-map td div {
331 #overworld-map td div.city {
334 #overworld-map td div.city.yours {
335 border: solid 1px var(--green-border);
337 #overworld-map td div.city.yours img {
340 #overworld-map td div.city.others {
341 border: solid 1px var(--red-border);
343 #overworld-map td div.city.others img {
347 #overworld-map .grid-numbers {
355 #sector-selector select {
362 justify-content: flex-start;
364 .cost-display > div {
367 .rate-of-change.success-text::before {
370 .rate-of-change.danger::before {
376 background-color: var(--page-bg);
378 --aug-border-all: 1px;
379 --aug-border-bg: var(--border);
390 .chat-message:nth-child(even) {
391 background-color: #0d2329;
393 .chat-message .from {
394 color: var(--hl-text);
396 .chat-message .sent_at {