44 lines
1.8 KiB
Plaintext
44 lines
1.8 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Message</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
body.box
|
|
{
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 520dp;
|
|
margin-left: -260dp;
|
|
margin-top: -140dp;
|
|
background-color: #0d1622f5;
|
|
border: 2dp #3d6d96;
|
|
border-top: 2dp #f2b13c;
|
|
border-radius: 4dp;
|
|
display: block;
|
|
}
|
|
.box-head { display: flex; flex-direction: row; align-items: center; padding: 12dp 18dp; border-bottom: 1dp #24405c; }
|
|
.box-head .title { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 19dp; letter-spacing: 1.2dp; text-transform: uppercase; flex: 1; }
|
|
.box-body { padding: 16dp 18dp; }
|
|
.box-body .text { white-space: pre-line; line-height: 1.5; font-size: 15dp; max-height: 320dp; overflow-y: auto; }
|
|
.box-body input.text { margin-top: 12dp; }
|
|
.box-foot { display: flex; flex-direction: row; justify-content: flex-end; padding: 0 18dp 14dp 18dp; }
|
|
.box-foot .btn { margin: 0 0 0 8dp; min-width: 90dp; text-align: center; }
|
|
</style>
|
|
</head>
|
|
<body class="box" data-model="dialog">
|
|
<div class="box-head">
|
|
<span class="title">{{ title }}</span>
|
|
<span class="close" data-action="button" data-arg="-1">×</span>
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="text">{{ text }}</div>
|
|
<input class="text" type="text" data-if="has_edit && !secret" data-value="edit" maxlength="64"/>
|
|
<input class="text" type="password" data-if="has_edit && secret" data-value="edit" maxlength="64"/>
|
|
</div>
|
|
<div class="box-foot">
|
|
<div class="btn" data-for="b, i : buttons" data-class-primary="i == 0" data-action="button" data-attr-data-arg="i">{{ b }}</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|