New REM client: REM-Client a099656, 64-bit (HUD ship status: the ship as a wireframe with its damage in the shield ring, power / thrust / speed wings; inventory: smaller, credits, the picked piece's figures; main menu, loading bar and message box in the HUD look)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
+10
-6
@@ -4,16 +4,20 @@
|
||||
<link type="text/rcss" href="rem.rcss"/>
|
||||
<style>
|
||||
body.loaddoc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: transparent; pointer-events: none; }
|
||||
.load { position: absolute; left: 50%; bottom: 60dp; transform: translateX(-50%); width: 420dp; padding: 10dp 16dp 12dp 16dp; decorator: ninepatch(fw, fw-i); }
|
||||
.load .t { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 18dp; letter-spacing: 4dp; color: #dbe6f0; text-align: center; margin-bottom: 8dp; }
|
||||
.load .track { position: relative; height: 4dp; background-color: #24405c; border-radius: 2dp; }
|
||||
.load .sweep { position: absolute; top: 0; width: 25%; height: 4dp; background-color: #f2b13c; border-radius: 2dp; }
|
||||
/* a small HUD panel (cut corners): the title with its three slashes, a segmented rail as the HUD's
|
||||
bars with the amber sweep running over it (the loading screen's own phase: no real progress) */
|
||||
.load { position: absolute; left: 50%; bottom: 60dp; transform: translateX(-50%); width: 460dp; padding: 12dp 22dp 16dp 26dp; decorator: ninepatch(fw, fw-i); }
|
||||
.load .t { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 18dp; letter-spacing: 3dp; color: #e8f4ff; margin-bottom: 10dp; }
|
||||
.load .t .sl { margin-left: 10dp; letter-spacing: -1dp; color: #5cc8f0; }
|
||||
.load .track { position: relative; height: 8dp; display: flex; flex-direction: row; }
|
||||
.load .sg { flex: 1; height: 8dp; margin-right: 2dp; background-color: #f2b13c26; }
|
||||
.load .sweep { position: absolute; top: 0; width: 25%; height: 8dp; background-color: #f2b13ccc; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="loaddoc" data-model="loading">
|
||||
<div class="load" data-if="shown">
|
||||
<div class="t">LOADING</div>
|
||||
<div class="track"><div class="sweep" data-style-left="sweep"></div></div>
|
||||
<div class="t">LOADING<span class="sl">\\\</span></div>
|
||||
<div class="track"><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sweep" data-style-left="sweep"></div></div>
|
||||
</div>
|
||||
</body>
|
||||
</rml>
|
||||
|
||||
Reference in New Issue
Block a user