REM-Freelancer/REM-Mod
5
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

New REM client: REM-Client 86c9052, 64-bit (the whole modern UI in the flight HUD's look: cut-corner frames with one outline, no box in the box, caps titles with three slashes, labelled maneuver bar, one compact status panel power / shield / hull; contacts list with a real scroll bar - dragged, the wheel; the nav map without the veil and only as big as map and side; windows take clicks again after a colour theme change)

Browse Source 
Built on the FLAtlas VM (VS 2022 Build Tools, Release|x64); DLSS not rebuilt (rem_dlss.dll unchanged).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
flathack
2026-11-03 23:36:50 +01:00
co-authored by Claude Opus 5.5
parent 1029764985
commit 8e334d06da
78 changed files with 411 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files
EXE/remui/shop.rml
+12 -12
View File
@@ -15,9 +15,9 @@
.toolbar h3 { flex: 1; }
.toolbar input.text { width: 220dp; }
.grid { flex: 1; overflow-y: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.icard { position: relative; width: 150dp; height: 186dp; margin: 0 10dp 10dp 0; padding: 10dp; border: 1dp #24405c; border-radius: 4dp; background-color: #122033; display: flex; flex-direction: column; align-items: center; }
.icard:hover { border-color: #5cc8f0; background-color: #16283f; }
.icard.selected { border-color: #f2b13c; background-color: #f2b13c14; }
.icard { position: relative; width: 150dp; height: 186dp; margin: 0 10dp 10dp 0; padding: 10dp; display: flex; flex-direction: column; align-items: center; border-left: 3dp #24405c; background-color: #5cc8f010; }
.icard:hover { border-left-color: #5cc8f0; background-color: #5cc8f01a; }
.icard.selected { background-color: #f2b13c14; border-left-color: #f2b13c; }
.icard.out { opacity: 0.55; }
.icard .pic { width: 86dp; height: 86dp; margin: 4dp 0 8dp 0; display: flex; align-items: center; justify-content: center; border-radius: 4dp; decorator: vertical-gradient(#1a3150 #0b1524); }
.icard .pic img { width: 64dp; height: 64dp; }
@@ -32,7 +32,7 @@
.pb.cr { color: #dbe6f0; border: 1dp #3d6d96; }
.icard .note { font-size: 11dp; color: #8197ad; margin-top: 4dp; text-align: center; }
.icard .note.warn { color: #ef6a5b; }
.detail { padding: 12dp; border: 1dp #24405c; border-radius: 4dp; background-color: #0d1622; margin-bottom: 12dp; }
.detail { padding: 12dp; margin-bottom: 12dp; background-color: #5cc8f008; }
.detail .top { display: flex; flex-direction: row; align-items: center; }
.detail .top .pic { width: 72dp; height: 72dp; margin-right: 12dp; display: flex; align-items: center; justify-content: center; border-radius: 4dp; decorator: vertical-gradient(#1a3150 #0b1524); }
.detail .top .pic img { width: 56dp; height: 56dp; }
@@ -45,7 +45,7 @@
.stepper .sb { width: 26dp; text-align: center; padding: 2dp 0; border: 1dp #3d6d96; border-radius: 3dp; }
.stepper .sb:hover { border-color: #5cc8f0; color: #5cc8f0; }
.stepper .v { width: 44dp; text-align: center; font-family: "IBM Plex Mono"; }
.cart { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 12dp; border: 1dp #24405c; border-radius: 4dp; background-color: #0d1622; }
.cart { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 12dp; background-color: #5cc8f008; }
.cart .lines { flex: 1; overflow-y: auto; min-height: 60dp; }
.cline { display: flex; flex-direction: row; align-items: center; padding: 5dp 0; border-bottom: 1dp #ffffff08; }
.cline img { width: 26dp; height: 26dp; margin-right: 8dp; }
@@ -56,30 +56,30 @@
.sum .l { flex: 1; color: #8197ad; }
.sum .v { font-family: "IBM Plex Mono"; }
.sum .v.bad { color: #ef6a5b; }
.dpsel { display: flex; flex-direction: row; align-items: center; margin: 4dp 0 8dp 0; padding: 6dp 8dp; border: 1dp #24405c; border-radius: 3dp; background-color: #122033; }
.dpsel { display: flex; flex-direction: row; align-items: center; margin: 4dp 0 8dp 0; padding: 6dp 8dp; background-color: #5cc8f010; }
.dpsel .dn { flex: 1; font-size: 13dp; color: #f2b13c; min-width: 0; }
.dpsel .btn { margin: 0; padding: 2dp 10dp; }
.dplist { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.dplist input.text { margin-bottom: 6dp; }
.dprows { flex: 1; overflow-y: auto; min-height: 60dp; border: 1dp #24405c; border-radius: 3dp; }
.dprows { flex: 1; overflow-y: auto; min-height: 60dp; }
.dprow { display: flex; flex-direction: row; font-size: 13dp; padding: 5dp 8dp; border-bottom: 1dp #ffffff08; }
.dprow:hover { background-color: #122033; color: #5cc8f0; }
.dprow.selected { color: #f2b13c; background-color: #f2b13c14; }
.dprow .n { flex: 1; }
.dprow .here { font-size: 11dp; color: #5fd08a; }
.sellrow { display: flex; flex-direction: row; align-items: center; padding: 10dp; margin-bottom: 8dp; border: 1dp #24405c; border-radius: 4dp; background-color: #122033; }
.sellrow:hover { border-color: #5cc8f0; }
.sellrow.selected { border-color: #f2b13c; background-color: #f2b13c14; }
.sellrow { display: flex; flex-direction: row; align-items: center; padding: 10dp; margin-bottom: 8dp; border-left: 3dp #24405c; background-color: #5cc8f010; }
.sellrow:hover { border-left-color: #5cc8f0; }
.sellrow.selected { background-color: #f2b13c14; border-left-color: #f2b13c; }
.sellrow img { width: 44dp; height: 44dp; margin-right: 12dp; }
.sellrow .n { flex: 1; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 16dp; }
.sellrow .s { font-size: 12dp; color: #8197ad; margin-right: 14dp; text-align: right; }
.banner { padding: 10dp 12dp; margin-bottom: 10dp; border: 1dp #3d6d96; border-left: 3dp #f2b13c; border-radius: 3dp; background-color: #122033; font-size: 13dp; }
.banner { padding: 10dp 12dp; margin-bottom: 10dp; font-size: 13dp; border-left: 3dp #f2b13c; background-color: #5cc8f010; }
</style>
</head>
<body class="window" data-model="shop">
<div class="win-head">
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/nn_traderequest.3db"/>
<span class="title">SHOP</span>
<span class="title">SHOP</span><span class="sl">\\\</span>
<span class="spacer"></span>
<span class="chip">REM Coin <span class="v">{{ coins }}</span></span>
<span class="chip">Bank <span class="v">{{ credits }}</span></span>