roll20-character-sheets/World of Fantasy/wof.html

 <div class="character-sheet">
     <div class="row-nw">
         <div class="col col-xs-1"></div>
         <div class="col col-xs-10">
             <img src="https://i.imgur.com/4npzTFN.png">
         </div>
         <div class="col col-xs-1"></div>
     </div>
     <div class="row-nw width-100">
         <div class="column-nw col-xs-5">
             <div class="column-nw width-100">
                 <span class="text-xs margin-0 text-center">ELIGE UNA COMBINACIÓN Y REPARTE A TU GUSTO</span>
                 <div class="row-nw flex-center">
                     <span class="text-s column-nw col-xs-4"><b>+1 / 0 / 0</b></span>
                     <span class="text-s column-nw col-xs-4"><b>+1 / +1 / -1</b></span>
                     <span class="text-s column-nw col-xs-4"><b>+2 / 0 / -1</b></span>
                 </div>
             </div>
             <div class="row-nw width-100 flex-center margin-t-10 padding-l-15">
                 <div class="column-nw col-xs-4 padding-r-5">
                     <span class="text-right text-s padding-0"><b>FUERZA</b></span>
                     <span class="text-right text-s padding-0"><b>DESTREZA</b></span>
                     <span class="text-right text-s padding-0"><b>COMBATE</b></span>
                 </div>
                 <div class="">
                     <input class="input-estadistica" type="number" name="attr_cuerpo">
                 </div>
                 <div class="column-nw">
                     <button class="text-xl padding-l-5 text-left blank-roll-button height-45p" type="roll" name="roll_skill" value="&{template:Challenge} {{Tirada=Cuerpo}} {{Nombre=@{character_name}}} {{Resultado=[[?{Tipo de tirada|
                        Normal,2d6 + @{cuerpo} + @{herido}|
                        Desventaja,3d6kl2 + @{cuerpo} + @{herido}|
                        Ventaja,3d6kh2 + @{cuerpo} + @{herido}}]] }}">CUERPO
                     </button>
                     <div class="row-nw align-center margin-neg-t-12">
                         <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_herido" value="-1" />
                             <div class="cb-control-indicator"></div>
                         </label>
                         <span class="text-m text-left">herido - 1</span>
                     </div>
                 </div>
             </div>
             <div class="row-nw width-100 flex-center padding-l-15">
                 <div class="column-nw col-xs-4 padding-r-5">
                     <span class="text-right text-s padding-0"><b>INTELIGENCIA</b></span>
                     <span class="text-right text-s padding-0"><b>SABIDURÍA</b></span>
                     <span class="text-right text-s padding-0"><b>MAGIA</b></span>
                 </div>
                 <div>
                     <input class="input-estadistica" type="number" name="attr_mente">
                 </div>
                 <div class="column-nw">
                     <button class="text-xl padding-l-5 text-left blank-roll-button height-45p" type="roll" name="roll_skill" value="&{template:Challenge} {{Tirada=Mente}} {{Nombre=@{character_name}}} {{Resultado=[[?{Tipo de tirada|
                        Normal,2d6 + @{mente} + @{fatigado}|
                        Desventaja,3d6kl2 + @{mente} + @{fatigado}|
                        Ventaja,3d6kh2 + @{mente} + @{fatigado}}]] }}">MENTE
                     </button>
                     <div class="row-nw align-center margin-neg-t-12">
                         <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_fatigado" value="-1" />
                             <div class="cb-control-indicator"></div>
                         </label>
                         <span class="text-m text-left">fatigado - 1</span>
                     </div>
                 </div>
             </div>
             <div class="row-nw width-100 flex-center padding-l-15">
                 <div class="column-nw col-xs-4 padding-r-5">
                     <span class="text-right text-s padding-0"><b>CARISMA</b></span>
                     <span class="text-right text-s padding-0"><b>VOLUNTAD</b></span>
                     <span class="text-right text-s padding-0"><b>VIAJAR</b></span>
                 </div>
                 <div>
                     <input class="input-estadistica" type="number" name="attr_corazon">
                 </div>
                 <div class="column-nw">
                     <button class="text-xl padding-l-5 text-left blank-roll-button height-45p" type="roll" name="roll_skill" value="&{template:Challenge} {{Tirada=Corazón}} {{Nombre=@{character_name}}} {{Resultado=[[?{Tipo de tirada|
                        Normal,2d6 + @{corazon} + @{roto}|
                        Desventaja,3d6kl2 + @{corazon} + @{roto}|
                        Ventaja,3d6kh2 + @{corazon} + @{roto}}]] }}">CORAZÓN
                     </button>
                     <div class="row-nw align-center margin-neg-t-12">
                         <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_roto" value="-1" />
                             <div class="cb-control-indicator"></div>
                         </label>
                         <span class="text-m text-left">roto - 1</span>
                     </div>
                 </div>
             </div>
         </div>
         <div class="column-nw col-xs-6 col-xs-offset-1">
             <div class="row-nw  width-100 flex-center">
                 <span class="text-l column-nw col-xs-4">Nombre:</span>
                 <input class="input-value width-100" type="text" name="attr_character_name">
             </div>
             <div class="row-nw width-100 flex-center padding-t-5">
                 <span class="text-l column-nw col-xs-5">¿Quién eres?:</span>
                 <input class="input-value width-100" type="text" name="attr_quien">
             </div>
             <div class="column-nw width-100 flex-center height-100">
                 <div class="row-nw col-xs-12 flex-center">
                     <div class="row-nw flex-center bg-hearth height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_1" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-hearth height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_2" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-hearth height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_3" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-hearth height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_4" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-hearth height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_5" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-hearth height-100 border-l">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_vida_6" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                 </div>
                 <div class="row-nw col-xs-6 flex-center col-xs-offset-6 margin-l-0">
                     <div class="row-nw flex-center bg-shield height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_armadura_1" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-shield height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_armadura_2" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-shield height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_armadura_3" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>

                 </div>
                 <div class="row-nw col-xs-12 flex-center">
                     <div class="row-nw flex-center bg-sun height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_1" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-sun height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_2" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-sun height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_3" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-sun height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_4" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-sun height-100">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_5" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                     <div class="row-nw flex-center bg-sun height-100 border-l">
                         <label class="cb-control-bigger cb-control-checkbox-bigger"><input type="checkbox" name="attr_espiritu_6" value=1>
                             <div class="cb-control-indicator-bigger"></div>
                         </label>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="row-nw margin-t-10">
         <div class="column-nw col-xs-6 col-xs-offset-6 margin-l-0">
             <button class="text-m padding-l-5 text-left d6-dice col-xs-4 bg-frame" type="roll" name="roll_skill" value="&{template:TestAllProps} {{Tirada=Genérica}} {{Nombre=@{character_name}}} {{Resultado=[[2d6]] }}">Suerte
             </button>
         </div>
     </div>
     <div class="row-nw width-100 margin-t-5">
         <div class="column-nw col-xs-6 bg-frame">
             <span class="width-100 text-center padding-t-10 text-xs">ELIGE DOS</span>
             <span class="width-100 text-center padding-t-5 text-l"><b>Talentos</b></span>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_afortunado" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Afortunado:
                     </b> Puedes
                     volver a tirar los dados una vez por sesión</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_arcano" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Arcano: </b>
                     Puedes
                     intentar controlar energía mágica</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_discreto" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Discreto: </b>
                     Si te ocultas, y permaneces quieto, no podrán verte</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_duro" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Duro: </b> Puedes marcar el sexto Nivel de Salud</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_guerrero" value="2" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Guerrero: </b>
                     Siempre dañas un Nivel de Salud adicional</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_liderazgo" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Liderazgo: </b>
                     Una vez
                     por sesión, elige a un compañero para que realice cualquier prueba con Ventaja</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_polifacetico" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Polifacético:
                     </b>
                     Puedes anotar una habilidad más</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_reflejos" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Reflejos: </b>
                     Actúas
                     el primero y no te pueden sorprender</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_inquebrantable" value="2" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Inquebrantable:
                     </b>Pues marcar el Sexto Nivel de Espíritu</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_sanar" value="2" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Sanar: </b>
                     Siempre
                     curas un nivel de Salud extra</span>
             </div>
             <div class="row-nw flex-center padding-b-10">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_trotamundos" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Trotamundos: </b>
                     Tira con Ventaja cuando realices un viaje</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_veterano" value="4" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Veterano: </b>
                     Una vez por combate, puedes volver a tirar uno o dos dados en la Tirada de Atributo</span>
             </div>
         </div>
         <div class="column-nw col-xs-6 bg-frame flex-center">
             <div class="row-nw flex-center">
                 <img class="icon-big column-nw col-xs-2 padding-l-5" src="https://i.imgur.com/IKpies2.png">
                 <div class="column-nw column-nw col-xs-8 text-center padding-t-10">
                     <span class="width-100 text-center text-xs">ELIGE TU EQUIPO DE AVENTURAS</span>
                     <span class="width-100 text-center padding-t-10 text-l"><b>Mochila / EQUIPAMIENTO / Mano</b></span>
                 </div>
                 <img class="icon-big column-nw col-xs-2 padding-r-5" src="https://i.imgur.com/nvNm63p.png">
             </div>
             <div class="row-nw flex-center">
                 <div class="column-nw col-xs-6 flex-center padding-l-10">
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_1">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_151" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_152" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_153" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_2">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_161" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_162" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_163" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_3">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_171" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_172" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_173" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_4">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_181" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_182" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_183" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_5">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_191" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_192" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_193" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_6">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_201" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_202" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_203" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_7">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_211" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_212" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_213" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_10">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_241" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_242" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_243" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_244" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_11">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_11" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_12" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_13" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_14" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mochila_adicional_12">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_21" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_22" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_23" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_24" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="column-nw col-xs-6 flex-center">
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_1">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_31" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_32" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_33" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_2">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_41" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_42" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_43" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_3">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_51" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_52" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_53" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_4">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_61" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_62" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_63" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_5">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_71" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_72" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_73" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_6">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_81" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_82" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_83" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_7">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_91" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_92" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_93" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_10">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_121" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_122" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_123" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_124" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_11">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_131" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_132" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_133" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_134" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                     <div class="row-nw flex-center">
                         <input class="input-value width-100 text-m text-left col-xs-8" type="text" name="attr_mano_adicional_12">
                         <div class="row-nw col-xs-4">
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_141" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_142" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_143" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                             <label class="cb-control cb-control-checkbox margin-l-0 padding-r-2"><input type="checkbox" name="attr_mochila_144" value="1" />
                                 <div class="cb-control-indicator"></div>
                             </label>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row-nw flex-center margin-b-10 padding-l-10 padding-r-5">
                 <div class="column-nw column-nw col-xs-4 text-center padding-t-10">
                     <div class="row-nw flex-center">
                         <input class="column-nw col-xs-1" type="checkbox" name="attr_velocidad_2" value="1">
                         <span class="width-100 text-center text-m">RÁPIDO</span>
                     </div>
                     <div class="row-nw flex-center">
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/IKpies2.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">3</span>
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/nvNm63p.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">2</span>
                     </div>
                 </div>
                 <div class="column-nw column-nw col-xs-4 text-center padding-t-10">
                     <div class="row-nw flex-center">
                         <input class="column-nw col-xs-1" type="checkbox" name="attr_velocidad_3" value="1">
                         <span class="width-100 text-center text-m">NORMAL</span>
                     </div>
                     <div class="row-nw flex-center">
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/IKpies2.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">5</span>
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/nvNm63p.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">3</span>
                     </div>
                 </div>
                 <div class="column-nw column-nw col-xs-4 text-center padding-t-10">
                     <div class="row-nw flex-center">
                         <input class="column-nw col-xs-1" type="checkbox" name="attr_velocidad_4" value="1">
                         <span class="width-100 text-center text-m">LENTO</span>
                     </div>
                     <div class="row-nw flex-center">
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/IKpies2.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">8</span>
                         <img class="icon-small column-nw col-xs-2 margin-0" src="https://i.imgur.com/nvNm63p.png">
                         <span class="width-100 text-center col-xs-1 text-m margin-l-2">5</span>
                     </div>
                 </div>
             </div>

         </div>
     </div>
     <div class="row-nw width-100 margin-t-10">
         <div class="column-nw col-xs-6 bg-frame">
             <span class="width-100 text-center padding-t-10 text-xs">ELIGE DOS</span>
             <span class="width-100 text-center padding-t-5 text-l"><b>Habilidades</b></span>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_atletismo" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Atletismo: </b>
                     Correr,
                     trepar, saltar, nadar...</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_buscar" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Buscar: </b>
                     Inspeccionar una zona y saber dónde mirar</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_cultura" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Cultura: </b>
                     Tener un
                     mejor conocimiento del mundo</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_curar" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Curar: </b>
                     Sabes cómo
                     tratar heridas y enfermedades</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_mania" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Maña: </b>
                     Manipulación
                     de mecanismos y otros arreglos</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_relaciones" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Relaciones:
                     </b> Se te
                     da bien tratar a los demás a tu beneficio</span>
             </div>
             <div class="row-nw flex-center">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_sigilo" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Sigilo: </b>
                     Moverse,
                     actuar o esconderse sin ser descubierto</span>
             </div>
             <div class="row-nw flex-center padding-b-10">
                 <label class="cb-control cb-control-checkbox"><input type="checkbox" name="attr_supervivencia" value="1" />
                     <div class="cb-control-indicator"></div>
                 </label><span class="row-nw col-xs-10 text-left text-m padding-0"><b class="margin-r-5">Supervivencia:
                     </b>
                     Cazar, encontrar agua, seguir rastros,...</span>
             </div>
         </div>
         <div class="column-nw col-xs-3 bg-frame">
             <span class="width-100 text-center padding-t-10 text-l"><b>Experiencia</b></span>
             <div class="row-nw flex-center">
                 <span class="row-nw col-xs-11 text-left text-m padding-l-10"><b class="margin-r-5">Talento </b>
                     [10px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_1" value="1">
             </div>
             <div class="row-nw flex-center">
                 <span class="row-nw col-xs-11 text-left text-m padding-l-10"><b class="margin-r-5">Talento </b>
                     [10px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_2" value="1">
             </div>
             <div class="row-nw flex-center">
                 <span class="row-nw col-xs-11 text-left text-m padding-l-10"><b class="margin-r-5">Habilidad </b>
                     [10px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_3" value="1">
             </div>
             <div class="row-nw flex-center">
                 <span class="row-nw col-xs-11 text-left text-m padding-l-10"><b class="margin-r-5">Atributo +1 </b>(max
                     +2) <br />[10px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_4" value="1">
             </div>
             <div class="row-nw flex-center">
                 <span class="row-nw col-xs-11 text-left text-m padding-l-10"><b class="margin-r-5">Atributo +1</b>(max
                     +2) <br />[10px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_5" value="1">
             </div>
             <div class="row-nw flex-center padding-b-20 padding-l-10">
                 <span class="row-nw col-xs-11 text-left text-m"><b class="margin-r-5">Atributo +1</b>(max +3)
                     <br />[20px]</span>
                 <input class="column-nw col-xs-1" type="checkbox" name="attr_experiencia_6" value="1">
             </div>
             <div class="row-nw flex-center padding-b-10 padding-l-5">
                 <input class="input-experiencia column-nw col-xs-5" type="number" name="attr_experiencia" />
                 <span class="row-nw col-xs-7 text-left text-m"><b>PUNTOS DE
                         EXPERIENCIA</b></span>
             </div>
         </div>
         <div class="column-nw col-xs-3 bg-frame">
             <span class="width-100 text-center padding-t-10 text-l"><b>Notas</b></span>
             <textarea name="attr_notas" class="width-100 height-100 padding-5"></textarea>
         </div>
     </div>







 </div>
 <rolltemplate class="sheet-rolltemplate-TestAllProps">
     <table>
         <caption>{{Nombre}}</caption>
         {{#allprops() Nombre}}
             <tr>
                 <td>{{key}}</td>
                 <td>{{value}}</td>
         {{/allprops() Nombre}}
     </table>
 </rolltemplate>

 <rolltemplate class="sheet-rolltemplate-Challenge">
     <table>
         <caption>{{Nombre}}</caption>
         {{#allprops() Nombre}}
             <tr>
                 <td>{{key}}</td>
                 <td>{{value}}</td>
         {{/allprops() Nombre}}
         </tr>
         <tr>
             {{#rollLess() Resultado 7}}

                 <td colspan="2"><b>¡Fallo!</b> Y además.. </td>
             {{/rollLess() Resultado 7}}

             {{#rollBetween() Resultado 7 9}}
                 <td colspan="2"><b>¡Éxito!</b> Pero ...</td>
             {{/rollBetween() Resultado 7 9}}

             {{#rollGreater() Resultado 9}}
                 <td colspan="2"><b>¡Perfecto!</b>
                     {{#rollWasCrit() Resultado}}
                         Y además...
                     {{/rollWasCrit() Resultado}}
                 </td>
             {{/rollGreater() Resultado 9}}
         </tr>


     </table>


 </rolltemplate>

 <script type="text/worker">

 </script>