New REM client: REM-Client 8cf8582, 64-bit (inventory by hardpoint with Mount / Unmount when docked; the equipment dealer's offers show their target hardpoint, AMMO, INTERNAL or INCOMPATIBLE; hold bar and credits at the commodity trader; the dealers' amount as a wide bar with a scale; the ship dealer's stats laid out again)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -355,6 +355,19 @@ input.range slidertrack { height: 4dp; margin-top: 7dp; background-color: #24405
|
||||
input.range sliderbar { width: 14dp; height: 18dp; background-color: #f2b13c; border-radius: 3dp; }
|
||||
input.range sliderbar:hover { background-color: #5cc8f0; }
|
||||
input.range sliderarrowdec, input.range sliderarrowinc { width: 0; height: 0; }
|
||||
/* the dealers' amount: a wide bar clicked or dragged anywhere (data-scrub, its scale too) -- the fill and the knob at
|
||||
the amount, a scale 1 / quarters / the most under it */
|
||||
.abar { flex: 1; position: relative; padding-top: 6dp; }
|
||||
.abar.off { opacity: 0.4; }
|
||||
.abar .arail { position: relative; height: 12dp; border: 1dp #2b6f9e; background-color: #0a1424; }
|
||||
.abar .afill { position: absolute; left: 0; top: 0; bottom: 0; background-color: #f2b13c55; }
|
||||
.abar .tk { position: absolute; top: 0; bottom: 0; width: 1dp; background-color: #2b6f9e; }
|
||||
.abar .aknob { position: absolute; top: -6dp; width: 12dp; height: 22dp; margin-left: -6dp; background-color: #f2b13c; border-radius: 2dp; }
|
||||
.abar:hover .aknob { background-color: #ffd27a; }
|
||||
.abar .aticks { position: relative; height: 14dp; margin-top: 7dp; font-family: "IBM Plex Mono"; font-size: 11dp; color: #8197ad; }
|
||||
.abar .aticks span { position: absolute; top: 0; width: 60dp; margin-left: -30dp; text-align: center; }
|
||||
.abar .aticks .lo { margin-left: 0; text-align: left; }
|
||||
.abar .aticks .hi { left: auto; right: 0; margin-left: 0; text-align: right; }
|
||||
.table .empty { padding: 12dp 10dp; color: #8197ad; }
|
||||
|
||||
/* ---------------------------------------------------------------- cards, stats */
|
||||
@@ -451,3 +464,14 @@ input.range sliderarrowdec, input.range sliderarrowinc { width: 0; height: 0; }
|
||||
fh: 768px 0px 96px 96px; fh-i: 800px 32px 32px 32px;
|
||||
fbr: 864px 0px 96px 96px; fbr-i: 896px 32px 32px 32px;
|
||||
}
|
||||
|
||||
/* a dealer's hold and credits, large (the tabs' row of the equipment dealer, the commodity trader's row): the hold a
|
||||
bar that fills with the load, amber from 3/4, red full */
|
||||
.dstat { display: flex; flex-direction: row; align-items: center; align-self: center; margin-left: 24dp; }
|
||||
.dstat .sk { margin-right: 10dp; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 12dp; letter-spacing: 2dp; color: #8197ad; }
|
||||
.dstat .sv { font-family: "IBM Plex Mono"; font-size: 20dp; color: #f2b13c; }
|
||||
.hbar { position: relative; width: 200dp; height: 24dp; border: 1dp #2b6f9e; background-color: #00000066; }
|
||||
.hbar .hf { position: absolute; left: 0; top: 0; bottom: 0; background-color: #3a8fc899; }
|
||||
.hbar .hf.warn { background-color: #f2b13c99; }
|
||||
.hbar .hf.bad { background-color: #ef6a5bcc; }
|
||||
.hbar .ht { position: relative; display: block; line-height: 24dp; text-align: center; font-family: "IBM Plex Mono"; font-size: 15dp; color: #e8f4ff; }
|
||||
|
||||
Reference in New Issue
Block a user