slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding general block of fields

Browse Source
This commit is contained in:
Sean Kennedy
2014-05-05 21:08:53 -04:00
parent 673189c722
commit d8e1baa690
5 changed files with 143 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MouseGuard/img/logo.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

MouseGuard/mouseguard.css
+20
View File
@@ -0,0 +1,20 @@
.sheet-section {
/* Fields */
/* Sections */ }
.sheet-section input {
max-width: 100%;
width: auto; }
.sheet-section.sheet-section-general table {
width: 100%; }
.sheet-section.sheet-section-general table tr th,
.sheet-section.sheet-section-general table tr td {
padding: 5px; }
.sheet-section.sheet-section-general table tr th:nth-child(1),
.sheet-section.sheet-section-general table tr td:nth-child(1) {
width: 50%; }
.sheet-section.sheet-section-general table tr th:nth-child(2),
.sheet-section.sheet-section-general table tr td:nth-child(2) {
width: 50%; }
.sheet-section.sheet-section-general table tr th input[type="text"],
.sheet-section.sheet-section-general table tr td input[type="text"] {
width: 100%; }
MouseGuard/mouseguard.html
+91
View File
@@ -0,0 +1,91 @@
<div class="sheet-section sheet-section-general">
<div class="sheet-3colrow">
<div class="sheet-col">
<table>
<tbody>
<tr>
<td><label for="attr_character_name">Name:</label></td>
<td><input type="text" name="attr_character_name" /></td>
</tr>
<tr>
<td><label for="attr_home">Home:</label></td>
<td><input type="text" name="attr_home" /></td>
</tr>
<tr>
<td><label for="attr_guard_rank">Guard Rank:</label></td>
<td><input type="text" name="attr_guard_rank" /></td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-col">
<table>
<tbody>
<tr>
<td><label for="attr_character_age">Age:</label></td>
<td><input type="number" name="attr_age" /></td>
</tr>
<tr>
<td><label for="attr_fur_color">Fur Color:</label></td>
<td><input type="text" name="attr_fur_color" /></td>
</tr>
<tr>
<td><label for="attr_cloak_color">Cloak Color:</label></td>
<td><input type="text" name="attr_cloak_color" /></td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-col logo">
<img src="http://i.imgur.com/rtdlTfv.jpg" alt="Mouse Guard" width="240" height="50" />
</div>
</div>
</div>
<hr />
<div class="sheet-section sheet-section-general">
<div class="sheet-3colrow">
<div class="sheet-col">
<table>
<tbody>
<tr>
<td><label for="attr_parents">Parents:</label></td>
<td><input type="text" name="attr_parents" /></td>
</tr>
<tr>
<td><label for="attr_friend">Friend:</label></td>
<td><input type="text" name="attr_friend" /></td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-col">
<table>
<tbody>
<tr>
<td><label for="attr_senior_artisan">Senior Artisan:</label></td>
<td><input type="text" name="attr_senior_artisan" /></td>
</tr>
<tr>
<td><label for="attr_enemy">Enemy:</label></td>
<td><input type="text" name="attr_enemy" /></td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-col logo">
<table>
<tbody>
<tr>
<td><label for="attr_mentor">Mentor:</label></td>
<td><input type="text" name="attr_mentor" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<hr />
MouseGuard/mouseguard.scss
+31
View File
@@ -0,0 +1,31 @@
.sheet-section {
/* Fields */
input {
max-width: 100%;
width: auto;
}
/* Sections */
&.sheet-section-general {
table {
width: 100%;
tr {
th,
td {
padding: 5px;
&:nth-child(1) {
width: 50%;
}
&:nth-child(2) {
width: 50%;
}
input {
&[type="text"] {
width: 100%;
}
}
}
}
}
}
}
MouseGuard/sheet.json
+1 -1
View File
@@ -1,7 +1,7 @@
{
"html": "mouseguard.html",
"css": "mouseguard.css",
"authors": "Sean Kennedy, Justin Dunlap",
"authors": "Sean Kennedy (@seriouslysean), Justin Dunlap (@hereticj)",
"roll20userid": "67520,61445",
"preview": "mouseguard.jpg",
"instructions": "@TODO"