47 lines
2.1 KiB
Plaintext
47 lines
2.1 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Main menu</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* a panel down the left edge over the menu scene */
|
|
body.menu
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 20%;
|
|
width: 420dp;
|
|
height: 80%;
|
|
background-color: #070b12d9;
|
|
border-right: 1dp #3d6d96;
|
|
border-top: 1dp #3d6d96;
|
|
border-top-right-radius: 4dp;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 36dp;
|
|
}
|
|
.brand { margin-top: 30dp; margin-bottom: 30dp; }
|
|
.brand .t { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 46dp; letter-spacing: 6dp; color: #dbe6f0; }
|
|
.brand .s { font-family: "Saira SemiCondensed"; font-size: 15dp; letter-spacing: 4dp; text-transform: uppercase; color: #f2b13c; margin-top: -4dp; }
|
|
.entry { padding: 13dp 16dp; margin-bottom: 8dp; border: 1dp #24405c; border-left: 3dp #3d6d96; border-radius: 3dp; background-color: #0d1622; }
|
|
.entry:hover { border-color: #5cc8f0; background-color: #122033; }
|
|
.entry.primary { border-left-color: #f2b13c; }
|
|
.entry .l { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 20dp; letter-spacing: 2dp; text-transform: uppercase; }
|
|
.entry.primary .l { color: #f2b13c; }
|
|
.entry:hover .l { color: #5cc8f0; }
|
|
.entry .h { font-size: 13dp; color: #8197ad; margin-top: 2dp; }
|
|
.foot { margin-top: auto; margin-bottom: 24dp; 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</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>
|