Add files via upload
This commit is contained in:
Berserkas
@@ -0,0 +1,225 @@
|
||||
.charsheet hr {
|
||||
display: block;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-style: inset;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.charsheet p{
|
||||
display: block;
|
||||
Color: white;
|
||||
background-color: black;
|
||||
text-align: center;
|
||||
font-size: 1.2em !important;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
font-style: Regular;
|
||||
}
|
||||
|
||||
.charsheet input[type="text"], textarea{
|
||||
display: inline-block;
|
||||
background: #00000000;
|
||||
border: black solid 1px;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-radius: 0%;
|
||||
font-family: IM Fell Great Primer;
|
||||
font-size: 1.2em
|
||||
}
|
||||
.charsheet textarea{
|
||||
border-left: black solid 1px;
|
||||
resize: none;
|
||||
font-family: IM Fell Great Primer;
|
||||
font-size: 1.2em
|
||||
}
|
||||
.charsheet .sheet-label{
|
||||
background: black;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
padding: 0.8%;
|
||||
margin-right: -.5%;
|
||||
font-size: 1.1em;
|
||||
font-weight: Normal;
|
||||
}
|
||||
.charsheet .sheet-header .sheet-row{
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
.charsheet .sheet-passatt{
|
||||
border: 2px black solid;
|
||||
|
||||
display: inline-block;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
font-size: 1.7em;
|
||||
font-weight: Normal;
|
||||
}
|
||||
.charsheet .sheet-actatt{
|
||||
border: 3px black solid;
|
||||
width: 2em;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
.charsheet input[type="number"]{
|
||||
border: none;
|
||||
font-size: 1em;
|
||||
background: none;
|
||||
color: black;
|
||||
text-align: center;
|
||||
width: 3em !important;
|
||||
}
|
||||
.charsheet button{
|
||||
background: none;
|
||||
font-size: 1.1em !important;
|
||||
border: 1px solid black;
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
.charsheet button:hover{
|
||||
background: #a6a6a6;
|
||||
}
|
||||
.charsheet button[type=roll]:before {
|
||||
content: none !important;
|
||||
}
|
||||
.charsheet .sheet-attlabel{
|
||||
display: inline-block;
|
||||
font-family: IM Fell Great Primer;
|
||||
}
|
||||
.charsheet h4{
|
||||
text-align: center;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
}
|
||||
.charsheet h5{
|
||||
text-align: Center;
|
||||
font-family: IM Fell Great Primer;
|
||||
}
|
||||
.charsheet h3{
|
||||
display: block;
|
||||
Color: white;
|
||||
background-color: black;
|
||||
text-align: center;
|
||||
font-size: 1.2em !important;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
font-style: Regular;
|
||||
}
|
||||
.charsheet .sheet-leftatt{
|
||||
float: left;
|
||||
width: 49%;
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
.charsheet .sheet-rightatt{
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 49%;
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
.charsheet input:focus, .charsheet textarea:focus{
|
||||
outline: none;
|
||||
}
|
||||
.charsheet input[type=radio]{
|
||||
display: none;
|
||||
float: left;
|
||||
}
|
||||
.charsheet input[type=radio] + label{
|
||||
content: '';
|
||||
border: solid 1px black;
|
||||
background: white;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
padding: 0%;
|
||||
float: left;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
}
|
||||
.charsheet input[type=radio]:hover + label{
|
||||
background: #990000;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
}
|
||||
.charsheet input[type=radio]:checked + label{
|
||||
background: black;
|
||||
color: white;
|
||||
font-family: IM Fell Great Primer SC;
|
||||
}
|
||||
.charsheet div.sheet-page1, .charsheet div.sheet-page2{
|
||||
display: none;
|
||||
|
||||
}
|
||||
.charsheet input.sheet-page1:checked ~ div.sheet-page1, .charsheet input.sheet-page2:checked ~ div.sheet-page2{
|
||||
display: block;
|
||||
|
||||
}
|
||||
.charsheet .sheet-onethird{
|
||||
width: 95%;
|
||||
}
|
||||
.charsheet .sheet-label2{
|
||||
font-size: .9em;
|
||||
margin: 1%;
|
||||
}
|
||||
.charsheet .sheet-bracket{
|
||||
border: 1px black solid;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.charsheet .sheet-bracket input[type=text]{
|
||||
border: none;
|
||||
margin-right: 5%;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=text]:hover{
|
||||
border-bottom: 1px black dashed;
|
||||
}
|
||||
.charsheet input[type=checkbox]{
|
||||
opacity: 0;
|
||||
margin-right: -1.5em;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
.charsheet input[type=checkbox] + span:before{
|
||||
content: "❌";
|
||||
border: 2px solid black;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
color: #00000000;
|
||||
font-size: 1em;
|
||||
}
|
||||
.charsheet input[type=checkbox]:checked + span:before{
|
||||
color: #000000FF;
|
||||
}
|
||||
.charsheet .sheet-label3{
|
||||
font-style: Normal;
|
||||
font-size: 1.1em;
|
||||
padding-left: 1%;
|
||||
padding-right: 0%;
|
||||
font-family: IM Fell Great Primer;
|
||||
}
|
||||
.charsheet .sheet-label4{
|
||||
font-weight: bold;
|
||||
font-size: 1.9em;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio]{
|
||||
display: block;
|
||||
opacity: 0;
|
||||
margin-left: 2.5px;
|
||||
margin-Right: 2.5px;
|
||||
margin-top: 2;
|
||||
margin-bottom: -1.1em;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio] + span:before{
|
||||
content: "❌";
|
||||
border: 2px solid black;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
color: #00000000;
|
||||
font-size: 1em;
|
||||
float: Left;
|
||||
margin-left: 2.5px;
|
||||
margin-Right: 2.5px;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio]:checked + span:before{
|
||||
color: #000000FF;
|
||||
}
|
||||
.charsheet .sheet-twothirds{
|
||||
width: 60%;
|
||||
}
|
||||
@@ -0,0 +1,245 @@
|
||||
<div class="sheet-container">
|
||||
<input type="radio" class="sheet-page1" name="attr_page" value="1" checked="checked" id="sheet-page1"><label for="sheet-page1">Page One</label>
|
||||
<input type="radio" class="sheet-page2" name="attr_page" value="2" id="sheet-page2"><label for="sheet-page2">Page Two</label>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<div class="sheet-page1">
|
||||
<div class="sheet-header" style="width: 66% ; display: inline-block">
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-label">Name</div><input type="text" name="attr_charname" style="width: 89.7%"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">Conecept</div><input type="text" name="attr_concept" style="width: 85.5%"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">Gender</div><input type="text" name="attr_gender" style="width: 88%"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">Age</div><input type="text" name="attr_age" style="width: 25%"></div>
|
||||
</div><div class="sheet-logo" style="width: 33% ; display: inline-block ; vertical-align: top"><img src="http://www.erkas.se/CoC-Kult/coc-logo.png"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">Appearance</div>
|
||||
<textarea name="attr_appearance" style="height: 54px"></textarea>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div style="width: 75% ; float: left ; margin-right: 1%" class="sheet-row">
|
||||
|
||||
<p>Physical Attributes</p>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_agility" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Agility</h4>
|
||||
<button type="roll" value="/me rolls to Get Somewhere! [[2d10+@{Agility}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Get Somewhere</button></div></div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Combat</h4>
|
||||
<button type="roll" value="/me rolls to Attack Enemy! [[2d10+@{Combat}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Attack Enemy</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_combat" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_reflexes" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Reflexes</h4>
|
||||
<button type="roll" value="/me rolls to Avoid Getting Hit! [[2d10+@{Reflexes}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Avoid Getting Hit</button></div></div>
|
||||
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Dexterity</h4>
|
||||
<button type="roll" value="/me rolls for Work With Your Hands! [[2d10+@{Dexterity}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Work With Your Hands</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_dexterity" min="-5" max="5"></div></div>
|
||||
|
||||
<br><br><br><br><br><br><br><br><br>
|
||||
<p>Social Attributes</p>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_charisma" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Charisma</h4>
|
||||
<button type="roll" value="/me rolls to Convince Someone! [[2d10+@{Charisma}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Convince Someone</button></div></div>
|
||||
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Empathy</h4>
|
||||
<button type="roll" value="/me rolls to Understand Someone! [[2d10+@{Empathy}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Understand Someone</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_empathy" min="-5" max="5"></div></div>
|
||||
|
||||
<br><br><br><br><br>
|
||||
<p>Mental Attributes</p>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_cool" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Cool</h4>
|
||||
<button type="roll" value="/me rolls to Avoid Discovery! [[2d10+@{Cool}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Avoid Discovery</button></div></div>
|
||||
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Intelligence</h4>
|
||||
<button type="roll" value="/me rolls to Find Information! [[2d10+@{Intelligence}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Find Information</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_intelligence" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_sanity" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Sanity</h4>
|
||||
<button type="roll" value="/me rolls to Remain Mentally Stable! [[2d10+@{Sanity}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Remain Mentally Stable</button></div></div>
|
||||
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Education</h4>
|
||||
<button type="roll" value="/me rolls to Understand Something Complicated! [[2d10+@{Education}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Understand Something Complicated</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_education" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_perception" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Perception</h4>
|
||||
<button type="roll" value="/me rolls to Find Something Hidden! [[2d10+@{Perception}+?{Modifier, ie Wounded|0|Wounded,-2}]]" class="sheet-ui-draggable btn ui-draggable">Find Something Hidden</button></div></div>
|
||||
|
||||
<h4>At creation place the following:</h4><h5>+3, +2, +2, +1, +1, +0, +0, +0, -1, -1, -2</h5>
|
||||
|
||||
|
||||
<table class="sheet-bracket" align="left" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="13">
|
||||
<p>Mental Stability</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input name="attr_mentalstability" value="0" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="1" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="2" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="3" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="4" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="5" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="6" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="7" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="8" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="9" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="10" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="11" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mentalstability" value="12" type="radio"> <span></span></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="sheet-label3">0</td>
|
||||
<td class="sheet-label3">1</td>
|
||||
<td class="sheet-label3">2</td>
|
||||
<td class="sheet-label3">3</td>
|
||||
<td class="sheet-label3">4</td>
|
||||
<td class="sheet-label3">5</td>
|
||||
<td class="sheet-label3">6</td>
|
||||
<td class="sheet-label3">7</td>
|
||||
<td class="sheet-label3">8</td>
|
||||
<td class="sheet-label3">9</td>
|
||||
<td class="sheet-label3">10</td>
|
||||
<td class="sheet-label3">11</td>
|
||||
<td class="sheet-label3">12</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<br><br><br><br><br><br><br><br>
|
||||
|
||||
<table align="left" class="sheet-bracket" width=29%>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan=2><p>Woundlevel</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="20px">
|
||||
<input type="radio" name="attr_woundlevel" value="0">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Unharmed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_woundlevel" value="1">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Lightly wounded</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_woundlevel" value="2">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Wounded (-2 on rolls)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_woundlevel" value="3">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Incapacitated</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
<table class="sheet-bracket" align="right" width="70%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="8" width="100%"><p>Hardened</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sheet-label3" width="35%">Violence</td>
|
||||
<td><input name="attr_violence" value="0" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="1" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="2" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="3" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="4" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="5" type="radio"> <span></span></td>
|
||||
<td><input name="attr_violence" value="6" type="radio"> <span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sheet-label3" width="35%">Mythos Witness</td>
|
||||
<td><input name="attr_mythoswitness" value="0" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="1" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="2" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="3" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="4" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="5" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythoswitness" value="6" type="radio"> <span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sheet-label3" width="35%">Mythos Knowledge</td>
|
||||
<td><input name="attr_mythosknowledge" value="0" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="1" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="2" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="3" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="4" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="5" type="radio"> <span></span></td>
|
||||
<td><input name="attr_mythosknowledge" value="6" type="radio"> <span></span></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="sheet-label3">0</td>
|
||||
<td class="sheet-label3">1</td>
|
||||
<td class="sheet-label3">2</td>
|
||||
<td class="sheet-label3">3</td>
|
||||
<td class="sheet-label3">4</td>
|
||||
<td class="sheet-label3">5</td>
|
||||
<td class="sheet-label3">6</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div></div></div>
|
||||
|
||||
<div class="sheet-page2"><div class="sheet-onethird" style="float: left">
|
||||
<div class="sheet-row">
|
||||
|
||||
|
||||
<div class="sheet-row" style="width: 100% ; display: inline-block">
|
||||
<div class="sheet-label">Backgrounds</div>
|
||||
<textarea name="attr_backgrounds" style="height: 60px"></textarea>
|
||||
<div class="sheet-label">Relationships</div>
|
||||
<textarea name="attr_relationships" style="height: 60px"></textarea>
|
||||
<div class="sheet-label">Equipement</div>
|
||||
<textarea name="attr_equipement" style="height: 90px"></textarea>
|
||||
|
||||
|
||||
<div class="sheet-label">Notes</div>
|
||||
<textarea name="attr_notes" style="height: 353px"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Reference in New Issue
Block a user