37 lines
2.0 KiB
Plaintext
37 lines
2.0 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Story</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.tabs { display: flex; flex-direction: row; margin-bottom: 10dp; }
|
|
.tab { padding: 5dp 14dp; margin-right: 6dp; border: 1dp #24405c; border-radius: 12dp; font-size: 12dp; letter-spacing: 1dp; text-transform: uppercase; color: #8197ad; }
|
|
.tab:hover { border-color: #5cc8f0; color: #5cc8f0; }
|
|
.tab.primary { border-color: #f2b13c; color: #f2b13c; }
|
|
.story { flex: 1; overflow-y: auto; white-space: pre-line; line-height: 1.5; font-size: 15dp; padding: 12dp; border: 1dp #24405c; border-radius: 3dp; background-color: #0d1622; }
|
|
.dead { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 26dp; letter-spacing: 3dp; color: #ef6a5b; margin-bottom: 10dp; }
|
|
.acts { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 12dp; }
|
|
.acts .btn { margin: 0 8dp 8dp 0; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="storystar">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/NN_storystar.3db"/>
|
|
<span class="title">{{ dead ? 'SHIP LOST' : 'MISSION LOG' }}</span>
|
|
<span class="spacer"></span>
|
|
<span class="close" data-if="can_close" data-action="btn" data-arg="8">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content" style="display: flex; flex-direction: column;">
|
|
<div class="dead" data-if="dead">Your ship was destroyed.</div>
|
|
<div class="tabs" data-if="tabs.size > 0">
|
|
<div class="tab" data-for="t : tabs" data-class-primary="t.primary" data-action="btn" data-attr-data-arg="t.key">{{ t.label }}</div>
|
|
</div>
|
|
<div class="story">{{ text }}</div>
|
|
<div class="acts" data-if="buttons.size > 0">
|
|
<div class="btn" data-for="b : buttons" data-class-primary="b.primary" data-action="btn" data-attr-data-arg="b.key">{{ b.label }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|