diff --git a/thordezilhas/thordezilhas.css b/thordezilhas/thordezilhas.css
index 5be0fd5e60..9fd0ebd636 100644
--- a/thordezilhas/thordezilhas.css
+++ b/thordezilhas/thordezilhas.css
@@ -4,6 +4,33 @@
     background-image: url("https://i.imgur.com/cHyDwls.png");
     background-position: center top;
     background-size: 100% auto;
+    max-width: 830px;
+}
+
+/*Configure the tab buttons*/
+.sheet-principal,
+.sheet-magias {
+	display: none;
+}
+
+/* show the selected tab */
+.sheet-tabstoggle[value="principal"] ~ div.sheet-principal,
+.sheet-tabstoggle[value="magias"] ~ div.sheet-magias {
+	display: block;
+}
+
+.sheet-botao-selecao {
+    font-family: 'Pirata One', cursive;
+    text-align:center;
+    font-size:1.3em;
+    border-radius: 5px solid black;
+    background-color: white;
+    box-shadow: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -webkit-border-radius: 5px;
+    color: black;
+    background-color:white;
 }
 
 .sheet-body button {
@@ -166,9 +193,33 @@
     font-family: 'Alegreya', serif;
 }
 
+.sheet-magias {
+    font-family: 'Alegreya', serif;
+    font-size: 1em;
+    width: 800px;
+}
+
+.sheet-magias textarea {
+    resize: vertical;
+    font-family: 'Alegreya', serif;
+    text-align:center;
+}
+
+    .sheet-magias label {
+        font-size: 1em;
+        display: inline-block;
+        font-weight: normal;
+        font-family: 'Alegreya', serif;
+    }
+
+    .sheet-magias input {
+        text-align: left;
+        font-family: 'Alegreya', serif;
+        height: 25px;
+    }
 
 .sheet-creditos {
     font-family: 'Alegreya', serif;
     font-size: 0.7em;
     text-align:right;
-}
+}
\ No newline at end of file
diff --git a/thordezilhas/thordezilhas.html b/thordezilhas/thordezilhas.html
index 25bc4fea1f..906fc5f119 100644
--- a/thordezilhas/thordezilhas.html
+++ b/thordezilhas/thordezilhas.html
@@ -1,261 +1,327 @@
 <html>
+<div class="body">
+    <br />
+    
+    <div class="sheet-header">
+        <div class="4colrow">
 
-    <div class="body">
-        <br/>
-        <div class="sheet-header">
-            <div class="4colrow">
-    
-                <!-- BOTÃO E ATRIBUTOS NOME E NAÇÃO -->
-                <div class="row">
-                    <div class="col">
-                        <label>Nome: <input class="name" type="text" name="attr_character_name" style="width: 250;" /> </label>
-                    </div>
-                    <div class="col">
-                        <label>Nação: <input type="text" name="attr_nacao" style="width: 150px;"/> </label>
-                    </div>
-                     <div class="col" style="margin-left: 80px; position: absolute; float: right">
-                       <img src="https://i.imgur.com/OAQUjEZ.png" style="width: 260px; height:100px; max-height: 100px; margin-top:-40px; text-align: right">
-                
-                        <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} agiu!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+?{Escolha o Atributo |FOR,@{for}|DES,@{des}|CON,@{con}|INT,@{int}|SAB,@{sab}|CAR,@{car}}+?{MP|@{MP}}+?{Bônus|0}]]!}}"></button>
-                    </div>
-                    
+            <!-- BOTÃO E ATRIBUTOS NOME E NAÇÃO -->
+            <div class="row">
+                <div class="col">
+                    <label>Nome: <input class="name" type="text" name="attr_character_name" style="width: 250;" /> </label>
                 </div>
-    
-    
-                <!-- ATRIBUTOS RAÇA, CLASSE E NÍVEL -->
-                <div class="row">
-                    <div class="col">
-                        <label>Raça:  <input type="text" name="attr_raca" style="width: 120px;"/> </label>
-                    </div>
-                    
-                    <div class="col">
-                        <label>Classe: <input type="text" name="attr_classe" style="width: 130px;"/> </label>
-                    </div>
-                    
-                    <div class="col">
-                        <label>Nivel: <input type="number" name="attr_nivel" style="width: 42px;"/> </label>
-                    </div>
+                <div class="col">
+                    <label>Nação: <input type="text" name="attr_nacao" style="width: 150px;" /> </label>
                 </div>
-    
-    
-                <!-- ATRIBUTOS ALINHAMENTO, PAIXÕES E RELAÇÕES -->
-                <div class="row">
-                    <div class="col">
-                        <label>Alinhamento: <input type="text" name="attr_alinhamento" style="width: 120px;"/> </label>
-                    </div>
-                    
-                    <div class="col">
-                        <label>Paixões: <input type="text" name="attr_paixoes" style="width: 160px;"/> </label>
-                    </div>
-                    
-                    <div class="col">
-                        <label>Relações Sociais: <input type="text" name="attr_relacoes" style="width: 190px;"/> </label>
-                    </div>
+                <div class="col" style="margin-left: 80px; position: absolute; float: right">
+                    <img src="https://i.imgur.com/OAQUjEZ.png" style="width: 260px; height:100px; max-height: 100px; margin-top:-40px; text-align: right">
+
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} agiu!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+?{Escolha o Atributo |FOR,@{for}|DES,@{des}|CON,@{con}|INT,@{int}|SAB,@{sab}|CAR,@{car}}+?{MP|@{MP}}+?{Bônus|0}]]!}}"></button>
                 </div>
-    
-                <!-- ATRIBUTOS ESPECIALIZAÇÕES -->
-                <div class="row">
-                    <div class="col">
-                    <label>Especializações: <input type="text" name="attr_especializacao" style="width: 582px;"/>  </label>
-                     </div>
-                     <div class="col">
-                        <label>XP: <input type="number" name="attr_xp" style="width: 42px;"/> </label>
-                    </div>
+
+            </div>
+
+
+            <!-- ATRIBUTOS RAÇA, CLASSE E NÍVEL -->
+            <div class="row">
+                <div class="col">
+                    <label>Raça:  <input type="text" name="attr_raca" style="width: 120px;" /> </label>
+                </div>
+
+                <div class="col">
+                    <label>Classe: <input type="text" name="attr_classe" style="width: 130px;" /> </label>
+                </div>
+
+                <div class="col">
+                    <label>Nivel: <input type="number" name="attr_nivel" style="width: 42px;" /> </label>
+                </div>
+            </div>
+
+
+            <!-- ATRIBUTOS ALINHAMENTO, PAIXÕES E RELAÇÕES -->
+            <div class="row">
+                <div class="col">
+                    <label>Alinhamento: <input type="text" name="attr_alinhamento" style="width: 120px;" /> </label>
+                </div>
+
+                <div class="col">
+                    <label>Paixões: <input type="text" name="attr_paixoes" style="width: 160px;" /> </label>
+                </div>
+
+                <div class="col">
+                    <label>Relações Sociais: <input type="text" name="attr_relacoes" style="width: 190px;" /> </label>
+                </div>
+            </div>
+
+            <!-- ATRIBUTOS ESPECIALIZAÇÕES -->
+            <div class="row">
+                <div class="col">
+                    <label>Especializações: <input type="text" name="attr_especializacao" style="width: 582px;" />  </label>
+                </div>
+                <div class="col">
+                    <label>XP: <input type="number" name="attr_xp" style="width: 42px;" /> </label>
+                </div>
+            </div>
+            <br>
+            <img src="https://i.imgur.com/rA73vNY.png" style="max-width:820px">
+        </div>
+    </div>
+
+
+    <br/>
+    <div style="margin-top:2px;">
+        <button class="botao-selecao" type="action" name="act_principal">Principal</button>
+        <button class="botao-selecao" type="action" name="act_magias">Magias</button>
+    </div>
+    <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='principal' />
+    <br />
+
+
+
+
+
+    <div class='sheet-principal'>
+        <div class="col atributos" style="min-width:200px; max-width: 200px; min-height=80px; max-height=80px;">
+            <div class="row">
+                <h2 class="titulo">Atributos</h2>
+
+                <label>Força</label><input type="number" name='attr_for' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Força!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{for}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <br />
+                <label>Destreza</label><input type="number" name='attr_des' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Destreza!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{des}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <br />
+                <label>Constituição</label><input type="number" name='attr_con' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Constituição!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{con}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <br />
+                <label>Inteligência</label><input type="number" name='attr_int' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Inteligência!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{int}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <br />
+                <label>Sabedoria</label><input type="number" name='attr_sab' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Sabedoria!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{sab}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <br />
+                <label>Carisma</label><input type="number" name='attr_car' class='sheet-short' style="margin-left: 5px; width: 35px;">
+                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando seu Carisma!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{car}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
+                <hr />
+            </div>
+            <div class="row">
+                <div class="col" style="margin-left:-15px">
+
+                    <h2 class="titulo">Proficiências</h2>
+
+                    <textarea name="attr_proficiencias"></textarea>
+
+                    <h2 class="titulo">Magias</h2>
+
+                    <textarea name="attr_magias"></textarea>
+
+                    <h2 class="titulo">Idiomas</h2>
+
+                    <textarea name="attr_idiomas" style="height: 35px" ;></textarea>
+
+
                 </div>
-                <br>
-                <img src="https://i.imgur.com/rA73vNY.png" style="max-width:820px">
             </div>
         </div>
-    <div >
-	<div class="col atributos" style="min-width:200px; max-width: 200px; min-height=80px; max-height=80px;">
-	    <div class="row">
-	        <h2 class="titulo">Atributos</h2>
 
-    		<label>Força</label><input type="number" name='attr_for' class='sheet-short' style="margin-left: 5px; width: 35px;">
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Força!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{for}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <br />
-    		<label>Destreza</label><input type="number" name='attr_des' class='sheet-short' style="margin-left: 5px; width: 35px;">
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Destreza!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{des}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <br />
-    		<label>Constituição</label><input type="number" name='attr_con' class='sheet-short' style="margin-left: 5px; width: 35px;">
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Constituição!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{con}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <br />
-    		<label>Inteligência</label><input type="number" name='attr_int' class='sheet-short' style="margin-left: 5px; width: 35px;">
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Inteligência!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{int}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <br />
-    		<label>Sabedoria</label><input type="number" name='attr_sab' class='sheet-short' style="margin-left: 5px; width: 35px;">
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Sabedoria!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{sab}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <br />
-            <label>Carisma</label><input type="number" name='attr_car' class='sheet-short' style="margin-left: 5px; width: 35px;"> 
-            <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando seu Carisma!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{car}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
-            <hr/>
-	    </div>
-	    <div class="row">
-	        <div class="col" style="margin-left:-15px">
+        <div class="col" style="margin-left:10px; min-width: 370px; min-height=80px; max-height=80px;">
+            <div class="row">
+                <h2 class="titulo">Parâmetros</h2>
+                <div class="atributos">
+                    <label>PV</label><input type="text" name='attr_pvmax' class='sheet-short' style="margin-left:-95px; width: 60px;">
+                    <input type="text" name="attr_pvdano" class='sheet-short' style="margin-left: 5px; width: 90px;" />
+                    <br />
+                    <label class="obs-label" style="margin-left:43px;">Totais</label><label class="obs-label" style="margin-left:-60px;">Dano Sofrido</label>
+                    <br />
+                    <label>Def</label><input type="text" name="attr_def" value="10+@{def_des}+@{def_armadura}+@{def_outros}" disabled="true" style="margin-left:-85px; width: 40px;" />
+                    <label>= 10 + </label><input type="text" name="attr_def_des" value="0" style="margin-left:-72px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_def_armadura" value="0" style="margin-left:-104px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_def_outros" value="0" style="margin-left:-104px; width: 40px;" />
+                    <br />
+                    <label class="obs-label" style="margin-left:137px; max-widht:20px">DES/CON*</label>
+                    <label class="obs-label" style="margin-left:-62px; max-width:20px">Armadura</label>
+                    <label class="obs-label" style="margin-left:35px; max-width:20px">Outros</label>
+                    <br />
+                    <label>MP</label><input type="text" name="attr_MP" value="0" style="margin-left:-85px; width: 40px;" />
+                    <label>Triunfo</label><input type="text" name="attr_triunfo" style="margin-left:-65px; width: 40px;" />
+                    <br />
+                </div>
+                <h2 class="titulo">Combate</h2>
+                <div class="atributos combate">
+                    <label style="max-width:20px">Corporal</label><input type="text" name="attr_atq_corporal" value="@{atqc_for}+@{atqc_mp}+@{atqc_outros}" disabled="true" style="margin-left:25px; width: 40px;" />
+                    <label>= 1d20 + </label><input type="text" name="attr_atqc_for" value="0" style="margin-left:-78px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_atqc_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_atqc_outros" value="0" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque corporal!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_corporal}+?{Bônus|0}]]!}}"></button>
+                    <br />
+                    <label class="obs-label-combate" style="margin-left:147px; max-widht:20px">FOR/DES*</label>
+                    <label class="obs-label-combate" style="margin-left:-62px; max-width:20px">MP</label>
+                    <label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
+                    <br />
+                    <label style="max-width:20px">Distância</label><input type="text" name="attr_atq_distancia" value="@{atqd_des}+@{atqd_mp}+@{atqd_outros}" disabled="true" style="margin-left:25px; width: 40px;" />
+                    <label>= 1d20 + </label><input type="text" name="attr_atqd_des" value="0" style="margin-left:-78px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_atqd_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;" />
+                    <label> + </label><input type="text" name="attr_atqd_outros" value="0" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque à distância!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_distancia}+?{Bônus|0}]]!}}"></button>
+                    <br />
+                    <label class="obs-label-combate" style="margin-left:157px; max-widht:20px">DES</label>
+                    <label class="obs-label-combate" style="margin-left:-72px; max-width:20px">MP</label>
+                    <label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
+                </div>
+                <h2 class="titulo">Armas e Ataques</h2>
+                <div class="atributos armas">
+                    <input type="text" name="attr_nome_arma1" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma1" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao1" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma1}!}} {{Yohoho! @{character_name} causou [[@{dano_arma1}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br>
+                    <input type="text" name="attr_nome_arma2" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma2" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao2" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma2}!}} {{Yohoho! @{character_name} causou [[@{dano_arma2}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br />
+                    <input type="text" name="attr_nome_arma3" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma3" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao3" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma3}!}} {{Yohoho! @{character_name} causou [[@{dano_arma3}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br />
+                    <input type="text" name="attr_nome_arma4" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma4" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao4" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma4}!}} {{Yohoho! @{character_name} causou [[@{dano_arma4}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br>
+                    <input type="text" name="attr_nome_arma5" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma5" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao5" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma5}!}} {{Yohoho! @{character_name} causou [[@{dano_arma5}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br />
+                    <input type="text" name="attr_nome_arma6" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma6" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao6" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma6}!}} {{Yohoho! @{character_name} causou [[@{dano_arma6}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br />
+                    <input type="text" name="attr_nome_arma7" style="width: 180px;" />
+                    <label> </label><input type="text" name="attr_dano_arma7" style="margin-left:-114px; width: 40px;" />
+                    <label> </label><input type="number" name="attr_municao7" style="margin-left:-114px; width: 40px;" />
+                    <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma7}!}} {{Yohoho! @{character_name} causou [[@{dano_arma7}}]] de dano!}}"></button>
+                    <br />
+                    <label style="margin-left:90px; max-widht:20px">Nome</label>
+                    <label style="margin-left:-15px; max-width:20px">Dano</label>
+                    <label style="margin-left:13px; max-width:20px">Munição</label>
+                    <br>
 
-		        <h2 class="titulo">Proficiências</h2>
+                    <br />
 
-		        <textarea name="attr_proficiencias"></textarea>
-		         
-		        <h2 class="titulo">Magias</h2>
-
-		        <textarea name="attr_magias"></textarea>
-                   
-		        <h2 class="titulo">Idiomas</h2>
-
-		        <textarea name="attr_idiomas" style="height: 35px";></textarea>
-		     
-
-        	</div>
-	    </div>
-	</div>
-
-	<div class="col" style="margin-left:10px; min-width: 370px; min-height=80px; max-height=80px;">
-	    <div class="row">
-    		<h2 class="titulo">Parâmetros</h2>
-            <div class="atributos">
-                <label>PV</label><input type="text" name='attr_pvmax' class='sheet-short' style="margin-left:-95px; width: 60px;">
-                <input type="text" name="attr_pvdano" class='sheet-short' style="margin-left: 5px; width: 90px;" />
-                <br/>
-                <label class="obs-label" style="margin-left:43px;">Totais</label><label class="obs-label" style="margin-left:-60px;">Dano Sofrido</label>
-                <br/>
-                <label>Def</label><input type="text" name="attr_def" value="10+@{def_des}+@{def_armadura}+@{def_outros}" disabled="true" style="margin-left:-85px; width: 40px;"/>
-                <label>= 10 + </label><input type="text" name="attr_def_des" value="0" style="margin-left:-72px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_def_armadura" value="0" style="margin-left:-104px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_def_outros" value="0" style="margin-left:-104px; width: 40px;"/>
-                <br/>
-                <label class="obs-label" style="margin-left:137px; max-widht:20px">DES/CON*</label>
-                <label class="obs-label" style="margin-left:-62px; max-width:20px">Armadura</label>
-                <label class="obs-label" style="margin-left:35px; max-width:20px">Outros</label>
-                <br/>
-                <label>MP</label><input type="text" name="attr_MP" value="0" style="margin-left:-85px; width: 40px;"/>
-                <label>Triunfo</label><input type="text" name="attr_triunfo" style="margin-left:-65px; width: 40px;" />
-                <br/>
+                    <br />
+                </div>
             </div>
-            <h2 class="titulo">Combate</h2>
-            <div class="atributos combate">
-                <label style="max-width:20px">Corporal</label><input type="text" name="attr_atq_corporal" value="@{atqc_for}+@{atqc_mp}+@{atqc_outros}" disabled="true" style="margin-left:25px; width: 40px;"/>
-                <label>= 1d20 + </label><input type="text" name="attr_atqc_for" value="0" style="margin-left:-78px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_atqc_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_atqc_outros" value="0"  style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque corporal!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_corporal}+?{Bônus|0}]]!}}"></button>
-                <br/>
-                <label class="obs-label-combate" style="margin-left:147px; max-widht:20px">FOR/DES*</label>
-                <label class="obs-label-combate" style="margin-left:-62px; max-width:20px">MP</label>
-                <label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
-                <br/>
-        		<label style="max-width:20px">Distância</label><input type="text" name="attr_atq_distancia" value="@{atqd_des}+@{atqd_mp}+@{atqd_outros}" disabled="true" style="margin-left:25px; width: 40px;"/>
-                <label>= 1d20 + </label><input type="text" name="attr_atqd_des" value="0" style="margin-left:-78px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_atqd_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;"/>
-                <label> + </label><input type="text" name="attr_atqd_outros" value="0" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque à distância!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_distancia}+?{Bônus|0}]]!}}"></button>
-                <br/>
-                <label class="obs-label-combate" style="margin-left:157px; max-widht:20px">DES</label>
-                <label class="obs-label-combate" style="margin-left:-72px; max-width:20px">MP</label>
-                <label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
+        </div>
+
+        <div class="col" style="margin-left:-15px; min-width:230px;">
+
+            <h2 class="titulo">Características</h2>
+
+            <textarea name="attr_caracteristicas"></textarea>
+            <hr />
+
+            <h2 class="titulo">Equipamentos</h2>
+
+            <textarea name="attr_equipamentos"></textarea>
+            <label class="atributos">PO: <input type="number" name="attr_po" style="width: 55px; font-size:0.7em;" /> </label>
+            <label class="atributos">PP: <input type="number" name="attr_pp" style="width: 55px; font-size:0.7em;" /> </label>
+            <label class="atributos">PC: <input type="number" name="attr_pc" style="width: 55px; font-size:0.7em;" /> </label>
+            <hr />
+
+            <h2 class="titulo">Anotações</h2>
+
+            <textarea name="attr_notas"></textarea>
+            <hr />
+        </div>
+    </div>
+
+
+    <div class='sheet-magias'>
+       <h2 class="atributos">Magias</h2>
+        <br/> 
+        
+        <fieldset class="repeating_skills">
+            <span class="armas">
+
+				<div class="4colrow">
+                    <div class="row">
+                        <div class="col">
+                            <label>Nome: <input type="text" name="attr_listamagiasNome" style="width: 630px;" /> </label>
+                        </div>
+                        <div class="col">
+                            <label>Arco: <input type="number" name="attr_listamagiasArco" style="width: 52px;" /> </label>
+                        </div>
+                    </div>
+
+                    <div class="row" style="padding-top:2px;">
+                        <div class="col">
+                            <label>Antecedente: <input type="text" name="attr_listamagiasAntecedente" style="width: 130px;" /> </label>
+                        </div>
+                        <div class="col">
+                            <label>Alcance: <input type="text" name="attr_listamagiasAlcance" style="width: 130px;" /> </label>
+                        </div>
+                        <div class="col">
+                            <label>Duração: <input type="text" name="attr_listamagiasDuracao" style="width: 130px;" /> </label>
+                        </div>
+                        <div class="col">
+                            <label>Resistir: <input type="text" name="attr_listamagiasResistir" style="width: 130px;" /> </label>
+                        </div>
+                    </div>
+                </div>
+
                 <div class="row">
-            </div>        
-	        <h2 class="titulo">Armas e Ataques</h2>
-	        <div class="atributos armas">
-	            <input type="text" name="attr_nome_arma1" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma1" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao1" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma1}!}} {{Yohoho! @{character_name} causou [[@{dano_arma1}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br>
-                <input type="text" name="attr_nome_arma2" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma2" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao2" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma2}!}} {{Yohoho! @{character_name} causou [[@{dano_arma2}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br/>
-                <input type="text" name="attr_nome_arma3" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma3" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao3" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma3}!}} {{Yohoho! @{character_name} causou [[@{dano_arma3}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br/>
-                 <input type="text" name="attr_nome_arma4" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma4" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao4" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma4}!}} {{Yohoho! @{character_name} causou [[@{dano_arma4}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br>
-                <input type="text" name="attr_nome_arma5" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma5" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao5" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma5}!}} {{Yohoho! @{character_name} causou [[@{dano_arma5}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br/>
-                <input type="text" name="attr_nome_arma6" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma6" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao6" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma6}!}} {{Yohoho! @{character_name} causou [[@{dano_arma6}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br/>
-                 <input type="text" name="attr_nome_arma7" style="width: 180px;"/>
-                <label> </label><input type="text" name="attr_dano_arma7" style="margin-left:-114px; width: 40px;"/>
-                <label> </label><input type="number" name="attr_municao7" style="margin-left:-114px; width: 40px;"/>
-                <button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma7}!}} {{Yohoho! @{character_name} causou [[@{dano_arma7}}]] de dano!}}"></button>
-                <br/>
-                <label style="margin-left:90px; max-widht:20px">Nome</label>
-                <label style="margin-left:-15px; max-width:20px">Dano</label>
-                <label style="margin-left:13px; max-width:20px">Munição</label>
-                <br>
-              
-                <br/>
-                
-                <br/>
-	    </div>
-            </div>
-            
-	    </div>
-	   
+                    <textarea style="width: 780px; height: 30px;" name="attr_listamagiasDescricao"></textarea>
+                </div>
+
+                <hr />
+
+            </span>
+        </fieldset>
+    </div>
+	<br/><br/>
+
+	<div class="row">
+		<label class="creditos">
+			Ficha desenvolvida por David Dornelles, Cleison Ferreira e Júlia Yamamoto baseada no modelo original de Mônica de Faria
+		</label>
 	</div>
-
-	<div class="col" style="margin-left:-15px; min-width:230px;">
-
-		<h2 class="titulo">Características</h2>
-
-		<textarea name="attr_caracteristicas"></textarea>
-        <hr/>
-
-		<h2 class="titulo">Equipamentos</h2>
-
-		<textarea name="attr_equipamentos"></textarea>
-		<label class="atributos">PO: <input type="number" name="attr_po" style="width: 55px; font-size:0.7em;"/> </label>
-		<label class="atributos">PP: <input type="number" name="attr_pp" style="width: 55px; font-size:0.7em;"/> </label>
-		<label class="atributos">PC: <input type="number" name="attr_pc" style="width: 55px; font-size:0.7em;"/> </label>
-		<hr/>
-		
-		<h2 class="titulo">Anotações</h2>
-
-		<textarea name="attr_notas"></textarea>
-		<hr/>
-	</div>
-</div>
-<div class="row">
-    <label class="creditos">
-        Ficha desenvolvida por David Dornelles, Cleison Ferreira e Júlia Yamamoto baseada no modelo original de Mônica de Faria
-    </label>
-</div>
 </div>
 </html>
+<script type="text/worker">
+    const buttonlist = ["principal","magias"];
+    buttonlist.forEach(button => {
+    on(`clicked:${button}`, function() {
+    setAttrs({
+    sheetTab: button
+    });
+    });
+    });
+</script>
\ No newline at end of file
