Eclipse ES

Spanish free game Eclipse
(http://eclipserol.com/)
This commit is contained in:
aecetra08
2015-05-21 20:35:00 +02:00
parent c41b5e5073
commit 73614fcc23
6 changed files with 603 additions and 0 deletions
+216
View File
@@ -0,0 +1,216 @@
.sheet-eclipse{
padding-top: 10px;
background: url('http://i.imgur.com/2tn7rxE.png') repeat top left;
position: relative;
font-size: 0.9em;
}
.sheet-label-flotante .sheet-label {
border-color: black;
border-style: solid;
border-width: 0 0 2px;
padding-top: 10px;
margin-left: 18px;
text-align: right;
width: 95%;
}
.sheet-label-flotante input {
background: transparent none repeat scroll 0 0;
border: medium none;
box-shadow: none;
float: left;
margin-left: 15px;
font-size: 2em;
}
.sheet-header {
background-color: #5b584f;
border-radius: 14px 14px 0 0;
color: white;
display: inline-block;
font-size: 1.3em;
font-variant: small-caps;
margin-top: 5px;
text-align: center;
width: 100%;
padding: 5px 0;
}
.sheet-section .sheet-textarea-desc {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border-style: groove;
border-width: 0 2px 2px;
width: 97%;
}
.sheet-table {
display:table;
width: 100%;
border: 1px solid #5b584f;
border-radius: 0 0 5px 5px;
}
.sheet-table-row{
display:table-row;
width: 100%;
text-align: center;
}
.sheet-table-row .sheet-table-data {
display: table-cell;
}
.sheet-table-row option {
display: table;
}
.sheet-table-row select {
margin-bottom: 2px;
margin-top: 1px;
border-style: dotted;
height: 25px;
}
.sheet-table-row input {
width: 3em;
}
.sheet-table-header {
background: #E0D5AD;
width: 100%;
}
.sheet-disabled input {
background: transparent;
border:none;
color:black;
box-shadow: none;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}
/* === STRESS === */
table.sheet-stress {
width: 100%;
position: relative;
display: flex;
}
table.sheet-stress td {
position: relative;
}
table.sheet-stress td div.sheet-checkbox-label-div {
width: 30px;
height: 30px;
position: relative;
border: 1px solid black;
left: calc(50% - 16px) !important;
}
table.sheet-stress td div.sheet-checkbox-label-div label {
position: relative;
top:-30px;
background: #ddd;
height: 30px;
width: 30px;
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: 30px;
height: 30px;
opacity: 0;
z-index: 1;
position: relative;
left: calc(50% - 15px) !important;
}
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-flex-inline{
display: inline-flex!important;
}
/* === TABLA DE TIRADAS*/
.sheet-rolltemplate-eclipseRoll table{
border: 1px solid black;
}
.sheet-rolltemplate-eclipseRoll table th{
color: white;
background-color: black;
}
.sheet-rolltemplate-eclipseRoll .sheet-resultado {
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-eclipseRoll .sheet-exito {
color:green;
}
.sheet-rolltemplate-eclipseRoll .sheet-fallo {
color:red;
}
.sheet-rolltemplate-eclipseRoll .sheet-empate {
color:yellow;
}
.sheet-rolltemplate-eclipseRoll .sheet-no-format span{
background: none!important;
border: none!important;
font-weight: normal!important;
padding: 0px!important;
}
+379
View File
@@ -0,0 +1,379 @@
<link rel="stylesheet" href="editor.css">
<link rel="stylesheet" href="eclipse.css">
<div class="sheet-eclipse">
<div class="sheet-2colrow">
<div class="sheet-col sheet-label-flotante" style="margin-top: 30px;">
<input type="text" style="font-weight: bold;" name="attr_name" placeholder="Escribe aqui" title="@{name}"/>
<div class="sheet-label">Nombre</div>
<input type="text" name="attr_concepto" placeholder="Escribe aqui" title="@{concepto}" style="font-size: 1.1em; margin-top:5px;"/>
<div class="sheet-label">Concepto</div>
</div>
<div class="sheet-col sheet-label-flotante">
<img src="http://i.imgur.com/kH1qyuT.png" alt="Logo Eclipse">
</div>
</div>
<div class="sheet-2colrow">
<div class="sheet-col sheet-section">
<span class="sheet-header">Descripci&oacute;n</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_descripcion" placeholder="Describe a tu personaje..."></textarea>
</div>
<div class="sheet-col sheet-section">
<span class="sheet-header">Personalidad</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_personalidad" placeholder="Describe la personalidad de tu personaje..."></textarea>
</div>
</div>
<div class="sheet-2colrow">
<div class="sheet-col sheet-section">
<div class="sheet-table">
<span class="sheet-header" style="display: table-caption;">Aptitudes</span>
<div class="sheet-table-row sheet-table-header">
<div class="sheet-table-data">
<span></span>
</div>
<div class="sheet-table-data">
<span>+</span>
</div>
<div class="sheet-table-data">
<span>++</span>
</div>
<div class="sheet-table-data">
<span>Aptitud</span>
</div>
<div class="sheet-table-data">
<span >Grado</span>
</div>
</div>
<!-- ATRIBUTO VIGOR -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Vig"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Vig+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Vig++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Vig" type="text" value="VIG" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Vig" style="width:12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO AGILIDAD -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Agi"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Agi+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Agi++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Agi" type="text" value="AGI" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Agi" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO PERICIA -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Per"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Per+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Per++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Per" type="text" value="PER" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Per" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO INTELIGENCIA -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Int"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Int+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Int++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Int" type="text" value="INT" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Int" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO SENTIDOS -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Sen"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Sen+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Sen++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Sen" type="text" value="SEN" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Sen" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO CARISMA -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="" name="roll_Car"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="" name="roll_Car+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="" name="roll_Car++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Car" type="text" value="CAR" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Car" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
<!-- ATRIBUTO VOLUNTAD -->
<div class="sheet-table-row">
<div class="sheet-table-data">
<button title="Tirada" type="roll" value="&{template:eclipseRoll} {{name= Prueba de Voluntad}} {{dado_sol= [[1d@{Vol}k1cs>99cf<0]]}} {{dado_luna= ?{Dado Luna:|1d4}}} {{roll_luna=[[?{Dado Luna:|1d4}k1cs>99cf<0]]}} {{numero_sol=1}}{{caras_sol=@{Vol}}}" name="roll_Vol"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada+" type="roll" value="&{template:eclipseRoll} {{name= Prueba de Voluntad}} {{dado_sol= [[1d[[@{Vol}+2]]k1cs>99cf<0]]}} {{dado_luna= ?{Dado Luna:|1d4}}} {{roll_luna=[[?{Dado Luna:|1d4}k1cs>99cf<0]]}} {{numero_sol=1}}{{caras_sol=[[@{Vol}+2]]}}" name="roll_Vol+"></button>
</div>
<div class="sheet-table-data">
<button title="Tirada++" type="roll" value="&{template:eclipseRoll} {{name= Prueba de Voluntad}} {{dado_sol= [[2d@{Vol}k1cs>99cf<0]]}} {{dado_luna= ?{Dado Luna:|1d4}}} {{roll_luna=[[?{Dado Luna:|1d4}k1cs>99cf<0]]}} {{numero_sol=2}}{{caras_sol=@{Vol}}}" name="roll_Vol++"></button>
</div>
<div class="sheet-table-data sheet-disabled">
<input title="Vol" type="text" value="VOL" disabled="true"/>
</div>
<div class="sheet-table-data">
<select name="attr_Vol" style="width: 12em;display:inlineblock;">
<option value="4">Poco apto (1D4)</option>
<option value="6">Normal (1D6)</option>
<option value="8">Destacado (1D8)</option>
<option value="10">Excelente (1D10)</option>
<option value="12">Insuperable (1D12)</option>
</select>
</div>
</div>
</div>
</div>
<div class="sheet-col sheet-section">
<span class="sheet-header">Ganchos</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_ganchos" placeholder="Escribe aqui..." style="height: 80px;"></textarea>
<span class="sheet-header">Complicaciones</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_complicaciones" placeholder="Escribe aqui..." style="height: 75px;"></textarea>
</div>
</div>
<div class="sheet-2colrow">
<!-- VIDA Y EXPERIENCIA -->
<div class="sheet-col-stress sheet-col sheet-flex-inline">
<div class="sheet-section">
<span class="sheet-header">Vida</span>
<table class="sheet-stress" cellspacing="0" cellpadding="0" style="width:160px;">
<tbody>
<tr>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida1" value="1" title="@{vida1}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida2" value="2" title="@{vida2}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida3" value="3" title="@{vida3}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida4" value="3" title="@{vida4}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida5" value="3" title="@{vida5}" />
<label></label>
</div>
</td>
</tr>
<tr>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida6" value="1" title="@{vida6}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida7" value="2" title="@{vida7}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida8" value="3" title="@{vida8}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida9" value="3" title="@{vida9}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_vida10" value="3" title="@{vida10}" />
<label></label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-section" style="margin-left: 100px">
<span class="sheet-header">PH</span>
<table class="sheet-stress" cellspacing="0" cellpadding="0" style="width:96px; ">
<tbody>
<tr>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp1" value="1" title="@{exp1}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp2" value="1" title="@{exp2}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp3" value="1" title="@{exp3}" />
<label></label>
</div>
</td>
</tr>
<tr>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp4" value="1" title="@{exp4}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp5" value="1" title="@{exp5}" />
<label></label>
</div>
</td>
<td>
<div class="sheet-checkbox-label-div">
<input class="sheet-stress-check" type="checkbox" name="attr_exp6" value="1" title="@{exp6}" />
<label></label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="sheet-col sheet-section">
<span class="sheet-header">Otros</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_otros" placeholder="Escribe aqui..." style="height: 56px;"></textarea>
</div>
</div>
<div class="sheet-section" style="display: table-caption;">
<span class="sheet-header">Historial</span>
<textarea class="sheet-desc sheet-textarea-desc" name="attr_historial" placeholder="Escribe aqui..." style="height: 170px; width: 784px;"></textarea>
</div>
</div>
<div name="rolltemplates">
<rolltemplate class="sheet-rolltemplate-eclipseRoll">
<table>
<tr><th>{{name}}</th></tr>
<tr><td><span class="sheet-no-format">Dado Sol {{numero_sol}}d{{caras_sol}}: </span><span>{{dado_sol}}</span></td></tr>
<tr><td><span>Dado Luna{{dado_luna}}: {{roll_luna}}</span></td></tr>
{{#rollGreater() dado_sol roll_luna}}
<tr><td><span class="resultado exito">¡Éxito!</span></td></tr>
{{/rollGreater() dado_sol roll_luna}}
{{#rollGreater() roll_luna dado_sol}}
<tr><td><span class="resultado fallo">¡Fallo!</span></td></tr>
{{/rollGreater() roll_luna dado_sol}}
{{#rollTotal() dado_sol roll_luna}}
<tr><td><span class="resultado empate">Empate...</span></td></tr>
{{/rollTotal() dado_sol roll_luna}}
</table>
</rolltemplate>
</div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 372 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "eclipse.html",
"css": "eclipse.css",
"roll20userid": "435944",
"authors": "Alberto Eles Fernández and Thomas Seliger (neovatar)",
"preview": "eclipse.png",
"instructions": "Hoja de jugador del juego de rol gratuito Eclipse de Carlos J. Del Cerro. Hoja basada en 13th_Age_neovatar de Thomas Seliger. Para saber mas sobre Eclipse visitar http://eclipserol.com/"
}