Added Fate Accelerated and Jadepunk character sheets, translated for Brazilian Portuguese, based on Fate_Accelerated and Fate_Jadepunk character sheets
This commit is contained in:
Fabio Emilio Costa
@@ -0,0 +1,226 @@
|
||||
/* === 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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
<div class='sheet-2colrow'>
|
||||
<div class="sheet-col-id sheet-col">
|
||||
<div class="sheet-header">Name</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="http://www.evilhat.com/home/wp-content/uploads/2012/12/Fate-Accelerated.jpg" 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">Aspects</div>
|
||||
<input type="text" name="attr_high_concept" placeholder="Conceito" title="@{high_concept}"/>
|
||||
<input type="text" name="attr_trouble" placeholder="Dificuldade" 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">Abordagens</div>
|
||||
<table class="sheet-approaches">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Quick}} {{roll=[[4DF+@{quick}]]}}' name='roll_quick' /></td>
|
||||
<td><label>Ágil</label></td>
|
||||
<td><input type="number" name="attr_quick" title="@{quick}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Careful}} {{roll=[[4DF+@{careful}]]}}' name='roll_careful' /></td>
|
||||
<td><label>Cuidadoso</label></td>
|
||||
<td><input type="number" name="attr_careful" title="@{careful}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Clever}} {{roll=[[4DF+@{clever}]]}}' name='roll_clever' /></td>
|
||||
<td><label>Esperto</label></td>
|
||||
<td><input type="number" name="attr_clever" title="@{clever}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Flashy}} {{roll=[[4DF+@{flashy}]]}}' name='roll_flashy' /></td>
|
||||
<td><label>Estiloso</label></td>
|
||||
<td><input type="number" name="attr_flashy" title="@{flashy}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Forceful}} {{roll=[[4DF+@{forceful}]]}}' name='roll_forceful' /></td>
|
||||
<td><label>Poderoso</label></td>
|
||||
<td><input type="number" name="attr_forceful" title="@{forceful}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE} {{name=@{name}}} {{approach=Sneaky}} {{roll=[[4DF+@{sneaky}]]}}' name='roll_sneaky' /></td>
|
||||
<td><label>Sorrateiro</label></td>
|
||||
<td><input type="number" name="attr_sneaky" title="@{sneaky}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='&{template:FAE}{{name=@{name}}}{{effect=?{Approach|Careful, Careful: [[4DF+ @{careful}]]|Clever, Clever: [[4DF+ @{clever}]]|Flashy, Flashy: [[4DF+ @{flashy}]]|Forceful,Forceful: [[4DF+ @{forceful}]]|Quick,Quick: [[4DF+ @{quick}]]|Sneaky,Sneaky: [[4DF+ @{sneaky}]]}}}' name='roll_approachesy' /></td>
|
||||
<td><label>Abordagens</label></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">Façanhas</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">Roll: </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: 53 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "fate.html",
|
||||
"css": "fate.css",
|
||||
"roll20userid": "910206",
|
||||
"authors": "Fábio Emilio Costa",
|
||||
"preview": "fate.png",
|
||||
"instructions": "Ficha de Fate Acelerado para o Português Brasileiro"
|
||||
}
|
||||
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
@@ -4,5 +4,5 @@
|
||||
"authors": "Fábio Emilio Costa",
|
||||
"roll20userid": "910206",
|
||||
"preview": "fate.png",
|
||||
"instructions": "# Ficha de personagem do Fate Básico em Português.\r# _Portuguese Fate Core Character Sheet_.\r Baseada na Ficha do Fate Core em Inglês\r _Based on Fate Core sheet_"
|
||||
"instructions": "# Ficha de personagem do Fate Básico em Português.\r# _Portuguese Fate Core Character Sheet_.\r Baseada na Ficha do Fate Core em Inglês\r _Based on Fate Core sheet_\rApenas mudou o nome da ficha para uma mais adequada"
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
/* === 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;
|
||||
}
|
||||
|
||||
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%;
|
||||
}
|
||||
|
||||
|
||||
table.sheet-stress tr.sheet-stress-labels,
|
||||
table.sheet-stress tr.sheet-stress-labels th {
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table.sheet-stress tr.sheet-stress-labels th h3 {
|
||||
position: relative;
|
||||
line-height: 24px;
|
||||
font-size: 24px;
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
h3.sheet-outline {
|
||||
color: white;
|
||||
text-shadow:
|
||||
-1px -1px 0 #000,
|
||||
1px -1px 0 #000,
|
||||
-1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
}
|
||||
|
||||
/* === 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);
|
||||
}
|
||||
@@ -0,0 +1,170 @@
|
||||
<div class='sheet-2colrow'>
|
||||
<div class="sheet-col-id sheet-col">
|
||||
<div class="sheet-header">Nome</div>
|
||||
<input type="text" name="attr_name" placeholder="Name" title="@{name}"/>
|
||||
<textarea name="attr_description" placeholder="Story" title="@{description}"></textarea>
|
||||
</div> <!-- .section-id -->
|
||||
|
||||
<div class="sheet-col-refresh sheet-col">
|
||||
<div>
|
||||
<img class="sheet-logo" src="http://jadepunk.com/wp-content/uploads/2014/05/Jadepunk-Logo-NoSub-e1399785827256.png" alt="FATE Jadepunk" />
|
||||
</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_portrayal" placeholder="Representação" title="@{portrayal}"/>
|
||||
<input type="text" name="attr_background" placeholder="Antecedente" title="@{background}"/>
|
||||
<input type="text" name="attr_inciting_incident" placeholder="Incidente Incitador" title="@{inciting_incident}"/>
|
||||
<input type="text" name="attr_belief" placeholder="Crenças" title="@{belief}"/>
|
||||
<input type="text" name="attr_trouble" placeholder="Problemas" title="@{trouble}"/>
|
||||
</div> <!-- .section-aspects -->
|
||||
|
||||
<div class="sheet-col-approaches sheet-col">
|
||||
<div class="sheet-header">Approaches</div>
|
||||
<table class="sheet-approaches">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{scholar}' name='roll_scholar' /></td>
|
||||
<td><label>Acadêmico</label></td>
|
||||
<td><input type="number" name="attr_scholar" title="@{scholar}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{aristocrat}' name='roll_aristocrat' /></td>
|
||||
<td><label>Aristocrata</label></td>
|
||||
<td><input type="number" name="attr_aristocrat" title="@{aristocrat}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{fighter}' name='roll_fighter' /></td>
|
||||
<td><label>Combatente</label></td>
|
||||
<td><input type="number" name="attr_fighter" title="@{fighter}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{engineer}' name='roll_engineer' /></td>
|
||||
<td><label>Engenheiro</label></td>
|
||||
<td><input type="number" name="attr_engineer" title="@{engineer}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{explorer}' name='roll_explorer' /></td>
|
||||
<td><label>Explorador</label></td>
|
||||
<td><input type="number" name="attr_explorer" title="@{explorer}"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button type='roll' value='/roll 4dF + @{scoundrel}' name='roll_scoundrel' /></td>
|
||||
<td><label>Marginal</label></td>
|
||||
<td><input type="number" name="attr_scoundrel" title="@{scoundrel}"/></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- .section-approaches -->
|
||||
</div>
|
||||
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-col-assets sheet-col " style="width:100%">
|
||||
<div class="sheet-header">Recursos</div>
|
||||
<fieldset class="repeating_assets">
|
||||
<select name="attr_asset_type">
|
||||
<option value="1">Aliado</option>
|
||||
<option value="2">Dispositivo</option>
|
||||
<option value="3">Técnica</option>
|
||||
</select>
|
||||
<table class="sheet-approaches">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" name="attr_asset_name" placeholder="Nome"/>
|
||||
<input type="text" name="attr_features" placeholder="Características"/>
|
||||
<input type="text" name="attr_flaws" placeholder="Defeitos"/>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="attr_aspect" placeholder="Aspecto"/>
|
||||
<input type="text" name="attr_cost" placeholder="Custo"/>
|
||||
<input type="text" name="attr_details" placeholder="Detalhes"/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div> <!-- .section-assets -->
|
||||
</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>
|
||||
<option value="2">Estresse Bônus de Recurso</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div> <!-- .section-consequences -->
|
||||
|
||||
<div class="sheet-col-stress sheet-col ">
|
||||
<div class="sheet-header">Stress</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>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress4" value="4" title="@{stress4}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress5" value="5" title="@{stress5}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sheet-checkbox-label-div">
|
||||
<input class="sheet-stress-check" type="checkbox" name="attr_stress6" value="6" title="@{stress6}" />
|
||||
<label></label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><h3>1</h3></th>
|
||||
<th><h3>2</h3></th>
|
||||
<th><h3>3</h3></th>
|
||||
<th><h3 class="sheet-outline">4</h3></th>
|
||||
<th><h3 class="sheet-outline">5</h3></th>
|
||||
<th><h3 class="sheet-outline">6</h3></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- .section-stress -->
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "fate.html",
|
||||
"css": "fate.css",
|
||||
"roll20userid": "910206",
|
||||
"authors": "Fábio Emilio Costa",
|
||||
"preview": "fate.png",
|
||||
"instructions": "Ficha de Jadepunk para Português Brasileiro"
|
||||
}
|
||||
Reference in New Issue
Block a user