I put
Code: Select all
<link href='https://fonts.googleapis.com/css?family=EB+Garamond|Tangerine' rel='stylesheet'>
h1 { font-family: 'Tangerine','EB Garamond', serif;}
Code: Select all
[frame("Token_Sheet"): {
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=EB+Garamond|Tangerine' rel='stylesheet'>
[r: "
<style>
.sblock { background: #FFFFFF; }
table.sblock {
width: 100%;
border: 0px;
border-collapse: collapse;
}
th {background: #0033ff; color: #FFFFFF}
th, td {
width: 50px;
text-align: center;
}
h1 { font-family: 'Tangerine','EB Garamond', serif;
color: #000000;
font-weight: 700;
margin: 0px;
font-size: 24px;
letter-spacing: 1px;
font-variant: small-caps;
}
h2 {
font-weight: normal;
font-style: italic;
font-size: 12px;
margin: 0;
}
.propline {
line-height: 1.4;
display: block;
text-indent: -1em;
padding-left: 1em;
}
h4 {
color: #000000;
margin: 0;
display: inline;
font-weight: bold;
}
p {
text-indent: 1em;
margin: 0;
}
.rule { height: 2px; background: #0099ff; position: relative; }
</style>"]
<title>Chi Details</title>
</head>
<body>
<div class="sblock">
<creature-heading>
<h1>{ getName() }</h1>
</creature-heading>
<div class="rule"></div>
<div class="property-line">
<h4>Durability</h4>
<p>{getProperty("durability")}</p>
</div>
<div class="rule"></div>
<table class="sblock">
<tr> <th>COG</th><th>INT</th><th>REF</th><th>SAV</th><th>SOM</th><th>WIL</th> </tr>
<tr> <td id="cognition">{getProperty("cognition")}</td><td id="intuition">{getProperty("intuition")}</td><td id="reflex">{getProperty("reflex")}</td><td id="savvy">{getProperty("savvy")}</td><td id="somatics">{getProperty("somatics")}</td><td id="willpower">{getProperty("willpower")}</td></tr>
</table>
<div class="rule"></div>
A native Martian, you were assigned male at birth in pre-Fall Noctis to a family of industrialists part of the Martian hyperelite.<p>You're socially perceptive, with a gift for ingratiating yourself to potential contacts. Everyone needs a psychologist even if they don't know it.</p>
<div class="rule"></div>
</div>
</body>
</html>
}]