44 lines
2.0 KiB
Plaintext
44 lines
2.0 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Pause</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* the whole screen dimmed, the menu in the middle */
|
|
body.dim
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #02050acc;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.menu { width: 440dp; background-color: #0d1622f5; border: 2dp #3d6d96; border-top: 2dp #f2b13c; border-radius: 4dp; padding: 18dp 22dp 12dp 22dp; }
|
|
.menu .title { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 26dp; letter-spacing: 4dp; text-transform: uppercase; margin-bottom: 14dp; }
|
|
.row { padding: 11dp 14dp; margin-bottom: 8dp; border: 1dp #24405c; border-left: 3dp #3d6d96; border-radius: 3dp; background-color: #122033; }
|
|
.row:hover { border-color: #5cc8f0; background-color: #16283d; }
|
|
.row.primary { border-left-color: #f2b13c; }
|
|
.row.danger { border-left-color: #ef6a5b; }
|
|
.row .l { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 18dp; letter-spacing: 1.5dp; text-transform: uppercase; }
|
|
.row.primary .l { color: #f2b13c; }
|
|
.row:hover .l { color: #5cc8f0; }
|
|
.row .h { font-size: 12dp; color: #8197ad; margin-top: 2dp; }
|
|
.foot { margin-top: 6dp; text-align: center; }
|
|
</style>
|
|
</head>
|
|
<body class="dim" data-model="pause">
|
|
<div class="menu">
|
|
<div class="title">{{ title }}</div>
|
|
<div class="row" data-for="r : rows" data-class-primary="r.primary" data-class-danger="r.danger" data-action="row" data-attr-data-arg="r.key">
|
|
<div class="l">{{ r.label }}</div>
|
|
<div class="h" data-if="r.hint != ''">{{ r.hint }}</div>
|
|
</div>
|
|
<div class="foot"><span class="key">Esc</span><span class="hint"> resume</span></div>
|
|
</div>
|
|
</body>
|
|
</rml>
|