161 lines
7.0 KiB
HTML
161 lines
7.0 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>CSS Grid</title>
|
|
<link href="assets/base.css" rel="stylesheet" type="text/css">
|
|
<link href="assets/app.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="grid.css" />
|
|
<link rel="stylesheet" href="skillellipsis.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">
|
|
</head>
|
|
|
|
<body class="ui-dialog">
|
|
<main class="charsheet sheet-brp">
|
|
<section class="fundamental-parent">
|
|
<div class="descriptive">
|
|
<p>Name, age, gender, description, etc.</p>
|
|
</div>
|
|
<div class="characteristics">
|
|
<p>STR, CON, SIZ, INT, POW, DEX, APP</p>
|
|
</div>
|
|
<div class="hp">
|
|
<p>HP Tally box</p>
|
|
</div>
|
|
</section>
|
|
<section class="sheet-skills-layout">
|
|
<div class="sheet-skills-col1">
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill1" type="checkbox" />Technical Skill (varies)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill2" type="checkbox" />Fine Manipulation (5%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill3" type="checkbox" />Spot (25%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skills-col2">
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill1" type="checkbox" />Technical Skill (varies)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill2" type="checkbox" />Fine Manipulation (5%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill3" type="checkbox" />Spot (25%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skills-col3">
|
|
<div class="sheet-sub-col">
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill1" type="checkbox" />Technical Skill (varies)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill2" type="checkbox" />Fine Manipulation (5%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill3" type="checkbox" />Spot (25%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-sub-col">
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill1" type="checkbox" />Technical Skill (varies)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill2" type="checkbox" />Fine Manipulation (5%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
<div class="sheet-skill-item">
|
|
<label class="sheet-ovf-label">
|
|
<input id="skill3" type="checkbox" />Spot (25%)
|
|
</label>
|
|
<div class="sheet-rating-roll">
|
|
<input type="number" value="188" />
|
|
<span>%</span>
|
|
<button type="roll"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |