43 lines
2.1 KiB
Plaintext
43 lines
2.1 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;
|
|
display: block;
|
|
decorator: ninepatch(fw, fw-i);
|
|
}
|
|
/* the windows' head (rem.rcss .win-head): clear of the cut corner, the title with its three slashes */
|
|
.box-head { display: flex; flex-direction: row; align-items: center; padding: 12dp 18dp 12dp 28dp; border-bottom: 1dp #2b6f9e; }
|
|
.box-head .title { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 20dp; letter-spacing: 2dp; text-transform: uppercase; color: #e8f4ff; }
|
|
.box-head .sl { flex: 1; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 20dp; letter-spacing: -1dp; color: #5cc8f0; margin-left: 10dp; }
|
|
.box-body { padding: 16dp 18dp 16dp 28dp; }
|
|
.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="sl">\\\</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>
|