46 lines
2.4 KiB
Plaintext
46 lines
2.4 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Main menu</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* a panel at the left in the flight HUD's frame (cut corners, rem.rcss hudframes): the title with
|
|
its three slashes, the entries as the windows' side tabs -- amber the first, cyan under the mouse */
|
|
body.menu
|
|
{
|
|
position: absolute;
|
|
left: 28dp;
|
|
top: 20%;
|
|
width: 400dp;
|
|
bottom: 28dp;
|
|
decorator: ninepatch(fw, fw-i);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 0 0 0;
|
|
}
|
|
.brand { padding: 22dp 28dp 16dp 32dp; border-bottom: 1dp #2b6f9e; margin-bottom: 18dp; }
|
|
.brand .t { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 40dp; letter-spacing: 6dp; color: #e8f4ff; white-space: nowrap; }
|
|
.brand .t .sl { margin-left: 12dp; font-weight: 600; font-size: 34dp; letter-spacing: -1dp; color: #5cc8f0; }
|
|
.brand .s { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 14dp; letter-spacing: 4dp; text-transform: uppercase; color: #f2b13c; margin-top: -4dp; }
|
|
.entry { margin: 0 24dp 6dp 24dp; padding: 11dp 16dp; border-left: 2dp #2b6f9e; background-color: #5cc8f008; }
|
|
.entry:hover { border-left-color: #5cc8f0; background-color: #5cc8f01a; }
|
|
.entry.primary { border-left-color: #f2b13c; background-color: #f2b13c14; }
|
|
.entry .l { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 18dp; letter-spacing: 2dp; text-transform: uppercase; color: #dbe6f0; }
|
|
.entry.primary .l { color: #f2b13c; }
|
|
.entry:hover .l { color: #5cc8f0; }
|
|
.entry .h { font-size: 13dp; color: #8197ad; margin-top: 2dp; }
|
|
.foot { margin: auto 28dp 22dp 32dp; padding-top: 10dp; border-top: 1dp #24405c; font-family: "IBM Plex Mono"; font-size: 12dp; color: #8197ad; }
|
|
</style>
|
|
</head>
|
|
<body class="menu" data-model="mainmenu">
|
|
<div class="brand">
|
|
<div class="t">REMNANT<span class="sl">\\\</span></div>
|
|
<div class="s">Freelancer</div>
|
|
</div>
|
|
<div class="entry" data-for="e : entries" data-class-primary="e.primary" data-action="command" data-attr-data-arg="e.command">
|
|
<div class="l">{{ e.label }}</div>
|
|
<div class="h" data-if="e.hint != ''">{{ e.hint }}</div>
|
|
</div>
|
|
<div class="foot">{{ version }}</div>
|
|
</body>
|
|
</rml>
|