47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Skill Ellipsis Flex Layout</title>
|
|
<link href="assets/base.css" rel="stylesheet" type="text/css">
|
|
<link href="assets/app.css" rel="stylesheet" type="text/css">
|
|
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand|Contrail+One|Shadows+Into+Light|Candal&subset=latin,latin-ext"
|
|
rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="skillellipsis.css" />
|
|
</head>
|
|
<body class="ui-dialog">
|
|
<main class="charsheet sheet-brp">
|
|
<div class="skill-row">
|
|
<div class="skill-item">
|
|
<label class="truncate">
|
|
<input id="skill1" type="checkbox" />
|
|
Technical Skill (varies)
|
|
</label>
|
|
<div class="skill-controls">
|
|
<span><input type="number" value="188"/>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="skill-item">
|
|
<label class="truncate">
|
|
<input id="skill2" type="checkbox" />
|
|
Fine Manipulation (5%)
|
|
</label>
|
|
<div class="skill-controls">
|
|
<span><input type="number" value="188"/>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="skill-item">
|
|
<label class="truncate">
|
|
<input id="skill3" type="checkbox" />
|
|
Spot (25%)
|
|
</label>
|
|
<div class="skill-controls">
|
|
<span><input type="number" value="188"/>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html> |