From 4fc67cf29bdaa478ced994e5b615e3d445f7a5f2 Mon Sep 17 00:00:00 2001
From: VJ ROLMASTERS <162357175+VJRolmasters@users.noreply.github.com>
Date: Wed, 4 Dec 2024 15:49:08 +0100
Subject: [PATCH 1/2] Add files via upload

---
 Fire Emblem/Fire-emblem.css | 207 +++++++++++++-----------------------
 1 file changed, 76 insertions(+), 131 deletions(-)

diff --git a/Fire Emblem/Fire-emblem.css b/Fire Emblem/Fire-emblem.css
index 4edfff486393..9e15c6c458b8 100644
--- a/Fire Emblem/Fire-emblem.css	
+++ b/Fire Emblem/Fire-emblem.css	
@@ -29,93 +29,82 @@ CSS FIRE EMBLEM */
   font-style: normal;
 }
 
-/*============= MENU CSS =============*/
 
-.sheet-center-menu{
+/*=================== TABS NOU MENU CSS ===================*/
+
+.sheet-cosmenu{
 	float: none;
-	position: relative;
+	width: 100%;
 	height: auto;
-	min-height: 50px;
+    min-height: 1000px;
+    margin: 0px auto ;
+	}
+
+/* configure the tab buttons */
+.charsheet .sheet-character,
+.charsheet .sheet-weapons,
+.charsheet .sheet-background,
+.charsheet .sheet-abilities{
+    display: none;
 }
 
-label {
-    font-size:1em;
-	z-index: 1;
+/* style the active button */
+.charsheet .sheet-tabstoggle[value="character"] ~ div .sheet-button0 {background-color: #FF0004 !important; color: #FFDD00 !important;}
+.charsheet .sheet-tabstoggle[value="weapons"] ~ div .sheet-button1 {background-color: #FF0004 !important; color: #FFDD00 !important;}
+.charsheet .sheet-tabstoggle[value="background"] ~ div .sheet-button2 {background-color: #FF0004 !important; color: #FFDD00 !important;}
+.charsheet .sheet-tabstoggle[value="abilities"] ~ div .sheet-button3 {background-color: #FF0004 !important; color: #FFDD00 !important;}
+
+/* show the selected tab */
+.charsheet .sheet-tabstoggle[value="character"] ~ div.sheet-character,
+.charsheet .sheet-tabstoggle[value="weapons"] ~ div.sheet-weapons,
+.charsheet .sheet-tabstoggle[value="background"] ~ div.sheet-background,
+.charsheet .sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities{
+    display: block;
 }
-input.sheet-tab
-{
+
+.sheet-button0,
+.sheet-button1,
+.sheet-button2,
+.sheet-button3{
     width: auto;
-    position: relative;
-    margin: 10px 0px 5px 2px;
-    cursor: pointer;
-    border: 2px #000000;
-	text-align: center;
-	z-index: 1;
-    display: inline-grid;
-}
-input.sheet-tab::before
-{
-    content: attr(title);
-    text-align: center;
-    display: inline-block;
     background: #000000;
-    color: #FFFFFF;
-    padding: 10px 49px;
-  font-family: "Vollkorn SC", serif;
-  font-weight: 400;
-  font-style: normal;
-    width: auto;
+    color: #ffffff;
+    margin: 0px 0px 0px 3px;
+    padding: 14px 46px 12px;
+    text-align: center;
+    font-family: "Vollkorn SC", serif;
+    font-weight: 400;
+    font-style: normal;
     font-size: 18px;
     border: 2px solid #000000;
-		
 	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
     box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
-	z-index: 1;
-	}
-input.sheet-tab:hover::before
-{
+    }
+
+.sheet-button0:hover,
+.sheet-button1:hover,
+.sheet-button2:hover,
+.sheet-button3:hover{
+    width: auto;
     background: #FF5F00;
-    color: white;
-    border: 2px solid #000000;
-}
-input.sheet-tab:checked::before
-{
-    background: #FF0004;
-    color: #FFDD00;
+    color: #ffffff;
+    margin: 0px 0px 0px 3px;
+    padding: 14px 46px 12px;
+    text-align: center;
+    font-family: "Vollkorn SC", serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 18px;
     border: 2px solid #000000;
-}
-
-div.sheet-tab-content
-{ display: none; }
+	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
+    -moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
+    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.75);
+    }
 
-input.sheet-tab1:checked ~ div.sheet-tab1,
-input.sheet-tab2:checked ~ div.sheet-tab2,
-input.sheet-tab3:checked ~ div.sheet-tab3,
-input.sheet-tab4:checked ~ div.sheet-tab4
-{
-    display: inline-block;
-	height: auto;
-	min-height: 400px;
-	width: 100%;
-	margin: 40px 0px;
-	z-index: 1;
-}
 
 /*============= CONTENEDORES Y COLUMNAS CSS =============*/
- 
-.sheet-cajamagica{
-    background-color: #f5f5f5;
-    border-color: #ddd;
-    cursor: not-allowed;
-    color: #555;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-}
-
-.sheet-clearfloat { 
+ .sheet-clearfloat { 
 	clear:both;
 	height:0;
 	font-size: 0px;
@@ -160,6 +149,17 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	background-position: center;
 }
 
+.sheet-capinfo{
+	float:left;
+	position:relative; 
+	width:96%;
+	height:105px;
+    margin: 0px 2%;
+	padding: 0px 0px;
+    box-sizing: border-box;
+    display: inline-block;
+	}
+
 .sheet-columna600{
 	float:left;
 	position:relative; 
@@ -241,7 +241,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	}
 .sheet-ampladatotal301{
 	float:none; 
-	width:600px;
+	width:55%;
 	height:30px;
     margin: 0px auto;
 	}
@@ -324,7 +324,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	}
 
 
-/*============= SKILLS, WEAPONS AND ITEMS CSS =============*/
+/*============= SKILLS AND ITEMS CSS =============*/
 .sheet-table-head{
 	float:left;
 	position:relative; 
@@ -356,7 +356,6 @@ input.sheet-tab4:checked ~ div.sheet-tab4
     margin: 0px auto;
     text-align: center;
 	}
-
 .sheet-item{
 	float:left; 
 	width:160px;
@@ -382,7 +381,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 }
 
 .charsheet button[type="roll"].sheet-textbox{
-  background-image: url("https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-chatC-30px.png"); 
+  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-chatC-30px.png"); 
   background-size: 24px 24px;
   background-repeat: no-repeat;
   width: 24px;
@@ -391,28 +390,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
   background-color: transparent;
   margin: 2px 0px 0px 5px;
 }
-
-
 /*============= WEAPONS CSS =============*/
-.sheet-weapon-big{
-	float:left; 
-	width:100px;
-	height:30px;
-    margin: 0px auto;
-    padding: 5px 0px 0px;
-    text-align: center;
-    font-size: 13px;
-    }
-.sheet-weapon-small{
-	float:left; 
-	width:68px;
-	height:30px;
-    margin: 0px auto;
-    padding: 5px 0px 0px;
-    text-align: center;
-    font-size: 14px;
-	}
-
 .sheet-combatA{
 	float:left; 
 	width:100px;
@@ -423,7 +401,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	}
 .sheet-combatB{
 	float:left; 
-	width:150px;
+	width:100px;
 	height:30px;
     margin: 0px auto;
     text-align: center;
@@ -438,26 +416,10 @@ input.sheet-tab4:checked ~ div.sheet-tab4
     text-align: center;
     font-size: 16px;
 	}
-.sheet-combatD{
-	float:left; 
-	width:300px;
-	height:30px;
-    margin: 0px auto;
-    text-align: center;
-    font-size: 16px;
-	}
-.sheet-combatE{
-	float:left; 
-	width:450px;
-	height:30px;
-    margin: 0px auto;
-    text-align: center;
-    font-size: 16px;
-	}
 
 .sheet-container-weapon{
 	float:none; 
-	width:550px;
+	width:400px;
 	height:auto;
     margin: 5px auto;
     padding: 10px;
@@ -556,7 +518,6 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	height:auto;
 	}
 
-/*=================== MAGIC CSS ===================*/
 
 /*============= CHECK BOX CSS =============*/
 .sheet-mycheck{	
@@ -567,6 +528,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
   background-color: #FF0000;
 }
 
+
 /*============= ESPACIADORES Y SEPARADORES CSS =============*/
 
 .sheet-espai-30{
@@ -619,7 +581,6 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 
 /*=================== MEDIA CSS ===================*/
 
-
 @media screen and (min-width: 940px){
     .sheet-contenedorvj{
     width: 100%;  
@@ -630,11 +591,7 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	background-position: center center;
     box-sizing: border-box;
       background-color:floralwhite;
-    }  
-  .sheet-sobrebarra{
-    padding: 0px 7px; 
-    background-color:floralwhite;
-    }  
+    }   
     }
 @media screen and (min-width: 1000px){
     .sheet-contenedorvj{
@@ -647,10 +604,6 @@ input.sheet-tab4:checked ~ div.sheet-tab4
     box-sizing: border-box;
       background-color:antiquewhite;
     }  
-  .sheet-sobrebarra{
-    padding: 0px 7px; 
-    background-color:antiquewhite;
-    }   
     }
 @media screen and (min-width: 1050px){
     .sheet-contenedorvj{
@@ -662,10 +615,6 @@ input.sheet-tab4:checked ~ div.sheet-tab4
 	background-position: center center;
     box-sizing: border-box;
       background-color:lavender;
-    }  
-  .sheet-sobrebarra{
-    padding: 0px 7px; 
-    background-color:lavender;
     }    
     }
 @media screen and (min-width: 1100px){
@@ -679,8 +628,4 @@ input.sheet-tab4:checked ~ div.sheet-tab4
     box-sizing: border-box;
       background-color:burlywood;
     }  
-  .sheet-sobrebarra{
-    padding: 0px 7px; 
-    background-color:burlywood;
     }
-     }

From 76e231b873c5e2b6721168e7221899d27e0db147 Mon Sep 17 00:00:00 2001
From: VJ ROLMASTERS <162357175+VJRolmasters@users.noreply.github.com>
Date: Thu, 12 Dec 2024 20:11:58 +0100
Subject: [PATCH 2/2] Add files via upload

---
 Fire Emblem/Fire-emblem.css  |  75 +++++++++++++++++----
 Fire Emblem/Fire-emblem.html | 123 ++++++++++++++++++++---------------
 2 files changed, 130 insertions(+), 68 deletions(-)

diff --git a/Fire Emblem/Fire-emblem.css b/Fire Emblem/Fire-emblem.css
index 9e15c6c458b8..e20493da0f0c 100644
--- a/Fire Emblem/Fire-emblem.css	
+++ b/Fire Emblem/Fire-emblem.css	
@@ -29,10 +29,9 @@ CSS FIRE EMBLEM */
   font-style: normal;
 }
 
-
 /*=================== TABS NOU MENU CSS ===================*/
 
-.sheet-cosmenu{
+.sheet-cosmenu2{
 	float: none;
 	width: 100%;
 	height: auto;
@@ -103,8 +102,21 @@ CSS FIRE EMBLEM */
     }
 
 
+
 /*============= CONTENEDORES Y COLUMNAS CSS =============*/
- .sheet-clearfloat { 
+ 
+.sheet-cajamagica{
+    background-color: #f5f5f5;
+    border-color: #ddd;
+    cursor: not-allowed;
+    color: #555;
+    border: 1px solid #ccc;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.sheet-clearfloat { 
 	clear:both;
 	height:0;
 	font-size: 0px;
@@ -148,7 +160,6 @@ CSS FIRE EMBLEM */
 	background-size: auto;
 	background-position: center;
 }
-
 .sheet-capinfo{
 	float:left;
 	position:relative; 
@@ -241,7 +252,7 @@ CSS FIRE EMBLEM */
 	}
 .sheet-ampladatotal301{
 	float:none; 
-	width:55%;
+	width:600px;
 	height:30px;
     margin: 0px auto;
 	}
@@ -324,7 +335,7 @@ CSS FIRE EMBLEM */
 	}
 
 
-/*============= SKILLS AND ITEMS CSS =============*/
+/*============= SKILLS, WEAPONS AND ITEMS CSS =============*/
 .sheet-table-head{
 	float:left;
 	position:relative; 
@@ -356,6 +367,7 @@ CSS FIRE EMBLEM */
     margin: 0px auto;
     text-align: center;
 	}
+
 .sheet-item{
 	float:left; 
 	width:160px;
@@ -381,7 +393,7 @@ CSS FIRE EMBLEM */
 }
 
 .charsheet button[type="roll"].sheet-textbox{
-  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-chatC-30px.png"); 
+  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-chatC-30px.png");
   background-size: 24px 24px;
   background-repeat: no-repeat;
   width: 24px;
@@ -390,7 +402,28 @@ CSS FIRE EMBLEM */
   background-color: transparent;
   margin: 2px 0px 0px 5px;
 }
+
 /*============= WEAPONS CSS =============*/
+
+.sheet-weapon-big{
+	float:left; 
+	width:100px;
+	height:30px;
+    margin: 0px auto;
+    padding: 5px 0px 0px;
+    text-align: center;
+    font-size: 13px;
+    }
+.sheet-weapon-small{
+	float:left; 
+	width:68px;
+	height:30px;
+    margin: 0px auto;
+    padding: 5px 0px 0px;
+    text-align: center;
+    font-size: 14px;
+	}
+
 .sheet-combatA{
 	float:left; 
 	width:100px;
@@ -401,7 +434,7 @@ CSS FIRE EMBLEM */
 	}
 .sheet-combatB{
 	float:left; 
-	width:100px;
+	width:150px;
 	height:30px;
     margin: 0px auto;
     text-align: center;
@@ -416,10 +449,26 @@ CSS FIRE EMBLEM */
     text-align: center;
     font-size: 16px;
 	}
+.sheet-combatD{
+	float:left; 
+	width:300px;
+	height:30px;
+    margin: 0px auto;
+    text-align: center;
+    font-size: 16px;
+	}
+.sheet-combatE{
+	float:left; 
+	width:450px;
+	height:30px;
+    margin: 0px auto;
+    text-align: center;
+    font-size: 16px;
+	}
 
 .sheet-container-weapon{
 	float:none; 
-	width:400px;
+	width:550px;
 	height:auto;
     margin: 5px auto;
     padding: 10px;
@@ -518,7 +567,6 @@ CSS FIRE EMBLEM */
 	height:auto;
 	}
 
-
 /*============= CHECK BOX CSS =============*/
 .sheet-mycheck{	
 	filter:  hue-rotate(120deg) brightness(0.8);
@@ -528,7 +576,6 @@ CSS FIRE EMBLEM */
   background-color: #FF0000;
 }
 
-
 /*============= ESPACIADORES Y SEPARADORES CSS =============*/
 
 .sheet-espai-30{
@@ -603,7 +650,7 @@ CSS FIRE EMBLEM */
 	background-position: center center;
     box-sizing: border-box;
       background-color:antiquewhite;
-    }  
+    }    
     }
 @media screen and (min-width: 1050px){
     .sheet-contenedorvj{
@@ -615,7 +662,7 @@ CSS FIRE EMBLEM */
 	background-position: center center;
     box-sizing: border-box;
       background-color:lavender;
-    }    
+    }     
     }
 @media screen and (min-width: 1100px){
     .sheet-contenedorvj{
@@ -628,4 +675,4 @@ CSS FIRE EMBLEM */
     box-sizing: border-box;
       background-color:burlywood;
     }  
-    }
+     }
diff --git a/Fire Emblem/Fire-emblem.html b/Fire Emblem/Fire-emblem.html
index a146ef1409dc..c0ddc93f15cf 100644
--- a/Fire Emblem/Fire-emblem.html	
+++ b/Fire Emblem/Fire-emblem.html	
@@ -5,7 +5,7 @@
         
     <div class="sheet-contenedor-central">
          <div class="sheet-espai-10"></div><!-- end .sheet-espai-10 --> 
-         <div class="sheet-100">
+         <div class="sheet-capinfo">
              
          <div class="sheet-columna600">
                  <div class="sheet-width100">
@@ -33,25 +33,31 @@
              
              <div class="sheet-columnalogo">
                    <div class="sheet-logo">
-                      <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/LOGO_FIRE_EMBLEM_COLOR.png" width="263" height="97" alt=""/> 
+                       <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/LOGO_FIRE_EMBLEM_COLOR.png" width="263" height="97" alt=""/>
                    </div><!-- end .sheet-logo -->
              </div><!-- end .sheet-columnalogo -->
                   
-        </div><!-- end .sheet-100 -->
+        </div><!-- end .cap infosheet-100 -->
         
       <!-- ============================= MENU ======================== -->    
     
-<div class="sheet-100">                
+<div class="sheet-100">                  
 <div class="sheet-center-menu">	
-       <div class="sheet-marge-left4"></div><!-- end .sheet-marge-left4 -->       
-	<input type="radio" name="attr_tab" class="sheet-tab sheet-tab1" value="1" title="CHARACTER" checked="checked" /><span></span>
-    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab2" value="2" title="WEAPONS" /><span></span>
-    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab3" value="3" title="BACKGROUND" /><span></span>
-    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab4" value="4" title="ABILITIES" /><span></span>  
-
-     <!-- ============================= CHARACTER ======================== -->    
-            
-            <div class="sheet-tab-content sheet-tab1">
+      
+               <!-- ============================= TABS MENU ======================== -->       
+                  <div class="sheet-cosmenu2">       
+                         <input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
+                                <div>
+                                    <button type="action" name="act_character" class="sheet-button0">CHARACTER</button>
+                                    <button type="action" name="act_weapons" class="sheet-button1">WEAPONS</button>
+                                    <button type="action" name="act_background" class="sheet-button2">BACKGROUND</button>
+                                    <button type="action" name="act_abilities" class="sheet-button3">ABILITIES</button>
+                                </div>
+                
+           <!-- ============================= TAB 1 : CHARACTER ======================== -->     
+            <div class="sheet-character">
+                   <div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
+                
                 <div class="sheet-stats-columnA">
                  
                     <div class="sheet-stats-boxA">       
@@ -67,7 +73,7 @@
                                  <input type="number" name="attr_hp_current" style="width:55px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/><input type="number" name="attr_hp_total" style="width:55px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                  <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_hp_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -87,7 +93,7 @@
                                  <input type="number" name="attr_str" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_str_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -107,7 +113,7 @@
                                  <input type="number" name="attr_mag" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                   <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_mag_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -127,7 +133,7 @@
                                  <input type="number" name="attr_def" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_def_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -147,7 +153,7 @@
                                  <input type="number" name="attr_res" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_res_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -167,7 +173,7 @@
                                  <input type="number" name="attr_skl" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                   <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_skl_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -187,7 +193,7 @@
                                  <input type="number" name="attr_spd" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                   <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_spd_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -207,7 +213,7 @@
                                  <input type="number" name="attr_luk" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_luk_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -254,11 +260,12 @@
                      </div><!-- end .sheet-width100 --> 
         
                 </div><!-- end .sheet-stats-columnB -->
-            </div><!-- end .tab1 -->
-
-         <!-- ============================= WEAPONS & COMBAT ======================== -->  
+            </div><!-- end .sheet-character : TAB 1 -->
 
-            <div class="sheet-tab-content sheet-tab2">
+        <!-- ============================= TAB 2 : COMBAT & WEAPONS ======================== -->   
+          <div class="sheet-weapons">
+              <div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
+              
                  <div class="sheet-stats-columnA">
                  
                     <div class="sheet-stats-boxA">       
@@ -274,7 +281,7 @@
                                  <input type="number" name="attr_hp_current" style="width:55px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/><input type="number" name="attr_hp_total" style="width:55px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                   <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_hp_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -294,7 +301,7 @@
                                  <input type="number" name="attr_str" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_str_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -314,7 +321,7 @@
                                  <input type="number" name="attr_mag" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_mag_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -334,7 +341,7 @@
                                  <input type="number" name="attr_def" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_def_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -354,7 +361,7 @@
                                  <input type="number" name="attr_res" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_res_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -374,7 +381,7 @@
                                  <input type="number" name="attr_skl" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_skl_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -394,7 +401,7 @@
                                  <input type="number" name="attr_spd" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_spd_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -414,7 +421,7 @@
                                  <input type="number" name="attr_luk" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                             </div><!-- end .sheet-stats-box -->
                             <div class="sheet-stats-fletxa">
-                                    <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                    <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                             </div><!-- end .sheet-stats-fletxa -->
                             <div class="sheet-stats-temporal">
                                     <input type="number" name="attr_luk_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -567,12 +574,12 @@
                     
             </div><!-- end .sheet-columnB -->
                 
-            </div><!-- end .tab2 -->
-
-         <!-- ============================= BACKGROUND ======================== -->
-    
-            <div class="sheet-tab-content sheet-tab3">
+            </div><!-- end .sheet-weapons : TAB2 -->
 
+         <!-- ============================= TAB 3 : BACKGROUND ======================== -->   
+        <div class="sheet-background">
+                    <div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
+            
                         <div class="sheet-width100">        
                             
                             <div class="sheet-columnaters">      
@@ -666,12 +673,12 @@
                                 <textarea name="attr_notes" style="width:825px; height: 400px; margin: 0px 0px 0px 0px; padding: 10px; resize: vertical; box-sizing: border-box; "></textarea>
                         </div><!-- end .sheet-width100 -->
                 
-            </div><!-- end .tab3 -->	
-
-          <!-- ============================= ABILITIES ======================== -->
-            <div class="sheet-tab-content sheet-tab4">
+            </div><!-- end .sheet-background : TAB 3 -->	
 
-                
+          <!-- ============================= TAB 4 : ABILITIES ======================== -->         
+         <div class="sheet-abilities">
+                <div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
+             
                       <div class="sheet-width100">               
    
                                 <div class="sheet-columnaters">               
@@ -698,7 +705,7 @@
                                                      <input type="number" name="attr_int" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                                                 </div><!-- end .sheet-stats-box -->
                                                 <div class="sheet-stats-fletxa">
-                                                        <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                                        <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                                                 </div><!-- end .sheet-stats-fletxa -->
                                                 <div class="sheet-stats-temporal">
                                                         <input type="number" name="attr_int_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -721,7 +728,7 @@
                                                      <input type="number" name="attr_cha" style="width:115px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: right;"/>
                                                 </div><!-- end .sheet-stats-box -->
                                                 <div class="sheet-stats-fletxa">
-                                                        <img src="https://rolmasters.com/ROLL20/FIRE-EMBLEM/Fire-emblem-fletxa.png" width="20" height="30" alt=""/> 
+                                                        <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fire Emblem/images/Fire-emblem-fletxa.png" width="20" height="30" alt=""/>
                                                 </div><!-- end .sheet-stats-fletxa -->
                                                 <div class="sheet-stats-temporal">
                                                         <input type="number" name="attr_cha_temp" style="width:60px; height: 30px; padding:1px 3px 0px; font-size: 14px; text-align: center;"/>
@@ -1228,14 +1235,9 @@
                              </fieldset>     
                      </div><!-- end .sheet-width100 -->
                 
-            </div><!-- end .tab4 -->
-
-         <!-- ============================= TAB5??? ======================== -->  
-            <div class="sheet-tab-content sheet-tab5">		
-                       5tab
-
-            </div><!-- end .tab5 -->
-
+            </div><!-- end .sheet-abilities : TAB 4 -->
+                      
+        </div><!-- end .sheet-cosmenu2 -->    
 </div><!-- end .sheet-center-menu -->
 </div><!-- end .sheet-100 -->       
         
@@ -1250,4 +1252,17 @@
         </div><!-- end .sheet-100 -->
     
         <div class="clearfloat"></div><div class="sheet-ampladatotal"></div><!-- end .sheet-ampladatotal -->
-	</div><!-- end .sheet-contenedorvj -->
\ No newline at end of file
+	</div><!-- end .sheet-contenedorvj -->
+
+<script type="text/worker">
+ <!-- SELECTOR PESTANYA -->
+ const buttonlist = ["character", "weapons", "background", "abilities"];
+    buttonlist.forEach(button => {
+        on(`clicked:${button}`, function() {
+            setAttrs({
+                sheetTab: button
+            });S
+        });
+    });
+
+</script>