Roll20 character sheet skeleton
HTML
<link rel="stylesheet" href="https://d3clqjduf2gvxg.cloudfront.net/assets/base.css">
<link rel="stylesheet" href="https://d3clqjduf2gvxg.cloudfront.net/assets/app.css">
<div class="ui-dialog ui-widget-content ui-corner-all"><div class="ui-dialog-titlebar ui-helper-clearfix"><span class="ui-dialog-title"> </span></div><div class="ui-dialog-content"><form class="sheetform"><div class="charsheet">
<!-- Do not edit anything above this line -->
<div class="sheet">
<br/>
<br/>
<h1 align="center">Strain</h1>
<br/>
<div class="sheet-info-block">
<div class="sheet-info-block-line">
<span class="sheet-line-data"><b>Name:</b></span>
<span class="sheet-line-input"><input type="text" style="margin-left:35px;" name="attr_character_name" title="character_name"/></span>
<br>
<br>
<span class="sheet-line-data"><b>Occupation:</b></span>
<span class="sheet-line-input"><input type="text" style="margin-left:0px;" name="attr_character_occupation" title="character_occupation"/></span>
<br>
<br>
<span class="sheet-line-data"><b>Nationality:</b></span>
<span class="sheet-line-input"><input type="text" style="margin-left:05px;" name="attr_character_nationality" title="character_nationality"/></span>
<br>
<br>
<span class="sheet-line-data"><b>Age:</b></span>
<span class="sheet-line-smallinput"><input type="text" style="width:30px;" name="attr_character_age" title="character_age"/></span>
<span class="sheet-line-data"><b>Height:</b></span>
<span class="sheet-line-smallinput"><input type="text" style="width:30px;" name="attr_character_height" title="character_height"/></span>
<span class="sheet-line-data"><b>Weight:</b></span>
<span class="sheet-line-smallinput"><input type="text" style="width:30px;" name="attr_character_weight"...
CSS
.charsheet {
background: url("https://i.pinimg.com/originals/04/fd/c1/04fdc124d0ef65ce49a87591d0a73b2f.jpg");
background-size: 845px 1501px;
}
.sheet {
}
.sheet-info-block {
display:block;
}
.sheet-line-data {
}
.sheet-line-input {
width:160px;
}
.sheet-line-smallinput {
width:10px;
}
.sheet-model {
text-align:center;
display:block;
margin-left: auto;
margin-right: auto;
width:20%;
}
input {
background-color: #C3AD7E;
border-color: black;
box-sizing: border-box;
color: black;
}/* Do not edit anything below this line */
body {
overflow-y: auto;
}
.ui-dialog {
position: relative !important;
height: 757px;
width: 907px;
top: 15px;
left: 15px;
margin-bottom: 15px;
}
.ui-dialog-content {
height: 673px;
}