24 lines
1.8 KiB
Plaintext
24 lines
1.8 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Loading</title>
|
|
<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; }
|
|
/* 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<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>
|