27 lines
1.6 KiB
Plaintext
27 lines
1.6 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Chat</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* the running chat as FL shows it: lines at the left edge without a frame, the newest at
|
|
the bottom; the chat line below while one is typed */
|
|
body.feed { position: absolute; left: 16dp; top: 25%; width: 46%; height: 42%; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-end; font-family: "Saira SemiCondensed"; font-size: 19dp; color: #dbe6f0; }
|
|
.lines { pointer-events: none; overflow: hidden; line-height: 1.25; font-effect: shadow(1dp 1dp #000000d0); }
|
|
.line { margin-top: 8dp; padding: 5dp 10dp; background-color: #050a18d9; border: 2dp #3f9ad6; border-radius: 6dp; display: flex; flex-direction: row; }
|
|
.line .p { white-space: nowrap; margin-right: 6dp; }
|
|
.line .t { flex: 1; white-space: pre; overflow: hidden; }
|
|
.gear { width: 22dp; height: 22dp; margin-left: 8dp; image-color: #8fb8d8; }
|
|
.gear:hover { image-color: #f2b13c; }
|
|
.caret { color: #f2d23c; animation: 1s steps(1) infinite blink; }
|
|
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
|
|
</style>
|
|
</head>
|
|
<body class="feed" data-model="chatfeed">
|
|
<div class="lines" data-if="feed_shown" data-rml="feed"></div>
|
|
<div class="line" data-if="typing">
|
|
<span class="p" data-rml="prefix"></span><span class="t">{{ text }}<span class="caret">|</span></span>
|
|
<img class="gear" src="img/gear.png" data-action="settings"/>
|
|
</div>
|
|
</body>
|
|
</rml>
|