[WYRD] Nova Ficha
This commit is contained in:
Cleison Ferreira
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "wyrd.html",
|
||||
"css": "wyrd.css",
|
||||
"authors": "David Dornelles, com base na ficha de Fate",
|
||||
"roll20userid": "2623485",
|
||||
"preview": "wyrd.png",
|
||||
"instructions": ""
|
||||
}
|
||||
+230
@@ -0,0 +1,230 @@
|
||||
/* === GENERAL === */
|
||||
.charsheet {
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.sheet-row .sheet-col {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
margin-bottom: 4px;
|
||||
padding: 2px 4px;
|
||||
|
||||
background: black;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-section {
|
||||
float: left;
|
||||
width: 100%;
|
||||
|
||||
margin: 4px 0;
|
||||
padding: 1px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sheet-break {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
label,
|
||||
select {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sheet-repitem,
|
||||
.repitem {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
input, textarea, select, .uneditable-input {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 2px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #555;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input, select, .uneditable-input {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
margin: 0;
|
||||
height: 120px;
|
||||
resize: vertical;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* === LOGO === */
|
||||
.sheet-logo {
|
||||
width: 300px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
/* === ASPECT === */
|
||||
.sheet-col-aspects input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* === APPROACHES === */
|
||||
table.sheet-approaches {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* === STRESS === */
|
||||
.sheet-section {
|
||||
width: 100%;
|
||||
border: 1px solid black;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sheet-stress h4 {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
table.sheet-stress {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
table.sheet-stress td {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
table.sheet-stress td div.sheet-checkbox-label-div {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
border: 1px solid black;
|
||||
left: calc(50% - 25px) !important;
|
||||
}
|
||||
|
||||
table.sheet-stress td div.sheet-checkbox-label-div label {
|
||||
position: relative;
|
||||
top:-50px;
|
||||
background: #ddd;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: block;
|
||||
padding-right: 0px;
|
||||
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
|
||||
|
||||
/* IE10 Consumer Preview */
|
||||
background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%);
|
||||
|
||||
/* Mozilla Firefox */
|
||||
background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%);
|
||||
|
||||
/* Opera */
|
||||
background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%);
|
||||
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C7C7C7));
|
||||
|
||||
/* Webkit (Chrome 11+) */
|
||||
background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #C7C7C7 100%);
|
||||
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
background-image: linear-gradient(to top left, #FFFFFF 0%, #C7C7C7 100%);
|
||||
|
||||
}
|
||||
table.sheet-stress td div.sheet-checkbox-label-div label:hover {/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
|
||||
|
||||
/* IE10 Consumer Preview */
|
||||
background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%);
|
||||
|
||||
/* Mozilla Firefox */
|
||||
background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%);
|
||||
|
||||
/* Opera */
|
||||
background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%);
|
||||
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #8FECFF));
|
||||
|
||||
/* Webkit (Chrome 11+) */
|
||||
background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #8FECFF 100%);
|
||||
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
background-image: linear-gradient(to top left, #FFFFFF 0%, #8FECFF 100%);}
|
||||
|
||||
|
||||
input[type=checkbox].sheet-stress-check {
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
left: calc(50% - 27px) !important;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
input[type=checkbox].sheet-stress-check:checked ~ label {
|
||||
background: url(http://ramyasspace.files.wordpress.com/2011/06/tick.jpg);
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
/* === CONSEQUENCES === */
|
||||
.sheet-col-consequences {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sheet-col-consequences select {
|
||||
width: 100px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sheet-col-consequences input {
|
||||
margin-left: 2px;
|
||||
width: calc(100% - 102px);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE table {
|
||||
width: 189px;
|
||||
padding: 2px;
|
||||
border: 1px solid;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE th {
|
||||
color: rgb(126, 45, 64);
|
||||
padding-left: 5px;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.2em;
|
||||
text-align: left;
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE .sheet-arrow-right {
|
||||
border-top: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
border-left: 180px solid rgb(126, 45, 64);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE .sheet-tcat {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE td {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-FAE-Approaches .inlinerollresult {
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
}
|
||||
+139
@@ -0,0 +1,139 @@
|
||||
<div class='sheet-2colrow'>
|
||||
<div class="sheet-col-id sheet-col">
|
||||
<div class="sheet-header">Protagonista</div>
|
||||
<input type="text" name="attr_name" placeholder="Nome" title="@{name}"/>
|
||||
<textarea name="attr_description" placeholder="Descrição" title="@{description}"></textarea>
|
||||
</div> <!-- .section-id -->
|
||||
|
||||
<div class="sheet-col-refresh sheet-col">
|
||||
<div>
|
||||
<img class="sheet-logo" src="https://i.imgur.com/wqp9SQ9.png" alt="Fate Acelerado" />
|
||||
</div>
|
||||
<div class="sheet-under-logo">
|
||||
<label>Refresh <input type="number" name="attr_refresh" placeholder="Recarga" title="@{refresh}"/></label>
|
||||
<label>Current <input type="number" name="attr_current_fate_points" placeholder="Pontos de Destino Atuais" title="@{current_fate_points}"/></label>
|
||||
</div>
|
||||
</div> <!-- .section-refresh -->
|
||||
</div>
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class='sheet-2colrow'>
|
||||
<div class="sheet-col-aspects sheet-col">
|
||||
<div class="sheet-header">Aspectos</div>
|
||||
<input type="text" name="attr_high_concept" placeholder="Ofício" title="@{high_concept}"/>
|
||||
<input type="text" name="attr_trouble" placeholder="Óbice" title="@{trouble}"/>
|
||||
<fieldset class="repeating_aspects">
|
||||
<input type="text" name="attr_aspect" />
|
||||
</fieldset>
|
||||
</div> <!-- .section-aspects -->
|
||||
|
||||
<div class="sheet-col-approaches sheet-col">
|
||||
<div class="sheet-header">Atributos</div>
|
||||
<table class="sheet-approaches">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Corpo}} {{roll=[[1d6!-1d6+@{corpo}]]}}' name='roll_quick' /></td>
|
||||
<td><label>Corpo</label></td>
|
||||
<td><input type="number" name="attr_corpo" title="@{corpo}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Alma}} {{roll=[[1d6!-1d6+@{alma}]]}}' name='roll_careful' /></td>
|
||||
<td><label>Alma</label></td>
|
||||
<td><input type="number" name="attr_alma" title="@{alma}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Espírito}} {{roll=[[1d6!-1d6+@{espirito}]]}}' name='roll_clever' /></td>
|
||||
<td><label>Espírito</label></td>
|
||||
<td><input type="number" name="attr_espirito" title="@{espirito}"/></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- .section-approaches -->
|
||||
</div>
|
||||
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-col-stunts sheet-col " style="width:100%">
|
||||
<div class="sheet-header">Aptidões</div>
|
||||
<textarea name="attr_stunts" title="@{stunts}"></textarea>
|
||||
</div> <!-- .section-stunts -->
|
||||
</div>
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class='sheet-2colrow'>
|
||||
<div class="sheet-col-consequences sheet-col">
|
||||
<div class="sheet-header">Consequências</div>
|
||||
<fieldset class="repeating_consequences">
|
||||
<input type="text" name="attr_consequence" />
|
||||
<select name="attr_consequences_type">
|
||||
<option value="2">Suave(-2)</option>
|
||||
<option value="4">Moderada(-4)</option>
|
||||
<option value="6">Severa(-6)</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div> <!-- .section-consequences -->
|
||||
|
||||
<div class="sheet-col-stress sheet-col ">
|
||||
<div class="sheet-header">Estresse</div>
|
||||
<div class="sheet-section">
|
||||
<table class="sheet-stress">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress1" value="1" title="@{stress1}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress2" value="2" title="@{stress2}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress3" value="3" title="@{stress3}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><h4>1</h4></th>
|
||||
<th><h4>2</h4></th>
|
||||
<th><h4>3</h4></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- .section-stress -->
|
||||
</div>
|
||||
|
||||
<div class="sheet-break"></div>
|
||||
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-col-extras sheet-col " style="width:100%">
|
||||
<div class="sheet-header">Extras</div>
|
||||
<textarea name="attr_Extras"></textarea>
|
||||
</div> <!-- .section-extra -->
|
||||
</div>
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-FAE">
|
||||
<table>
|
||||
<tr><th>{{name}}</th></tr>
|
||||
{{#approach}}
|
||||
<tr><th>{{approach}}</th></tr>
|
||||
{{/approach}}
|
||||
|
||||
<tr class="arrow-container"><td><div class="arrow-right"></div></td></tr>
|
||||
|
||||
{{#roll}}
|
||||
<tr><td><span class="tcat">Resultado: </span>{{roll}}</td></tr>
|
||||
{{/roll}}
|
||||
{{#effect}}
|
||||
<tr><td><span class="tcat">Effect: </span>{{effect}}</td></tr>
|
||||
{{/effect}}
|
||||
</table>
|
||||
</rolltemplate>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Reference in New Issue
Block a user