From af200c2851465aeab44918b43644442e65cc8060 Mon Sep 17 00:00:00 2001
From: the-Dissilent <theDissilent@gmail.com>
Date: Mon, 10 Jan 2022 23:09:42 -0500
Subject: [PATCH] Sentinel Comics - Roll Template

Added 2 Roll Templates, and stylized the Default Template. Also added a background texture to the tab buttons, so players can see which is selected.
---
 Sentinel Comics RPG/SCRPG-Sheet.css  |  61 ++-
 Sentinel Comics RPG/SCRPG-Sheet.html | 648 ++++++++++++++++++++-------
 Sentinel Comics RPG/sheet.json       |   4 +-
 3 files changed, 558 insertions(+), 155 deletions(-)

diff --git a/Sentinel Comics RPG/SCRPG-Sheet.css b/Sentinel Comics RPG/SCRPG-Sheet.css
index 3c8731a435..f35ed59719 100644
--- a/Sentinel Comics RPG/SCRPG-Sheet.css	
+++ b/Sentinel Comics RPG/SCRPG-Sheet.css	
@@ -12,7 +12,7 @@
 .sheet-rfill {background-color: #f9beac;}
 
 /* --------------------------------Flex & Grid Layouts-------------------------------- */
-.sheet-flexrow {display: flex; align-items: flex-start;}
+.sheet-flexrow {display: flex; align-items: flex-start; gap: 2px;}
 .sheet-flexspace {flex-grow: 1;}
 .sheet-morespace {flex-grow: 4;}
 
@@ -22,12 +22,25 @@
 .sheet-dividedgrid {
     display: grid; grid-template-columns: 15px auto 25px auto 65px 65px 65px;
 }
+.sheet-envirostatusgrid {
+	display: grid; grid-template-columns: auto 95px 95px 95px auto;
+}
+.sheet-envirostatuscolor {
+	display: grid; grid-template-columns: 30px 65px;
+}
 .sheet-shead {display: inline-grid; place-items: center;}
 .sheet-sgreen {background-color: #41b23b; display: inline-grid; place-items: center;}
 .sheet-syellow {background-color: #f8df1b; display: inline-grid; place-items: center;}
 .sheet-sred {background-color: #dc2f34; display: inline-grid; place-items: center;}
 .sheet-sgrey {background-color: #bfbfbf; display: inline-grid; place-items: center; height: 35px;}
 .sheet-sblack {color: white; background-color: #171711; display: inline-grid; place-items: center;}
+/* Color the Environment*/
+div.sheet-envirotitle {background-color: #41b23b;}
+.sheet-envirocolor[value="Yellow"] ~ div.sheet-envirotitle {background-color: #f8df1b;}
+.sheet-envirocolor[value="Red"] ~ div.sheet-envirotitle {background-color: #dc2f34;}
+.sheet-envirocolor[value="Green"] ~ div.sheet-envirostatusgrid > div.sheet-sgreen,
+.sheet-envirocolor[value="Yellow"] ~ div.sheet-envirostatusgrid > div.sheet-syellow,
+.sheet-envirocolor[value="Red"] ~ div.sheet-envirostatusgrid > div.sheet-sred {font-weight: bold; border: 2px solid black; font-size: 16px;}
 
 .sheet-descgrid {
     display: grid;
@@ -49,6 +62,22 @@
 
 /* --------------------------------Hide and Display section of Code-------------------------------- */
 /* Configure the tab buttons*/
+.sheet-tabstoggle[value="hero"] ~ button.sheet-herobutton,
+.sheet-tabstoggle[value="abilities"] ~ button.sheet-abilbutton,
+.sheet-tabstoggle[value="auxiliary"] ~ button.sheet-formbutton,
+.sheet-tabstoggle[value="minions"] ~ button.sheet-minibutton,
+.sheet-tabstoggle[value="villain"] ~ button.sheet-villbutton,
+.sheet-tabstoggle[value="environment"] ~ button.sheet-envibutton,
+.sheet-tabs2toggle[value="abilities2"] ~ button.sheet-abil2button,
+.sheet-tabs2toggle[value="actions2"] ~ button.sheet-acti2button {
+	background-image: url("https://imgur.com/Sa0nqts.jpg");
+	font-weight: bold;
+	border: 2px solid black;
+	padding: 10px 10px;
+	font-size: 20px;
+}
+
+/* Hide all tabs */
 .sheet-hero,
 .sheet-aux,
 .sheet-minions,
@@ -60,11 +89,11 @@
 
 /* show the selected tab */
 .sheet-tabstoggle[value="hero"] ~ div.sheet-hero,
+.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
 .sheet-tabstoggle[value="auxiliary"] ~ div.sheet-aux,
 .sheet-tabstoggle[value="minions"] ~ div.sheet-minions,
 .sheet-tabstoggle[value="villain"] ~ div.sheet-villain,
 .sheet-tabstoggle[value="environment"] ~ div.sheet-environment,
-.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
 .sheet-tabs2toggle[value="abilities2"] ~ div.sheet-abilities2,
 .sheet-tabs2toggle[value="actions2"] ~ div.sheet-actions2 {display: block;}
 
@@ -104,6 +133,8 @@
 
 .sheet-dividedselect[value="2"] + .sheet-divideddouble[value="on"] ~ div.sheet-rightpower,
 .sheet-dividedselect[value="1"] + .sheet-divideddouble[value="on"] ~ div.sheet-leftquality {display: block;}
+.sheet-dividedselect[value="1"] ~ div.sheet-divideleft,
+.sheet-dividedselect[value="2"] ~ div.sheet-divideright {border-style: solid; border-width: 1%;}
 
 /* change font of die in roll buttons */
 button[type=roll].sheet-rolldice::before { content: ''; font-family: 'dicefontd4'; }
@@ -144,3 +175,29 @@ input.sheet-lock:not([value="hide"]) + button.sheet-lock > span.sheet-hide,
 input.sheet-lock:not([value="show"]) + button.sheet-lock > span.sheet-show,
 input.sheet-lock:not([value="hide"]) ~ div.sheet-nonsource,
 input.sheet-lock:not([value="show"]) ~ div.sheet-sourceinput {display: none;}
+
+/* ROLL TEMPLATES */
+.sheet-rolltemplate-default table {
+	border: 2px solid black;
+}
+
+.sheet-rolltemplate-default caption {
+	background-image: url("https://imgur.com/Sa0nqts.jpg");
+	color: black;
+	font-weight: bold;
+	border-top: 2px solid black;
+	border-bottom: 0px;
+	border-left: 2px solid black;
+	border-right: 2px solid black;
+}
+
+.sheet-rolltemplate-scrpg .sheet-scrpg-container { width: 225px; border: 1px solid black; padding: 0; margin: 0; background-color: #f6f0df; }
+.sheet-rolltemplate-scrpg .inlinerollresult {background-color: transparent; border: none;}
+.sheet-rolltemplate-scrpg .sheet-scrpg-title {font-weight: bold; font-size: 14px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 3px;}
+.sheet-rolltemplate-scrpg .sheet-gfill {background-color: #46e35e;}
+.sheet-rolltemplate-scrpg .sheet-yfill {background-color: #ffff99;}
+.sheet-rolltemplate-scrpg .sheet-rfill {background-color: #f9beac;}
+.sheet-rolltemplate-scrpg .sheet-outfill {background-color: #bfbfbf;}
+.sheet-rolltemplate-scrpg .sheet-scrpg-icons {text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 2px;}
+.sheet-rolltemplate-scrpg .sheet-scrpg-type {text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; margin-bottom: 3px;}
+.sheet-rolltemplate-scrpg .sheet-scrpg-desc {text-align: right; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 3px;}
diff --git a/Sentinel Comics RPG/SCRPG-Sheet.html b/Sentinel Comics RPG/SCRPG-Sheet.html
index c83d6db4cd..2dfd7d0932 100644
--- a/Sentinel Comics RPG/SCRPG-Sheet.html	
+++ b/Sentinel Comics RPG/SCRPG-Sheet.html	
@@ -2,28 +2,28 @@
 <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
 <!-- Buttons for Tabs -->
 <div class="flexrow">
-    <button type="action" name="act_hero" >Hero</button>
-    <button type="action" name="act_abilities" >Abilities</button>
-    <button type="action" name="act_auxiliary" >Forms / Modes</button>
-    <button type="action" name="act_minions" >Minions</button>
+    <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+    <button type="action" class="herobutton" name="act_hero" >Hero</button>
+    <button type="action" class="abilbutton" name="act_abilities" >Abilities</button>
+    <button type="action" class="formbutton" name="act_auxiliary" >Forms / Modes</button>
+    <button type="action" class="minibutton" name="act_minions" >Minions</button>
     <!-- Roll Macro -->
     <div class="flexspace"></div>
     <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
     <div class='hero abilities aux minions villain'>
         <button type='roll' class='rolldice flexspace' name='roll_action' value='
-            &{template:default} {{name=@{character_name}}} {{@{power_chosen} - @{power_value}=[[@{power_value}cs>13cf<0]]}} {{@{quality_chosen} - @{quality_value}=[[@{quality_value}cs>13cf<0]]}} {{@{status_chosen} - @{status_value}=[[@{status_value}cs>13cf<0]]}}'>
-            <b><span style="font-family: 'dicefontd4'">0</span><span style="font-family: 'dicefontd6'">0</span><span style="font-family: 'dicefontd8'">0</span>Roll Action Dice<span style="font-family: 'dicefontd10'">0</span><span style="font-family: 'dicefontd12'">0</span></b>
+            &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die1-@{power_value}=1}} {{r1name=@{power_chosen} - @{power_value} = }} {{roll1=[[@{power_value}cs>13cf<0]]}} {{die2-@{quality_value}=1}} {{r2name=@{quality_chosen} - @{quality_value} = }} {{roll2=[[@{quality_value}cs>13cf<0]]}} {{die3-@{status_value}=1}} {{r3name=@{status_chosen} - @{status_value} = }} {{roll3=[[@{status_value}cs>13cf<0]]}}'><b><span style="font-family: 'dicefontd4'">0</span><span style="font-family: 'dicefontd6'">0</span><span style="font-family: 'dicefontd8'">0</span>Roll Action Dice<span style="font-family: 'dicefontd10'">0</span><span style="font-family: 'dicefontd12'">0</span></b>
         </button>
     </div>
     <div class='environment'>
         <button type='roll' class='rolldice flexspace' name='roll_environment' value='
-            &{template:default} {{name=@{character_name}}} {{@{eTrait1} - @{eTrait1die}=[[@{eTrait1die}cs>13cf<0]]}} {{@{eTrait2} - @{eTrait2die}=[[@{eTrait2die}cs>13cf<0]]}} {{@{eTrait3} - @{eTrait3die}=[[@{eTrait3die}cs>13cf<0]]}}'>
+            &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{die1-@{eTrait1die}=1}} {{r1name=@{eTrait1} - @{eTrait1die} = }} {{roll1=[[@{eTrait1die}cs>13cf<0]]}} {{die2-@{eTrait2die}=1}} {{r2name=@{eTrait2} - @{eTrait2die} = }} {{roll2=[[@{eTrait2die}cs>13cf<0]]}} {{die3-@{eTrait3die}=1}} {{r3name=@{eTrait3} - @{eTrait3die} = }} {{roll3=[[@{eTrait3die}cs>13cf<0]]}}'>
             <b><span style="font-family: 'dicefontd4'">0</span><span style="font-family: 'dicefontd6'">0</span><span style="font-family: 'dicefontd8'">0</span>Roll Environment<span style="font-family: 'dicefontd10'">0</span><span style="font-family: 'dicefontd12'">0</span></b>
         </button>
     </div>
     <div class="flexspace"></div>
-    <button type="action" name="act_villain" >Villain</button>
-    <button type="action" name="act_environment" >Environment</button>
+    <button type="action" class="villbutton" name="act_villain" >Villain</button>
+    <button type="action" class="envibutton" name="act_environment" >Environment</button>
     <div class="flexspace"></div>
     <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
     <button type="action" name="act_source_toggle" class="lock" style=width:100px>
@@ -260,11 +260,11 @@
     <input type="hidden" class="dividedselect" name="attr_civilianoheroic" value="0" />
     <div class="dividedeither">
         <div class="flexrow">
+            <input type="hidden" class="dividedselect" name="attr_civilianoheroic" value="0" />
             <div class="flexspace"></div>
-            <input type="text" class="typed-head" name="attr_divided1name" value="Character's Civilian Form" style="width: 40%">
+            <div class="divideleft" style="width: 40%"><input type="text" class="typed-head" name="attr_divided1name" value="Character's Civilian Form" style="width: 100%"></div>
             <div class="flexspace"></div>
             <!--Button facing left or right-->
-            <input type="hidden" class="dividedselect" name="attr_civilianoheroic" value="0" />
             <div class="dividedcivilian">
                 <button type="action" name="act_divided_toggle">◀</button>
             </div>
@@ -272,7 +272,7 @@
                 <button type="action" name="act_divided_toggle">▶</button>
             </div>
             <div class="flexspace"></div>
-            <input type="text" class="typed-head" name="attr_divided2name" value="Character's Heroic Form" style="width: 40%">
+            <div class="divideright" style="width: 40%"><input type="text" class="typed-head" name="attr_divided2name" value="Character's Heroic Form" style="width: 100%"></div>
             <div class="flexspace"></div>
         </div>
     </div>
@@ -302,7 +302,7 @@
                 <input type="text" name="attr_power_value" style="width: 25%; float: left;" value='d4'>
             </div>
             <button type='roll' class='rolldice' name='roll_power' value='
-                &{template:default} {{name=@{character_name} - Power}} {{@{power_chosen} - @{power_value}=[[@{power_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{suffix= - Power}} {{die1-@{power_value}=1}} {{r1name=@{power_chosen} - @{power_value} = }} {{roll1=[[@{power_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -327,7 +327,7 @@
                 <input type="text" name="attr_power_value" style="width: 25%; float: left;" value='d4'>
             </div>
             <button type='roll' class='rolldice' name='roll_power' value='
-                &{template:default} {{name=@{character_name} - Power}} {{@{power_chosen} - @{power_value}=[[@{power_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Power}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die1-@{power_value}=1}} {{r1name=@{power_chosen} - @{power_value} = }} {{roll1=[[@{power_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -351,7 +351,7 @@
                 <input type="text" name="attr_power_value" style="width: 25%; float: left;" value='d4'>
             </div>
             <button type='roll' class='rolldice' name='roll_power' value='
-                &{template:default} {{name=@{character_name} - Quality}} {{@{power_chosen} - @{power_value}=[[@{power_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Quality}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die1-@{power_value}=1}} {{r1name=@{power_chosen} - @{power_value} = }} {{roll1=[[@{power_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -377,7 +377,7 @@
                 <input type="text" name="attr_quality_value" style="width: 25%; float: left;" value='d4'>
             </div>
             <button type='roll' class='rolldice' name='roll_quality' value='
-                &{template:default} {{name=@{character_name} - Power}} {{@{quality_chosen} - @{quality_value}=[[@{quality_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Power}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die2-@{quality_value}=1}} {{r2name=@{quality_chosen} - @{quality_value} = }} {{roll2=[[@{quality_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -401,7 +401,7 @@
                 <input type="text" name="attr_quality_value" style="width: 25%; float: left;" value='d4'>
             </div>
             <button type='roll' class='rolldice' name='roll_quality' value='
-                &{template:default} {{name=@{character_name} - Quality}} {{@{quality_chosen} - @{quality_value}=[[@{quality_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Quality}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die2-@{quality_value}=1}} {{r2name=@{quality_chosen} - @{quality_value} = }} {{roll2=[[@{quality_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -521,7 +521,7 @@
                 <input type="text" name="attr_status_value" style="width: 44%; float: left;" value='d0'>
             </div>
             <button type='roll' class='rolldice' name='roll_status' value='
-                &{template:default} {{name=@{character_name} - Status}} {{@{status_chosen} - @{status_value}=[[@{status_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Status}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die3-@{status_value}=1}} {{r3name=@{status_chosen} - @{status_value} = }} {{roll3=[[@{status_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -546,7 +546,7 @@
                 <input type="text" name="attr_status_value" style="width: 25%; float: left;" value='d0'>
             </div>
             <button type='roll' class='rolldice' name='roll_status' value='
-                &{template:default} {{name=@{character_name} - Status: @{statushead}}} {{@{status_chosen} - @{status_value}=[[@{status_value}cs>13cf<0]]}}'>
+                &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{suffix= - Status: @{statushead}}} {{modenum=[[@{poweromode}]]}} {{mode1=@{g1name}}} {{mode2=@{g2name}}} {{mode3=@{g3name}}} {{mode4=@{y1name}}} {{mode5=@{y2name}}} {{mode6=@{r1name}}} {{divided=[[@{civilianoheroic}]]}} {{divided1=@{divided1name}}} {{divided2=@{divided2name}}} {{die3-@{status_value}=1}} {{r3name=@{status_chosen} - @{status_value} = }} {{roll3=[[@{status_value}cs>13cf<0]]}}'>
                 <b><span style="font-family: 'dicefontd10'">0</span></b>
             </button>
         </div>
@@ -561,30 +561,37 @@
     <div class="mode0">
         <input type="radio" value="0" name="attr_moderadio" checked="true" />
         <div class="col"><h3>Character has no Alternate Forms or Modes</h3></div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- Default Mode & Notes -->
     <div class="modeg1">
-        <input type="radio" value="1" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_g1name" value="Default Form/Mode">
-        <input type="hidden" class="direction" name="attr_g1direction" value="down" />
-        <button type="action" name="act_g1direction_toggle" class="direction">
-            <span class="down" style="color: #46e35e;">▼</span>
-            <span class="right"  style="color: #46e35e;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_g1_print' value='
-                &{template:default} {{name=@{character_name} - @{g1name}}} {{@{g1desription}}} {{All actions are normal.}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="1" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_g1name" value="Default Form/Mode">
+            <input type="hidden" class="direction" name="attr_g1direction" value="right" />
+            <button type="action" name="act_g1direction_toggle" class="direction">
+                <span class="down" style="color: #46e35e;">▼</span>
+                <span class="right"  style="color: #46e35e;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="nonsource">
+                <button type='roll' class='rolldice' name='mode_g1_print' value='
+                    &{template:scrpg} {{color-Green=1}} {{name=@{character_name}}} {{suffix= - @{g1name}}} {{type=All actions are normal.}} {{desc=@{g1desription}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_g1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
+            <div class="flexspace"></div>
+            <div class="eachform" style="width: 33%; float: right">
+                <input type="text" class="typed-head" name="attr_auxnotesname" value="Notes">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_g1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
-        <div class="col" style="width: 33%; float: right">
-            <input type="text" class="typed-head" name="attr_auxnotesname" value="Notes">
-        </div>
+        <input type="hidden" class="direction" name="attr_g1direction" value="right" />
         <div class="eachform">
             <div class="col" style="border-style: solid; border-width: 1%; background-color: #46e35e;; width: 60%;">
                 <div class="2colrow">
@@ -613,29 +620,35 @@
             <div class="col" style="width: 37%;">
                 <textarea name="attr_auxnotes" style="width: 98%; height: 150px;"></textarea>
             </div>
+            <div class="col" style="width: 100%; height: 15px;"></div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- g2 is Second Green Mode -->
     <div class="modeg2">
-        <input type="radio" value="2" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_g2name">
-        <input type="hidden" class="direction" name="attr_g2direction" value="down" />
-        <button type="action" name="act_g2direction_toggle" class="direction">
-            <span class="down" style="color: #46e35e;">▼</span>
-            <span class="right"  style="color: #46e35e;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_g2_print' value='
-                &{template:default} {{name=@{character_name} - @{g2name}}} {{@{g2desription}}}
-                &{template:default} {{name=@{g2name} - @{g2abilityname}}} {{Type: @{g2abilitytype}}} {{@{g2abilitydesc}}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="2" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_g2name">
+            <input type="hidden" class="direction" name="attr_g2direction" value="right" />
+            <button type="action" name="act_g2direction_toggle" class="direction">
+                <span class="down" style="color: #46e35e;">▼</span>
+                <span class="right"  style="color: #46e35e;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="nonsource">
+                <button type='roll' class='rolldice' name='mode_g2_print' value='
+                    &{template:scrpg} {{color-Green=1}} {{name=@{character_name}}} {{suffix= - @{g2name}}} {{desc1=@{g2desription}}} {{name2=@{g2abilityname}}} {{icon1-@{g2icon1}=1}} {{icon2-@{g2icon2}=1}} {{icon3-@{g2icon3}=1}} {{type=Type: @{g2abilitytype}}} {{desc=@{g2abilitydesc}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_g2_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_g2_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
+        <input type="hidden" class="direction" name="attr_g2direction" value="right" />
         <div class="eachform" style="border-style: solid; border-width: 1%; background-color: #46e35e;">
             <div class="2colrow">
                 <div class="col" style="width: 30%;">
@@ -714,28 +727,34 @@
                 </div>
             </div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
+        <div class="eachform" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- g3 is Third Green Mode -->
     <div class="modeg3">
-        <input type="radio" value="3" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_g3name">
-        <input type="hidden" class="direction" name="attr_g3direction" value="down" />
-        <button type="action" name="act_g3direction_toggle" class="direction">
-            <span class="down" style="color: #46e35e;">▼</span>
-            <span class="right"  style="color: #46e35e;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_g3_print' value='
-                &{template:default} {{name=@{character_name} - @{g3name}}} {{@{g3desription}}}
-                &{template:default} {{name=@{g3name} - @{g3abilityname}}} {{Type: @{g3abilitytype}}} {{@{g3abilitydesc}}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="3" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_g3name">
+            <input type="hidden" class="direction" name="attr_g3direction" value="right" />
+            <button type="action" name="act_g3direction_toggle" class="direction">
+                <span class="down" style="color: #46e35e;">▼</span>
+                <span class="right"  style="color: #46e35e;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="col nonsource">
+                <button type='roll' class='rolldice' name='mode_g3_print' value='
+                    &{template:scrpg} {{color-Green=1}} {{name=@{character_name}}} {{suffix= - @{g3name}}} {{desc1=@{g3desription}}} {{name2=@{g3abilityname}}} {{icon1-@{g3icon1}=1}} {{icon2-@{g3icon2}=1}} {{icon3-@{g3icon3}=1}} {{type=Type: @{g3abilitytype}}} {{desc=@{g3abilitydesc}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="col sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_g3_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_g3_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
+        <input type="hidden" class="direction" name="attr_g3direction" value="right" />
         <div class="eachform" style="border-style: solid; border-width: 1%; background-color: #46e35e;;">
             <div class="2colrow">
                 <div class="col" style="width: 30%;">
@@ -814,28 +833,34 @@
                 </div>
             </div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
+        <div class="eachform" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- y1 is First Yellow Mode -->
     <div class="modey1">
-        <input type="radio" value="4" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_y1name">
-        <input type="hidden" class="direction" name="attr_y1direction" value="down" />
-        <button type="action" name="act_y1direction_toggle" class="direction">
-            <span class="down" style="color: #ffff99;">▼</span>
-            <span class="right"  style="color: #ffff99;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_y1_print' value='
-                &{template:default} {{name=@{character_name} - @{y1name}}} {{@{y1desription}}}
-                &{template:default} {{name=@{y1name} - @{y1abilityname}}} {{Type: @{y1abilitytype}}} {{@{y1abilitydesc}}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="4" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_y1name">
+            <input type="hidden" class="direction" name="attr_y1direction" value="right" />
+            <button type="action" name="act_y1direction_toggle" class="direction">
+                <span class="down" style="color: #ffff99;">▼</span>
+                <span class="right"  style="color: #ffff99;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="col nonsource">
+                <button type='roll' class='rolldice' name='mode_y1_print' value='
+                    &{template:scrpg} {{color-Yellow=1}} {{name=@{character_name}}} {{suffix= - @{y1name}}} {{desc1=@{y1desription}}} {{name2=@{y1abilityname}}} {{icon1-@{y1icon1}=1}} {{icon2-@{y1icon2}=1}} {{icon3-@{y1icon3}=1}} {{type=Type: @{y1abilitytype}}} {{desc=@{y1abilitydesc}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="col sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_y1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_y1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
+        <input type="hidden" class="direction" name="attr_y1direction" value="right" />
         <div class="eachform" style="border-style: solid; border-width: 1%; background-color: #ffff99;">
             <div class="2colrow">
                 <div class="col" style="width: 30%;">
@@ -914,28 +939,34 @@
                 </div>
             </div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
+        <div class="eachform" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- y2 is Second Yellow Mode -->
     <div class="modey2">
-        <input type="radio" value="5" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_y2name">
-        <input type="hidden" class="direction" name="attr_y2direction" value="down" />
-        <button type="action" name="act_y2direction_toggle" class="direction">
-            <span class="down" style="color: #ffff99;">▼</span>
-            <span class="right"  style="color: #ffff99;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_y2_print' value='
-                &{template:default} {{name=@{character_name} - @{y2name}}} {{@{y2desription}}}
-                &{template:default} {{name=@{y2name} - @{y2abilityname}}} {{Type: @{y2abilitytype}}} {{@{y2abilitydesc}}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="5" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_y2name">
+            <input type="hidden" class="direction" name="attr_y2direction" value="right" />
+            <button type="action" name="act_y2direction_toggle" class="direction">
+                <span class="down" style="color: #ffff99;">▼</span>
+                <span class="right"  style="color: #ffff99;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="col nonsource">
+                <button type='roll' class='rolldice' name='mode_y2_print' value='
+                    &{template:scrpg} {{color-Yellow=1}} {{name=@{character_name}}} {{suffix= - @{y2name}}} {{desc1=@{y2desription}}} {{name2=@{y2abilityname}}} {{icon1-@{y2icon1}=1}} {{icon2-@{y2icon2}=1}} {{icon3-@{y2icon3}=1}} {{type=Type: @{y2abilitytype}}} {{desc=@{y2abilitydesc}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="col sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_y2_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_y2_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
+        <input type="hidden" class="direction" name="attr_y2direction" value="right" />
         <div class="eachform" style="border-style: solid; border-width: 1%; background-color: #ffff99;">
             <div class="2colrow">
                 <div class="col" style="width: 30%;">
@@ -1014,28 +1045,34 @@
                 </div>
             </div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
+        <div class="eachform" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- r1 is the Red Mode -->
     <div class="moder1">
-        <input type="radio" value="6" name="attr_moderadio" />
-        <input type="text" class="typed-head" name="attr_r1name">
-        <input type="hidden" class="direction" name="attr_r1direction" value="down" />
-        <button type="action" name="act_r1direction_toggle" class="direction">
-            <span class="down" style="color: #f9beac;">▼</span>
-            <span class="right"  style="color: #f9beac;">►</span>
-        </button>
-        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
-        <div class="col nonsource">
-            <button type='roll' class='rolldice' name='mode_r1_print' value='
-                &{template:default} {{name=@{character_name} - @{r1name}}} {{@{r1desription}}}
-                &{template:default} {{name=@{r1name} - @{r1abilityname}}} {{Type: @{r1abilitytype}}} {{@{r1abilitydesc}}}'>
-                <b><span style="font-family: 'Pictos'">/</span></b>
+        <div class="flexrow">
+            <input type='hidden' class='tabstoggle' name='attr_sheetTab'  value='hero' />
+            <input type="hidden" class="modeselect" name="attr_poweromode"  value="0" />
+            <div class="mode0">
+                <input type="radio" value="6" name="attr_moderadio" />
+            </div>
+            <input type="text" class="typed-head" name="attr_r1name">
+            <input type="hidden" class="direction" name="attr_r1direction" value="right" />
+            <button type="action" name="act_r1direction_toggle" class="direction">
+                <span class="down" style="color: #f9beac;">▼</span>
+                <span class="right"  style="color: #f9beac;">►</span>
             </button>
+            <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+            <div class="col nonsource">
+                <button type='roll' class='rolldice' name='mode_r1_print' value='
+                    &{template:scrpg} {{color-Red=1}} {{name=@{character_name}}} {{suffix= - @{r1name}}} {{desc1=@{r1desription}}} {{name2=@{r1abilityname}}} {{icon1-@{r1icon1}=1}} {{icon2-@{r1icon2}=1}} {{icon3-@{r1icon3}=1}} {{type=Type: @{r1abilitytype}}} {{desc=@{r1abilitydesc}}}'>
+                    <b><span style="font-family: 'Pictos'">/</span></b>
+                </button>
+            </div>
+            <div class="col sourceinput"><b>*Sourcebook</b>
+                <input type="text" name="attr_r1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
+            </div>
         </div>
-        <div class="col sourceinput"><b>*Sourcebook</b>
-            <input type="text" name="attr_r1_sourcebook" value="SCRPG:Core p90/96" style="width: 61%">
-        </div>
+        <input type="hidden" class="direction" name="attr_r1direction" value="right" />
         <div class="eachform" style="border-style: solid; border-width: 1%; background-color: #f9beac;">
             <div class="2colrow">
                 <div class="col" style="width: 30%;">
@@ -1114,7 +1151,7 @@
                 </div>
             </div>
         </div>
-        <div class="col" style="width: 100%; height: 15px;"></div>
+        <div class="eachform" style="width: 100%; height: 15px;"></div>
     </div>
     <!-- Divided Options-->
     <div class="mode0">
@@ -1201,16 +1238,9 @@
 </div>
 <div class='abilities villain'>
     <!-- ABILITIES (REPEATING) -->
-    <div class='flexrow'>
-        <input type='hidden' class='tabs2toggle' name='attr_sheetTab2'  value='abilities2' />
-        <div class='abilities2'><h3>Abilities</h3></div>
-        <div class='actions2'><h3>Basic Actions</h3></div>
-        <div class="flexspace"></div>
-        <button type="action" name="act_abilities2" >Abilities</button>
-        <button type="action" name="act_actions2" >Basic Actions</button>
-        <div class="flexspace"></div>
-    </div>
     <input type='hidden' class='tabs2toggle' name='attr_sheetTab2'  value='abilities2' />
+    <button type="action" class="abil2button" name="act_abilities2" >Abilities</button>
+    <button type="action" class="acti2button" name="act_actions2" >Basic Actions</button>
     <div class='abilities2'>
         <!--Green Abilities -->
         <div class="green-abilities" style="border-style: solid; border-width: 0.5%;">
@@ -1260,10 +1290,19 @@
                     <input type="text" name="attr_abilityname" style="width: 86%;">
                 </div>
                 <div class="col nonsource">
-                    <button type='roll' class='rolldice' name='ability_print' value='
-                        &{template:default} {{name=@{character_name} - @{abilityname}}} {{Type: @{abilitytype}}} {{@{greenabilitydesc}}}'>
-                        <b><span style="font-family: 'Pictos'">/</span></b>
-                    </button>
+                    <input type='hidden' class='tabstoggle' name='attr_resheetTab'  value='hero' />
+                    <div class='abilities'>
+                        <button type='roll' class='rolldice' name='ability_print' value='
+                            &{template:scrpg} {{color-Green=1}} {{name=@{character_name}}} {{suffix= - @{abilityname}}} {{icon1-@{icon1}=1}} {{icon2-@{icon2}=1}} {{icon3-@{icon3}=1}} {{type=Type: @{abilitytype}}} {{desc=@{greenabilitydesc}}}'>
+                            <b><span style="font-family: 'Pictos'">/</span></b>
+                        </button>
+                    </div>
+                    <div class='villain'>
+                        <button type='roll' class='rolldice' name='ability_print' value='
+                            &{template:scrpg} {{name=@{character_name}}} {{suffix= - @{abilityname}}} {{icon1-@{icon1}=1}} {{icon2-@{icon2}=1}} {{icon3-@{icon3}=1}} {{type=Type: @{abilitytype}}} {{desc=@{greenabilitydesc}}}'>
+                            <b><span style="font-family: 'Pictos'">/</span></b>
+                        </button>
+                    </div>
                 </div>
                 <div class="col sourceinput" style="width: 25%;"><b>*Source</b>
                     <input type="text" name="attr_abilitysourcebook" value="SCRPG:Core pXX" style="width: 73%">
@@ -1409,7 +1448,7 @@
                 </div>
                 <div class="col nonsource">
                     <button type='roll' class='rolldice' name='ability_print' value='
-                        &{template:default} {{name=@{character_name} - @{abilityname}}} {{Type: @{abilitytype}}} {{@{yellowabilitydesc}}}'>
+                        &{template:scrpg} {{color-Yellow=1}} {{name=@{character_name}}} {{suffix= - @{abilityname}}} {{icon1-@{icon1}=1}} {{icon2-@{icon2}=1}} {{icon3-@{icon3}=1}} {{type=Type: @{abilitytype}}} {{desc=@{yellowabilitydesc}}}'>
                         <b><span style="font-family: 'Pictos'">/</span></b>
                     </button>
                 </div>
@@ -1477,7 +1516,7 @@
                 </div>
                 <div class="col nonsource">
                     <button type='roll' class='rolldice' name='ability_print' value='
-                        &{template:default} {{name=@{character_name} - @{abilityname}}} {{Type: @{abilitytype}}} {{@{redabilitydesc}}}'>
+                        &{template:scrpg} {{color-Red=1}} {{name=@{character_name}}} {{suffix= - @{abilityname}}} {{icon1-@{icon1}=1}} {{icon2-@{icon2}=1}} {{icon3-@{icon3}=1}} {{type=Type: @{abilitytype}}} {{desc=@{redabilitydesc}}}'>
                         <b><span style="font-family: 'Pictos'">/</span></b>
                     </button>
                 </div>
@@ -1503,7 +1542,7 @@
             <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
             <div class="col nonsource">
                 <button type='roll' class='rolldice' name='ability_print' value='
-                    &{template:default} {{name=@{character_name} - Out Ability}} {{@{outability}}}'>
+                    &{template:scrpg} {{color-out=1}} {{name=@{character_name}}} {{suffix= - Out Ability}} {{desc1=@{outability}}}'>
                     <b><span style="font-family: 'Pictos'">/</span></b>
                 </button>
             </div>
@@ -1517,7 +1556,14 @@
 <div class='minions'>
     <!-- MINIONS -->
     <div class="col" style="width: 40%;">
-        <input class="typed-head" type="text" name="attr_miniontype" style ="width: 75%;" value='Your Minions'>
+        <input class="col typed-head" type="text" name="attr_miniontype" style ="width: 75%;" value='Your Minions'>
+        <input type="hidden" class="lock" name="attr_sourcebook" value="hide" />
+        <div class="col nonsource">
+            <button type='roll' class='rolldice' name='action_print' value='&{template:minion-print}'>
+                <b><span style="font-family: 'Pictos'">/</span></b>
+            </button>
+        </div>
+        <div class="col descinline sourceinput" style="font-size: 10px;">SCRPG:Core p87</div>
         <span>
             <div>
             <table style="width: 100% ; margin: 0 auto ; border-style: solid; border-width: 1%;">
@@ -1593,17 +1639,26 @@
 </div>
 <div class='environment'>
     <!-- ENVIRONMENT -->
+    <!-- Status -->
+    <input type='hidden' class='envirocolor' name='attr_status_chosen'  value='Out' />
+    <div class="envirostatusgrid">
+        <div style="height: 35px"></div>
+        <div class="sgreen envirostatuscolor"><input type="checkbox" name="attr_greencheck" value="1" style="width: 25px; height: 25px; margin: 0 auto; margin-left: 5px;">Green</div>
+        <div class="syellow envirostatuscolor"><input type="checkbox" name="attr_yellowcheck" value="1" style="width: 25px; height: 25px; margin: 0 auto; margin-left: 5px;">Yellow</div>
+        <div class="sred envirostatuscolor"><input type="checkbox" name="attr_redcheck" value="1" style="width: 25px; height: 25px; margin: 0 auto; margin-left: 5px;">Red</div>
+    </div>
     <!-- Environment Name -->
-    <div class="col" style="width: 49%; border-style: solid; border-width: 1%; background-color: #41b23b;">
+    <div class="col envirotitle" style="width: 49%; border-style: solid; border-width: 1%;">
         <h2 style="color: #ffffff;"><b>Environment Name</b></h2>
         <input class="detail-input" type="text" name="attr_character_name" style="width: 97%; font-weight: bold; font-size: xx-large;">
         <div style="width: 100%; height: 11px;"></div>
     </div>
     <!-- Traits -->
-    <div class="col" style="width: 49%; float: right; border-style: solid; border-width: 1%; background-color: #41b23b;">
+    <div class="col envirotitle" style="width: 49%; float: right; border-style: solid; border-width: 1%;">
         <div style="width: 97%">
             <div style="width: 100%; height: 3px;"></div>
             <div class="flexrow" style="width: 100%; height: 30px;">
+                <div style="width: 1px"></div>
                 <input type="text" class="flexspace" name="attr_eTrait1" style="width: 100%; float: left;">
                 <select name="attr_eTrait1die" style="width: 20%; float: left;">
                 <option value="d0" selected>-</option>
@@ -1614,11 +1669,12 @@
                 <option value="d12">d12</option>
                 </select>
                 <button type='roll' class='rolldice' name='roll_power' value='
-                    &{template:default} {{name=@{character_name}}} {{@{eTrait1} - @{eTrait1die}=[[@{eTrait1die}cs>13cf<0]]}}'>
+                    &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{die1-@{eTrait1die}=1}} {{r1name=@{eTrait1} - @{eTrait1die} = }} {{roll1=[[@{eTrait1die}cs>13cf<0]]}}'>
                     <b><span style="font-family: 'dicefontd10'">0</span></b>
                 </button>
             </div>
             <div class="flexrow" style="width: 100%; height: 30px;">
+                <div style="width: 1px"></div>
                 <input type="text" name="attr_eTrait2" style="width: 100%; float: left;">
                 <select name="attr_eTrait2die" style="width: 20%; float: left;">
                 <option value="d0" selected>-</option>
@@ -1629,11 +1685,12 @@
                 <option value="d12">d12</option>
                 </select>
                 <button type='roll' class='rolldice' name='roll_power' value='
-                    &{template:default} {{name=@{character_name}}} {{@{eTrait2} - @{eTrait2die}=[[@{eTrait2die}cs>13cf<0]]}}'>
+                    &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{die2-@{eTrait2die}=1}} {{r2name=@{eTrait2} - @{eTrait2die} = }} {{roll2=[[@{eTrait2die}cs>13cf<0]]}}'>
                     <b><span style="font-family: 'dicefontd10'">0</span></b>
                 </button>
             </div>
             <div class="flexrow" style="width: 100%; height: 30px;">
+                <div style="width: 1px"></div>
                 <input type="text" name="attr_eTrait3" style="width: 100%; float: left;">
                 <select name="attr_eTrait3die" style="width: 20%; float: left;">
                 <option value="d0" selected>-</option>
@@ -1644,7 +1701,7 @@
                 <option value="d12">d12</option>
                 </select>
                 <button type='roll' class='rolldice' name='roll_power' value='
-                    &{template:default} {{name=@{character_name}}} {{@{eTrait3} - @{eTrait3die}=[[@{eTrait3die}cs>13cf<0]]}}'>
+                    &{template:scrpg} {{color-@{status_chosen}=1}} {{name=@{character_name}}} {{die3-@{eTrait3die}=1}} {{r3name=@{eTrait3} - @{eTrait3die} = }} {{roll3=[[@{eTrait3die}cs>13cf<0]]}}'>
                     <b><span style="font-family: 'dicefontd10'">0</span></b>
                 </button>
             </div>
@@ -1668,7 +1725,7 @@
             <input type="hidden" class="lock" name="attr_resourcebook" value="hide" />
             <div class="col nonsource">
                 <button type='roll' class='rolldice' name='twist_print' value='
-                    &{template:default} {{name=@{character_name} - @{twistname}}} {{@{twistsevere}}} {{@{twistdesc}}}'>
+                    &{template:scrpg} {{color-Green=1}} {{name=@{character_name}}} {{suffix= - @{twistname}}} {{type=@{twistsevere}}} {{desc=@{twistdesc}}}'>
                     <b><span style="font-family: 'Pictos'">/</span></b>
                 </button>
             </div>
@@ -1696,7 +1753,7 @@
             <input type="hidden" class="lock" name="attr_resourcebook" value="hide" />
             <div class="col nonsource">
                 <button type='roll' class='rolldice' name='twist_print' value='
-                    &{template:default} {{name=@{character_name} - @{twistname}}} {{@{twistsevere}}} {{@{twistdesc}}}'>
+                    &{template:scrpg} {{color-Yellow=1}} {{name=@{character_name}}} {{suffix= - @{twistname}}} {{type=@{twistsevere}}} {{desc=@{twistdesc}}}'>
                     <b><span style="font-family: 'Pictos'">/</span></b>
                 </button>
             </div>
@@ -1724,7 +1781,7 @@
             <input type="hidden" class="lock" name="attr_resourcebook" value="hide" />
             <div class="col nonsource">
                 <button type='roll' class='rolldice' name='twist_print' value='
-                    &{template:default} {{name=@{character_name} - @{twistname}}} {{@{twistsevere}}} {{@{twistdesc}}}'>
+                    &{template:scrpg} {{color-Red=1}} {{name=@{character_name}}} {{suffix= - @{twistname}}} {{type=@{twistsevere}}} {{desc=@{twistdesc}}}'>
                     <b><span style="font-family: 'Pictos'">/</span></b>
                 </button>
             </div>
@@ -1740,6 +1797,293 @@
     <em>Sentinel Comics RPG and all images used are property of Greater than Games. Visit their website at: https://greaterthangames.com/</em>
 </span>
 
+<rolltemplate class="sheet-rolltemplate-scrpg">
+    <div class="sheet-scrpg-container">
+        {{#color-Red}} <div class="sheet-rfill sheet-scrpg-title"> {{/color-Red}}
+        {{#color-Yellow}} <div class="sheet-yfill sheet-scrpg-title"> {{/color-Yellow}}
+        {{#color-Green}} <div class="sheet-gfill sheet-scrpg-title"> {{/color-Green}}
+        {{^color-Red}}{{^color-Yellow}}{{^color-Green}}
+            <div class="sheet-outfill sheet-scrpg-title">
+        {{/color-Green}}{{/color-Yellow}}{{/color-Red}}
+            {{name}}
+            {{#divided}}
+                {{#rollTotal() divided 1}} - {{divided1}}{{/rollTotal() divided 1}}
+                {{#rollTotal() divided 2}} - {{divided2}}{{/rollTotal() divided 2}}
+            {{/divided}}
+            {{#modenum}}
+                {{#rollTotal() modenum 1}} - {{mode1}}{{/rollTotal() modenum 1}}
+                {{#rollTotal() modenum 2}} - {{mode2}}{{/rollTotal() modenum 2}}
+                {{#rollTotal() modenum 3}} - {{mode3}}{{/rollTotal() modenum 3}}
+                {{#rollTotal() modenum 4}} - {{mode4}}{{/rollTotal() modenum 4}}
+                {{#rollTotal() modenum 5}} - {{mode5}}{{/rollTotal() modenum 5}}
+                {{#rollTotal() modenum 6}} - {{mode6}}{{/rollTotal() modenum 6}}
+            {{/modenum}}
+            {{#suffix}}{{suffix}}{{/suffix}}
+        </div>
+
+        {{#desc1}} <div class="sheet-scrpg-desc">{{desc1}} </div> {{/desc1}}
+        {{#name2}}
+            {{#color-Red}} <div class="sheet-rfill sheet-scrpg-title">{{name2}} </div> {{/color-Red}}
+            {{#color-Yellow}} <div class="sheet-yfill sheet-scrpg-title">{{name2}} </div> {{/color-Yellow}}
+            {{#color-Green}} <div class="sheet-gfill sheet-scrpg-title">{{name2}} </div> {{/color-Green}}
+            {{^color-Red}}{{^color-Yellow}}{{^color-Green}}
+                <div class="sheet-outfill sheet-scrpg-title">{{name2}} </div>
+            {{/color-Green}}{{/color-Yellow}}{{/color-Red}}
+        {{/name2}}
+
+        <div class="sheet-scrpg-icons">
+            {{#die1-d4}}
+                {{#rollTotal() roll1 1}}<img src="https://imgur.com/cfhZRJz.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 1}}
+                {{#rollTotal() roll1 2}}<img src="https://imgur.com/olS9y1k.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 2}}
+                {{#rollTotal() roll1 3}}<img src="https://imgur.com/1h0dIhK.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 3}}
+                {{#rollTotal() roll1 4}}<img src="https://imgur.com/smDHMO4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 4}}
+            {{/die1-d4}}
+            {{#die1-d6}}
+                {{#rollTotal() roll1 1}}<img src="https://imgur.com/hnVzROO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 1}}
+                {{#rollTotal() roll1 2}}<img src="https://imgur.com/mlT1b2g.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 2}}
+                {{#rollTotal() roll1 3}}<img src="https://imgur.com/eUHguGf.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 3}}
+                {{#rollTotal() roll1 4}}<img src="https://imgur.com/zNcUdyr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 4}}
+                {{#rollTotal() roll1 5}}<img src="https://imgur.com/uAGdbvo.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 5}}
+                {{#rollTotal() roll1 6}}<img src="https://imgur.com/DqXdsG4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 6}}
+            {{/die1-d6}}
+            {{#die1-d8}}
+                {{#rollTotal() roll1 1}}<img src="https://imgur.com/QyNWL9s.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 1}}
+                {{#rollTotal() roll1 2}}<img src="https://imgur.com/pF6TFfe.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 2}}
+                {{#rollTotal() roll1 3}}<img src="https://imgur.com/kodFv2q.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 3}}
+                {{#rollTotal() roll1 4}}<img src="https://imgur.com/Q9MZosO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 4}}
+                {{#rollTotal() roll1 5}}<img src="https://imgur.com/4JOI476.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 5}}
+                {{#rollTotal() roll1 6}}<img src="https://imgur.com/cd8AKb4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 6}}
+                {{#rollTotal() roll1 7}}<img src="https://imgur.com/zjLgZ9N.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 7}}
+                {{#rollTotal() roll1 8}}<img src="https://imgur.com/p97gyrN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 8}}
+            {{/die1-d8}}
+            {{#die1-d10}}
+                {{#rollTotal() roll1 1}}<img src="https://imgur.com/rCX0ALY.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 1}}
+                {{#rollTotal() roll1 2}}<img src="https://imgur.com/3SgPSVN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 2}}
+                {{#rollTotal() roll1 3}}<img src="https://imgur.com/QVwAhIC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 3}}
+                {{#rollTotal() roll1 4}}<img src="https://imgur.com/mrq2CyM.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 4}}
+                {{#rollTotal() roll1 5}}<img src="https://imgur.com/0LeLE2J.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 5}}
+                {{#rollTotal() roll1 6}}<img src="https://imgur.com/vXhsjzF.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 6}}
+                {{#rollTotal() roll1 7}}<img src="https://imgur.com/oXh5JmI.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 7}}
+                {{#rollTotal() roll1 8}}<img src="https://imgur.com/bLVFaHS.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 8}}
+                {{#rollTotal() roll1 9}}<img src="https://imgur.com/4SwmqnH.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 9}}
+                {{#rollTotal() roll1 10}}<img src="https://imgur.com/66XuMig.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 10}}
+            {{/die1-d10}}
+            {{#die1-d12}}
+                {{#rollTotal() roll1 1}}<img src="https://imgur.com/5aOzI7v.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 1}}
+                {{#rollTotal() roll1 2}}<img src="https://imgur.com/Hpllu4a.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 2}}
+                {{#rollTotal() roll1 3}}<img src="https://imgur.com/jKYiTO1.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 3}}
+                {{#rollTotal() roll1 4}}<img src="https://imgur.com/TIyaQOC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 4}}
+                {{#rollTotal() roll1 5}}<img src="https://imgur.com/2zyHrXi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 5}}
+                {{#rollTotal() roll1 6}}<img src="https://imgur.com/vu1ojvi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 6}}
+                {{#rollTotal() roll1 7}}<img src="https://imgur.com/6QMufB5.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 7}}
+                {{#rollTotal() roll1 8}}<img src="https://imgur.com/jW1B1bQ.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 8}}
+                {{#rollTotal() roll1 9}}<img src="https://imgur.com/rhAAcWa.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 9}}
+                {{#rollTotal() roll1 10}}<img src="https://imgur.com/Mz6KPvr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 10}}
+                {{#rollTotal() roll1 11}}<img src="https://imgur.com/2P0EOTx.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 11}}
+                {{#rollTotal() roll1 12}}<img src="https://imgur.com/q7FD0AX.png" style="height: 50px; width: 50px;">{{/rollTotal() roll1 12}}
+            {{/die1-d12}}
+
+            {{#die2-d4}}
+                {{#rollTotal() roll2 1}}<img src="https://imgur.com/cfhZRJz.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 1}}
+                {{#rollTotal() roll2 2}}<img src="https://imgur.com/olS9y1k.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 2}}
+                {{#rollTotal() roll2 3}}<img src="https://imgur.com/1h0dIhK.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 3}}
+                {{#rollTotal() roll2 4}}<img src="https://imgur.com/smDHMO4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 4}}
+            {{/die2-d4}}
+            {{#die2-d6}}
+                {{#rollTotal() roll2 1}}<img src="https://imgur.com/hnVzROO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 1}}
+                {{#rollTotal() roll2 2}}<img src="https://imgur.com/mlT1b2g.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 2}}
+                {{#rollTotal() roll2 3}}<img src="https://imgur.com/eUHguGf.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 3}}
+                {{#rollTotal() roll2 4}}<img src="https://imgur.com/zNcUdyr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 4}}
+                {{#rollTotal() roll2 5}}<img src="https://imgur.com/uAGdbvo.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 5}}
+                {{#rollTotal() roll2 6}}<img src="https://imgur.com/DqXdsG4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 6}}
+            {{/die2-d6}}
+            {{#die2-d8}}
+                {{#rollTotal() roll2 1}}<img src="https://imgur.com/QyNWL9s.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 1}}
+                {{#rollTotal() roll2 2}}<img src="https://imgur.com/pF6TFfe.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 2}}
+                {{#rollTotal() roll2 3}}<img src="https://imgur.com/kodFv2q.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 3}}
+                {{#rollTotal() roll2 4}}<img src="https://imgur.com/Q9MZosO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 4}}
+                {{#rollTotal() roll2 5}}<img src="https://imgur.com/4JOI476.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 5}}
+                {{#rollTotal() roll2 6}}<img src="https://imgur.com/cd8AKb4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 6}}
+                {{#rollTotal() roll2 7}}<img src="https://imgur.com/zjLgZ9N.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 7}}
+                {{#rollTotal() roll2 8}}<img src="https://imgur.com/p97gyrN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 8}}
+            {{/die2-d8}}
+            {{#die2-d10}}
+                {{#rollTotal() roll2 1}}<img src="https://imgur.com/rCX0ALY.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 1}}
+                {{#rollTotal() roll2 2}}<img src="https://imgur.com/3SgPSVN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 2}}
+                {{#rollTotal() roll2 3}}<img src="https://imgur.com/QVwAhIC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 3}}
+                {{#rollTotal() roll2 4}}<img src="https://imgur.com/mrq2CyM.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 4}}
+                {{#rollTotal() roll2 5}}<img src="https://imgur.com/0LeLE2J.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 5}}
+                {{#rollTotal() roll2 6}}<img src="https://imgur.com/vXhsjzF.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 6}}
+                {{#rollTotal() roll2 7}}<img src="https://imgur.com/oXh5JmI.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 7}}
+                {{#rollTotal() roll2 8}}<img src="https://imgur.com/bLVFaHS.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 8}}
+                {{#rollTotal() roll2 9}}<img src="https://imgur.com/4SwmqnH.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 9}}
+                {{#rollTotal() roll2 10}}<img src="https://imgur.com/66XuMig.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 10}}
+            {{/die2-d10}}
+            {{#die2-d12}}
+                {{#rollTotal() roll2 1}}<img src="https://imgur.com/5aOzI7v.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 1}}
+                {{#rollTotal() roll2 2}}<img src="https://imgur.com/Hpllu4a.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 2}}
+                {{#rollTotal() roll2 3}}<img src="https://imgur.com/jKYiTO1.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 3}}
+                {{#rollTotal() roll2 4}}<img src="https://imgur.com/TIyaQOC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 4}}
+                {{#rollTotal() roll2 5}}<img src="https://imgur.com/2zyHrXi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 5}}
+                {{#rollTotal() roll2 6}}<img src="https://imgur.com/vu1ojvi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 6}}
+                {{#rollTotal() roll2 7}}<img src="https://imgur.com/6QMufB5.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 7}}
+                {{#rollTotal() roll2 8}}<img src="https://imgur.com/jW1B1bQ.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 8}}
+                {{#rollTotal() roll2 9}}<img src="https://imgur.com/rhAAcWa.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 9}}
+                {{#rollTotal() roll2 10}}<img src="https://imgur.com/Mz6KPvr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 10}}
+                {{#rollTotal() roll2 11}}<img src="https://imgur.com/2P0EOTx.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 11}}
+                {{#rollTotal() roll2 12}}<img src="https://imgur.com/q7FD0AX.png" style="height: 50px; width: 50px;">{{/rollTotal() roll2 12}}
+            {{/die2-d12}}
+
+            {{#die3-d4}}
+                {{#rollTotal() roll3 1}}<img src="https://imgur.com/cfhZRJz.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 1}}
+                {{#rollTotal() roll3 2}}<img src="https://imgur.com/olS9y1k.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 2}}
+                {{#rollTotal() roll3 3}}<img src="https://imgur.com/1h0dIhK.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 3}}
+                {{#rollTotal() roll3 4}}<img src="https://imgur.com/smDHMO4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 4}}
+            {{/die3-d4}}
+            {{#die3-d6}}
+                {{#rollTotal() roll3 1}}<img src="https://imgur.com/hnVzROO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 1}}
+                {{#rollTotal() roll3 2}}<img src="https://imgur.com/mlT1b2g.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 2}}
+                {{#rollTotal() roll3 3}}<img src="https://imgur.com/eUHguGf.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 3}}
+                {{#rollTotal() roll3 4}}<img src="https://imgur.com/zNcUdyr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 4}}
+                {{#rollTotal() roll3 5}}<img src="https://imgur.com/uAGdbvo.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 5}}
+                {{#rollTotal() roll3 6}}<img src="https://imgur.com/DqXdsG4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 6}}
+            {{/die3-d6}}
+            {{#die3-d8}}
+                {{#rollTotal() roll3 1}}<img src="https://imgur.com/QyNWL9s.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 1}}
+                {{#rollTotal() roll3 2}}<img src="https://imgur.com/pF6TFfe.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 2}}
+                {{#rollTotal() roll3 3}}<img src="https://imgur.com/kodFv2q.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 3}}
+                {{#rollTotal() roll3 4}}<img src="https://imgur.com/Q9MZosO.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 4}}
+                {{#rollTotal() roll3 5}}<img src="https://imgur.com/4JOI476.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 5}}
+                {{#rollTotal() roll3 6}}<img src="https://imgur.com/cd8AKb4.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 6}}
+                {{#rollTotal() roll3 7}}<img src="https://imgur.com/zjLgZ9N.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 7}}
+                {{#rollTotal() roll3 8}}<img src="https://imgur.com/p97gyrN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 8}}
+            {{/die3-d8}}
+            {{#die3-d10}}
+                {{#rollTotal() roll3 1}}<img src="https://imgur.com/rCX0ALY.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 1}}
+                {{#rollTotal() roll3 2}}<img src="https://imgur.com/3SgPSVN.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 2}}
+                {{#rollTotal() roll3 3}}<img src="https://imgur.com/QVwAhIC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 3}}
+                {{#rollTotal() roll3 4}}<img src="https://imgur.com/mrq2CyM.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 4}}
+                {{#rollTotal() roll3 5}}<img src="https://imgur.com/0LeLE2J.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 5}}
+                {{#rollTotal() roll3 6}}<img src="https://imgur.com/vXhsjzF.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 6}}
+                {{#rollTotal() roll3 7}}<img src="https://imgur.com/oXh5JmI.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 7}}
+                {{#rollTotal() roll3 8}}<img src="https://imgur.com/bLVFaHS.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 8}}
+                {{#rollTotal() roll3 9}}<img src="https://imgur.com/4SwmqnH.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 9}}
+                {{#rollTotal() roll3 10}}<img src="https://imgur.com/66XuMig.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 10}}
+            {{/die3-d10}}
+            {{#die3-d12}}
+                {{#rollTotal() roll3 1}}<img src="https://imgur.com/5aOzI7v.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 1}}
+                {{#rollTotal() roll3 2}}<img src="https://imgur.com/Hpllu4a.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 2}}
+                {{#rollTotal() roll3 3}}<img src="https://imgur.com/jKYiTO1.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 3}}
+                {{#rollTotal() roll3 4}}<img src="https://imgur.com/TIyaQOC.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 4}}
+                {{#rollTotal() roll3 5}}<img src="https://imgur.com/2zyHrXi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 5}}
+                {{#rollTotal() roll3 6}}<img src="https://imgur.com/vu1ojvi.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 6}}
+                {{#rollTotal() roll3 7}}<img src="https://imgur.com/6QMufB5.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 7}}
+                {{#rollTotal() roll3 8}}<img src="https://imgur.com/jW1B1bQ.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 8}}
+                {{#rollTotal() roll3 9}}<img src="https://imgur.com/rhAAcWa.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 9}}
+                {{#rollTotal() roll3 10}}<img src="https://imgur.com/Mz6KPvr.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 10}}
+                {{#rollTotal() roll3 11}}<img src="https://imgur.com/2P0EOTx.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 11}}
+                {{#rollTotal() roll3 12}}<img src="https://imgur.com/q7FD0AX.png" style="height: 50px; width: 50px;">{{/rollTotal() roll3 12}}
+            {{/die3-d12}}
+
+            <!--
+            {{#die3-d4}}<img src="https://imgur.com/9h4LaAg.png" style="height: 50px; width: 50px;">{{/die3-d4}}
+            {{#die3-d6}}<img src="https://imgur.com/BJbrfZZ.png" style="height: 50px; width: 50px;">{{/die3-d6}}
+            {{#die3-d8}}<img src="https://imgur.com/rN6DAW0.png" style="height: 50px; width: 50px;">{{/die3-d8}}
+            {{#die3-d10}}<img src="https://imgur.com/BOnGFrp.png" style="height: 50px; width: 50px;">{{/die3-d10}}
+            {{#die3-d12}}<img src="https://imgur.com/AGtDDKb.png" style="height: 50px; width: 50px;">{{/die3-d12}}
+            -->
+
+
+            {{#icon1-1}} <img src="https://i.imgur.com/VdI1nGL.png" style="height: 50px; width: 50px;"> {{/icon1-1}}
+            {{#icon1-2}} <img src="https://i.imgur.com/P74NrWI.png" style="height: 50px; width: 50px;"> {{/icon1-2}}
+            {{#icon1-3}} <img src="https://i.imgur.com/5Rc36P9.png" style="height: 50px; width: 50px;"> {{/icon1-3}}
+            {{#icon1-4}} <img src="https://i.imgur.com/S2zULo6.png" style="height: 50px; width: 50px;"> {{/icon1-4}}
+            {{#icon1-5}} <img src="https://i.imgur.com/sgmZ0g5.png" style="height: 50px; width: 50px;"> {{/icon1-5}}
+            {{#icon1-6}} <img src="https://i.imgur.com/714YUtO.png" style="height: 50px; width: 50px;"> {{/icon1-6}}
+
+            {{#icon2-1}} <img src="https://i.imgur.com/VdI1nGL.png" style="height: 50px; width: 50px;"> {{/icon2-1}}
+            {{#icon2-2}} <img src="https://i.imgur.com/P74NrWI.png" style="height: 50px; width: 50px;"> {{/icon2-2}}
+            {{#icon2-3}} <img src="https://i.imgur.com/5Rc36P9.png" style="height: 50px; width: 50px;"> {{/icon2-3}}
+            {{#icon2-4}} <img src="https://i.imgur.com/S2zULo6.png" style="height: 50px; width: 50px;"> {{/icon2-4}}
+            {{#icon2-5}} <img src="https://i.imgur.com/sgmZ0g5.png" style="height: 50px; width: 50px;"> {{/icon2-5}}
+            {{#icon2-6}} <img src="https://i.imgur.com/714YUtO.png" style="height: 50px; width: 50px;"> {{/icon2-6}}
+
+            {{#icon3-1}} <img src="https://i.imgur.com/VdI1nGL.png" style="height: 50px; width: 50px;"> {{/icon3-1}}
+            {{#icon3-2}} <img src="https://i.imgur.com/P74NrWI.png" style="height: 50px; width: 50px;"> {{/icon3-2}}
+            {{#icon3-3}} <img src="https://i.imgur.com/5Rc36P9.png" style="height: 50px; width: 50px;"> {{/icon3-3}}
+            {{#icon3-4}} <img src="https://i.imgur.com/S2zULo6.png" style="height: 50px; width: 50px;"> {{/icon3-4}}
+            {{#icon3-5}} <img src="https://i.imgur.com/sgmZ0g5.png" style="height: 50px; width: 50px;"> {{/icon3-5}}
+            {{#icon3-6}} <img src="https://i.imgur.com/714YUtO.png" style="height: 50px; width: 50px;"> {{/icon3-6}}
+        </div>
+
+        <div class="sheet-scrpg-type"> {{type}} </div>
+
+        {{#color-Red}} <div class="sheet-rfill sheet-scrpg-desc"> {{/color-Red}}
+        {{#color-Yellow}} <div class="sheet-yfill sheet-scrpg-desc"> {{/color-Yellow}}
+        {{#color-Green}} <div class="sheet-gfill sheet-scrpg-desc"> {{/color-Green}}
+        {{^color-Red}}{{^color-Yellow}}{{^color-Green}}
+            <div class="sheet-outfill sheet-scrpg-desc">
+        {{/color-Green}}{{/color-Yellow}}{{/color-Red}}
+            <table style="width: 100%;">
+                <tr style="background-color: #f6f0df">
+                    <td style="width: 90%"></td>
+                    <td style="width: 19%"></td>
+                </tr>
+                {{#roll1}}<tr>
+                    <td style="font-weight: bold; text-align: right;">{{r1name}}</td>
+                    <td>{{roll1}}</td>
+                </tr>{{/roll1}}
+                {{#roll2}}<tr>
+                    <td style="font-weight: bold; text-align: right;">{{r2name}}</td>
+                    <td>{{roll2}}</td>
+                </tr>{{/roll2}}
+                {{#roll3}}<tr>
+                    <td style="font-weight: bold; text-align: right;">{{r3name}}</td>
+                    <td>{{roll3}}</td>
+                </tr>{{/roll3}}
+            </table>
+            {{#desc}}{{desc}}{{/desc}}
+        </div>
+    </div>
+</rolltemplate>
+
+<rolltemplate class="sheet-rolltemplate-minion-print">
+    <table style="width: 100% ; margin: 0 auto ; border-style: solid; border-width: 1%; background-color: #f6f0df;">
+        <tbody>
+            <tr style="background-color: #9c95d3; font-weight: bold; font-size: 14px;">
+                <td style="width: 25%">KEY VALUE</td>
+                <td style="width: 25%">DIE TYPE</td>
+                <td style="width: 50%">EXAMPLE FORMS</td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold;">0 or Less</td>
+                <td><img src="https://i.imgur.com/zKe7brQ.png" style="height: 40px; width: 40px;"></td>
+                <td>tiny/featureless</td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold;">1-3</td>
+                <td><img src="https://i.imgur.com/2wFSDlU.png" style="height: 40px; width: 40px;"></td>
+                <td>small/limited detail</td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold;">4-7</td>
+                <td><img src="https://i.imgur.com/BQuOtZf.png" style="height: 40px; width: 40px;"></td>
+                <td>house pet sized/detailed</td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold;">8-11</td>
+                <td><img src="https://i.imgur.com/dO59pvM.png" style="height: 40px; width: 40px;"></td>
+                <td>humanoid sized/intracate</td>
+            </tr>
+            <tr>
+                <td style="font-weight: bold;">12+</td>
+                <td><img src="https://i.imgur.com/VMxuy5U.png" style="height: 40px; width: 40px;"></td>
+                <td>large/paragon</td>
+            </tr>
+        </tbody>
+    </table>
+</rolltemplate>
+
 <script type="text/worker">
     //Buttons for Tabs
     const buttonlist = ["hero","abilities","auxiliary","minions","villain","environment"];
@@ -2116,7 +2460,7 @@
             setAttrs(output);
         });
     });
-    on("change:sourcebook change:repeating_greenabilities change:repeating_yellowabilities change:repeating_redabilities change:repeating_minionforms", function() {
+    on("change:sheetTab change:sourcebook change:repeating_greenabilities change:repeating_yellowabilities change:repeating_redabilities change:repeating_minionforms", function() {
         getSectionIDs("repeating_greenabilities", greenarray => {
         getSectionIDs("repeating_yellowabilities", yellowarray => {
         getSectionIDs("repeating_redabilities", redarray => {
@@ -2124,10 +2468,12 @@
         getSectionIDs("repeating_greentwists", greenarray2 => {
         getSectionIDs("repeating_yellowtwists", yellowarray2 => {
         getSectionIDs("repeating_redtwists", redarray2 => {
-            getAttrs(['sourcebook'], function(v) {
+            getAttrs(['sourcebook','sheetTab'], function(v) {
+                const tabset = v.sheetTab
                 const sourceset = v.sourcebook
                 const output = {};
                 greenarray.forEach(id => output[`repeating_greenabilities_${id}_resourcebook`] = sourceset);
+                greenarray.forEach(id => output[`repeating_greenabilities_${id}_resheetTab`] = tabset);
                 yellowarray.forEach(id => output[`repeating_yellowabilities_${id}_resourcebook`] = sourceset);
                 redarray.forEach(id => output[`repeating_redabilities_${id}_resourcebook`] = sourceset);
                 minionarray.forEach(id => output[`repeating_minionforms_${id}_resourcebook`] = sourceset);
diff --git a/Sentinel Comics RPG/sheet.json b/Sentinel Comics RPG/sheet.json
index f1ffee7349..89fbf46ecb 100644
--- a/Sentinel Comics RPG/sheet.json	
+++ b/Sentinel Comics RPG/sheet.json	
@@ -2,9 +2,9 @@
   "html": "SCRPG-Sheet.html",
   "css": "SCRPG-Sheet.css",
   "authors": "MAMS-Gaming, theDissilent",
-  "roll20userids": "6315215 3173288",
+  "roll20userid": "6315215, 3173288",
   "patreon": "https://www.patreon.com/mamsgaming",
   "preview": "Bunker-Page-1.jpg",
   "instructions": "Sentinel Comics RPG Character Sheet\nRow of buttons at top of sheet will change between pages of character sheet, open/close sourcebook fields, and roll the Macro. For Macro, use checkboxes on ability sheet to select Power/Quality/Status, then press button to roll all 3.",
   "legacy": true
-}
\ No newline at end of file
+}