first pass diaspora character sheet
This commit is contained in:
kewe
@@ -0,0 +1,117 @@
|
||||
body {
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
select:focus,
|
||||
textarea:focus,
|
||||
button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
select,
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 1em;
|
||||
padding: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: 1px solid #CECECE;
|
||||
height: 10em;
|
||||
resize: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #CECECE;
|
||||
padding: 1em;
|
||||
margin: 1em 0 1em 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 1px solid #CECECE;
|
||||
border-radius: 5px;
|
||||
color: #444444;
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
padding: 0.5em 2em 0.5em 2em;
|
||||
}
|
||||
|
||||
.single {
|
||||
display: block;
|
||||
margin: 0.5em 0 0.5em 0
|
||||
}
|
||||
|
||||
.container2 {
|
||||
clear:left;
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.container1 {
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
position:relative;
|
||||
right:50%;
|
||||
}
|
||||
|
||||
.col1 {
|
||||
display: inline-block;
|
||||
width:46%;
|
||||
position:relative;
|
||||
left:52%;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.col2 {
|
||||
display: inline-block;
|
||||
width:46%;
|
||||
position:relative;
|
||||
left:56%;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.solid {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.gray {
|
||||
background-color: #E3E3E3;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 2em;
|
||||
}
|
||||
|
||||
.end {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.larger {
|
||||
font-size: 2em;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
<div class="container2">
|
||||
<div class="container1">
|
||||
<div class="col1">
|
||||
<div class="container">
|
||||
<input class="single larger" type="text" name="attr_name" placeholder="Name" />
|
||||
<input class="single larger" type="text" name="attr_homeworld" placeholder="Homeworld" />
|
||||
</div>
|
||||
<fieldset>
|
||||
<legend>Skills</legend>
|
||||
<div class="skill_rank">Rank 5</div>
|
||||
<input type="text" name="attr_skill_level_5_1" placeholder="Rank 5 skill">
|
||||
|
||||
<div class="skill_rank">Rank 4</div>
|
||||
<input type="text" name="attr_skill_level_4_1" placeholder="Rank 4 skill">
|
||||
<input type="text" name="attr_skill_level_4_2" placeholder="Rank 4 skill">
|
||||
|
||||
<div class="skill_rank">Rank 3</div>
|
||||
<input type="text" name="attr_skill_level_3_1" placeholder="Rank 3 skill">
|
||||
<input type="text" name="attr_skill_level_3_2" placeholder="Rank 3 skill">
|
||||
<input type="text" name="attr_skill_level_3_2" placeholder="Rank 3 skill">
|
||||
|
||||
<div class="skill_rank">Rank 2</div>
|
||||
<input type="text" name="attr_skill_level_2_1" placeholder="Rank 2 skill">
|
||||
<input type="text" name="attr_skill_level_2_2" placeholder="Rank 2 skill">
|
||||
<input type="text" name="attr_skill_level_2_2" placeholder="Rank 2 skill">
|
||||
<input type="text" name="attr_skill_level_2_2" placeholder="Rank 2 skill">
|
||||
|
||||
<div class="skill_rank">Rank 1</div>
|
||||
<input type="text" name="attr_skill_level_1_1" placeholder="Rank 1 skill">
|
||||
<input type="text" name="attr_skill_level_1_2" placeholder="Rank 1 skill">
|
||||
<input type="text" name="attr_skill_level_1_2" placeholder="Rank 1 skill">
|
||||
<input type="text" name="attr_skill_level_1_2" placeholder="Rank 1 skill">
|
||||
<input type="text" name="attr_skill_level_1_2" placeholder="Rank 1 skill">
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Stunts</legend>
|
||||
<input type="text" name="attr_stunt_1" placeholder="Stunt">
|
||||
<input type="text" name="attr_stunt_2" placeholder="Stunt">
|
||||
<input type="text" name="attr_stunt_3" placeholder="Stunt">
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<fieldset>
|
||||
<legend>Cluster</legend>
|
||||
<textarea name="attr_cluster"></textarea>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<fieldset>
|
||||
<legend>Aspects</legend>
|
||||
<input type="text" name="attr_aspect_1" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_2" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_3" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_4" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_5" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_6" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_7" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_8" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_9" placeholder="Stunt">
|
||||
<input type="text" name="attr_aspect_10" placeholder="Stunt">
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Stress Tracks</legend>
|
||||
<div>Health</div>
|
||||
<input class="solid" type="checkbox" name="attr_health_1" />
|
||||
<input class="solid" type="checkbox" name="attr_health_2" />
|
||||
<input class="solid" type="checkbox" name="attr_health_3" />
|
||||
<input class="gray" type="checkbox" name="attr_health_4" />
|
||||
<input class="gray" type="checkbox" name="attr_health_5" />
|
||||
<input class="gray" type="checkbox" name="attr_health_6" />
|
||||
<input class="gray" type="checkbox" name="attr_health_7" />
|
||||
|
||||
<div>Composure</div>
|
||||
<input class="solid" type="checkbox" name="attr_composure_1" />
|
||||
<input class="solid" type="checkbox" name="attr_composure_2" />
|
||||
<input class="solid" type="checkbox" name="attr_composure_3" />
|
||||
<input class="gray" type="checkbox" name="attr_composure_4" />
|
||||
<input class="gray" type="checkbox" name="attr_composure_5" />
|
||||
<input class="gray" type="checkbox" name="attr_composure_6" />
|
||||
<input class="gray" type="checkbox" name="attr_composure_7" />
|
||||
|
||||
<div>Wealth</div>
|
||||
<input class="solid" type="checkbox" name="attr_wealth_1" />
|
||||
<input class="solid" type="checkbox" name="attr_wealth_2" />
|
||||
<input class="solid" type="checkbox" name="attr_wealth_3" />
|
||||
<input class="gray" type="checkbox" name="attr_wealth_4" />
|
||||
<input class="gray" type="checkbox" name="attr_wealth_5" />
|
||||
<input class="gray" type="checkbox" name="attr_wealth_6" />
|
||||
<input class="gray" type="checkbox" name="attr_wealth_7" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Consequence</legend>
|
||||
<input type="text" class="single" name="attr_mild_consequence" placeholder="Mild consequence">
|
||||
<input type="text" class="single" name="attr_medium_consequence" placeholder="Medium consequence">
|
||||
<input type="text" class="single" name="attr_severe_consequence" placeholder="Severe consequence">
|
||||
</fieldset>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container end">
|
||||
<fieldset>
|
||||
<legend>Gear & Stuff</legend>
|
||||
<textarea name="attr_gear_stuff"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"html": "diaspora.html",
|
||||
"css": "diaspora.css",
|
||||
"authors": "drspin",
|
||||
"preview": "diaspora.png",
|
||||
"instructions": "Diaspora character sheet. Enjoy. V0.1. pdf: http://www.phreeow.net/Diaspora/Diaspora%20character%20sheet.pdf"
|
||||
}
|
||||
Reference in New Issue
Block a user