mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
first version. 99% finished
This commit is contained in:
LordNoobish
@@ -0,0 +1 @@
|
||||
images/
|
||||
@@ -0,0 +1,202 @@
|
||||
div.sheet-pageselector input[value="1"]:checked ~ div.sheet-wrapperfrontpage {
|
||||
display:block;
|
||||
}
|
||||
div.sheet-pageselector input[value="2"]:checked ~ div.sheet-wrapperbackpage {
|
||||
display:block;
|
||||
}
|
||||
|
||||
div.sheet-wrapperfrontpage, div.sheet-wrapperbackpage { display: none; }
|
||||
|
||||
/* Sheet Front */
|
||||
|
||||
div.sheet-statcol{
|
||||
width:70px;
|
||||
float:left;
|
||||
height:113px;
|
||||
position:relative;
|
||||
/*border:1px solid blue;*/
|
||||
}
|
||||
|
||||
div.sheet-statrow{
|
||||
background-image:url(http://i.imgur.com/qyNUtue.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
height:113px;
|
||||
|
||||
}
|
||||
|
||||
div.sheet-skillbox{
|
||||
background-image:url(http://i.imgur.com/KYhnuAt.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
height:616px;
|
||||
|
||||
}
|
||||
|
||||
div.sheet-assetbox{
|
||||
background-image:url(http://i.imgur.com/khihtIw.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
height:519px;
|
||||
/*border:1px solid red;*/
|
||||
}
|
||||
|
||||
div.sheet-datapointsbox{
|
||||
background-image:url(http://i.imgur.com/HYsaCO6.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
/* height:113px;*/
|
||||
/*border:1px solid red;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.sheet-descriptionbox textarea {
|
||||
width: 361px;
|
||||
height: 100px;
|
||||
}
|
||||
div.sheet-skillbox textarea {
|
||||
margin-left:30px;
|
||||
margin-top:60px;
|
||||
width:312px;
|
||||
height: 510px;
|
||||
}
|
||||
|
||||
div.sheet-assetbox textarea.sheet-assets {
|
||||
margin-left:22px;
|
||||
margin-top:60px;
|
||||
width:312px;
|
||||
height: 345px;
|
||||
}
|
||||
|
||||
div.sheet-assetbox input.sheet-armor {
|
||||
margin-left:15px;
|
||||
margin-top:32px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
div.sheet-datapointsbox textarea {
|
||||
margin-left:12px;
|
||||
margin-top:60px;
|
||||
width:312px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
div.sheet-advancementbox {
|
||||
background-image:url(http://i.imgur.com/RQC1W4b.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px;
|
||||
margin-top:10px;
|
||||
margin-left:-20px;
|
||||
height:123px;
|
||||
}
|
||||
|
||||
div.sheet-advancementbox textarea {
|
||||
margin-left:32px;
|
||||
margin-top:17px;
|
||||
width:312px;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
div.sheet-statrow input {
|
||||
width:28px;
|
||||
height:28px;
|
||||
position: absolute;
|
||||
top: 57px;
|
||||
left:17px;
|
||||
margin-top:-14px;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
div.sheet-playerbox{
|
||||
width:370px;
|
||||
margin-bottom:2px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
div.sheet-playerbox input {
|
||||
display:inline;
|
||||
width:100%;
|
||||
font-size:12pt;
|
||||
margin:2px;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
div.sheet-playerbox input.sheet-charconcept{
|
||||
font-size:16pt;
|
||||
font-style:bold;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
div.sheet-playerbox input.sheet-inlineinput{
|
||||
display:inline;
|
||||
width:100px;
|
||||
font-size:8pt;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
|
||||
div.sheet-statrow input.sheet-stats-mettle{
|
||||
left:17px;
|
||||
}
|
||||
div.sheet-statrow input.sheet-stats-physique{
|
||||
left:19px;
|
||||
}
|
||||
div.sheet-statrow input.sheet-stats-influence{
|
||||
left:21px;
|
||||
}
|
||||
div.sheet-statrow input.sheet-stats-expertise{
|
||||
left:23px;
|
||||
}
|
||||
div.sheet-statrow input.sheet-stats-interface{
|
||||
left:25px;
|
||||
}
|
||||
|
||||
/*Sheet back */
|
||||
|
||||
div.sheet-factionsbox{
|
||||
background-image:url(http://i.imgur.com/JTrPXcq.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px; /*real: 339*/
|
||||
height:444px;
|
||||
/*border:1px solid red;*/
|
||||
}
|
||||
|
||||
div.sheet-factionsbox textarea {
|
||||
margin-left:18px;
|
||||
margin-top:50px;
|
||||
width:285px;
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
div.sheet-injuriesbox{
|
||||
background-image:url(http://i.imgur.com/5x16u4L.jpg);
|
||||
background-repeat:no-repeat;
|
||||
width:371px; /*334*/
|
||||
height:522px;
|
||||
/*border:1px solid red;*/
|
||||
}
|
||||
|
||||
div.sheet-injuriesbox textarea {
|
||||
margin-left:16px;
|
||||
margin-top:60px;
|
||||
width:285px;
|
||||
height: 425px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
span.sheet-defaultvalue{
|
||||
font-style:italics;
|
||||
color:#c0c0c0;
|
||||
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom:4px;
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
<div class="sheet-pageselector">
|
||||
<input type='radio' value='1' name='charpage' checked="true" />Front
|
||||
<input type='radio' value='2' name='charpage' />Back
|
||||
|
||||
<div class="sheet-wrapperfrontpage">
|
||||
|
||||
<div class='sheet-2colrow'>
|
||||
|
||||
|
||||
<div class='sheet-col'>
|
||||
|
||||
<!-- Put the content for the first column here -->
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-playerbox">
|
||||
<input type="text" name="attr_charconcept" value="{Concept}" class="sheet-charconcept" /><br />
|
||||
<input type="text" name="attr_origin" value="{Origin}" class="sheet-inlineinput" />
|
||||
<input type="text" name="attr_career1" value="{Career 1}" class="sheet-inlineinput" />
|
||||
<input type="text" name="attr_career2" value="{Career 2}" class="sheet-inlineinput" /><br />
|
||||
<input type="text" name="attr_charname" value="{Name}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-descriptionbox">
|
||||
<textarea name="attr_description">{description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class='sheet-statrow'>
|
||||
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Mettle" class="sheet-stats-mettle" /> </div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Physique" class="sheet-stats-physique" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Influence" class="sheet-stats-influence" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Expertise" class="sheet-stats-expertise" /></div>
|
||||
<div class='sheet-statcol'> <input type="text" name="attr_Interface" class="sheet-stats-interface" /></div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-skillbox">
|
||||
<textarea name="attr_skills"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='sheet-col'>
|
||||
<!-- Second column -->
|
||||
|
||||
<div class="sheet-row">
|
||||
<div align="center"><img src="http://i.imgur.com/VXMpKRH.jpg"></div><!--bw http://i.imgur.com/od3fRmn.png-->
|
||||
<div class="sheet-assetbox">
|
||||
<textarea name="attr_assets" class="sheet-assets"></textarea>
|
||||
<input name="attr_armor" class="sheet-armor"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-datapointsbox">
|
||||
<textarea name="attr_datapoints"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-advancementbox">
|
||||
<textarea name="attr_advancement"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- sheet wrapper front page-->
|
||||
|
||||
<div class="sheet-wrapperbackpage">
|
||||
<!-- back page start here -->
|
||||
<div class='sheet-2colrow'>
|
||||
<div class='sheet-col'>
|
||||
<img src="http://i.imgur.com/98aE66H.jpg" align="left"/>
|
||||
</div>
|
||||
<div class='sheet-col'>
|
||||
<div class="sheet-row">
|
||||
|
||||
<div class="sheet-factionsbox">
|
||||
<textarea name="attr_factions" class="sheet-factions"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-injuriesbox">
|
||||
<textarea name="attr_injuries" class="sheet-injuries"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> <!-- pageselector-->
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "Uncharted Worlds.html",
|
||||
"css": "Uncharted Worlds.css",
|
||||
"authors": "Oliver Lind",
|
||||
"roll20userid": "209164",
|
||||
"preview": "Uncharted Worlds.png",
|
||||
"instructions": "# Character Sheet\r## Whole Sheet:\r #TODO: enter all kind of description here."
|
||||
}
|
||||
Reference in New Issue
Block a user