From 2e30c03bde2efea4e2af04363b06fc69840b06a0 Mon Sep 17 00:00:00 2001
From: Christoph <christophkw@gmail.com>
Date: Sun, 2 Aug 2020 11:06:36 -0700
Subject: [PATCH] Updated Flow lines

---
 FreeSpacer/FreeSpacer.css         |  70 +++++++++++++++---------------
 FreeSpacer/FreeSpacer.html        |   4 +-
 FreeSpacer/img07/operatorFlow.png | Bin 0 -> 2682 bytes
 3 files changed, 38 insertions(+), 36 deletions(-)
 create mode 100644 FreeSpacer/img07/operatorFlow.png

diff --git a/FreeSpacer/FreeSpacer.css b/FreeSpacer/FreeSpacer.css
index 4b6fbec2d1..82961fcb51 100644
--- a/FreeSpacer/FreeSpacer.css
+++ b/FreeSpacer/FreeSpacer.css
@@ -2951,12 +2951,27 @@ span.sheet-shipLauncherTorpedo
 {
     position: absolute;
     z-index: 12;
+    display: inline-block;
 }
 
+.sheet-operatorDirection
+{
+    grid-row: 2 / span 5;
+    grid-column: 8 / span 25;
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operatorFlow.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 250px 42px;
+    opacity: 1;
+    width: 250px;
+    height: 42px;
+}
+
+
 .sheet-skillDirection
 {
-    display: block;
-    grid-area: 2/8/19/66;
+    grid-row: 2 / span 17;
+    grid-column: 8 / span 58;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/skillFlow.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -2968,7 +2983,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-specialtyDirection
 {
-    display: block;
     grid-row: 10;
     grid-column: 21;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/specialtyFlow.png);
@@ -2982,7 +2996,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-communicationsSpecialtyFlow1
 {
-    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/communicationsSpecialtyFlow1.png);
     background-repeat: no-repeat;
@@ -2995,7 +3008,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-communicationsSpecialtyFlow2
 {
-    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/communicationsSpecialtyFlow2.png);
     background-repeat: no-repeat;
@@ -3008,7 +3020,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-communicationsSpecialtyFlow3
 {
-    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/communicationsSpecialtyFlow3.png);
     background-repeat: no-repeat;
@@ -3021,7 +3032,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-communicationsSpecialtyFlow4
 {
-    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/communicationsSpecialtyFlow4.png);
     background-repeat: no-repeat;
@@ -3034,7 +3044,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-communicationsSpecialtyFlow5
 {
-    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/communicationsSpecialtyFlow5.png);
     background-repeat: no-repeat;
@@ -3047,7 +3056,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-operationsSpecialtyFlow1
 {
-    display: block;
     grid-area: 10/48/30/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operationsSpecialtyFlow1.png);
     background-repeat: no-repeat;
@@ -3060,7 +3068,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-operationsSpecialtyFlow2
 {
-    display: block;
     grid-area: 10/48/37/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operationsSpecialtyFlow2.png);
     background-repeat: no-repeat;
@@ -3073,7 +3080,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-operationsSpecialtyFlow3
 {
-    display: block;
     grid-area: 10/48/44/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operationsSpecialtyFlow3.png);
     background-repeat: no-repeat;
@@ -3086,7 +3092,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-operationsSpecialtyFlow4
 {
-    display: block;
     grid-area: 10/48/51/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operationsSpecialtyFlow4.png);
     background-repeat: no-repeat;
@@ -3099,7 +3104,6 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-operationsSpecialtyFlow5
 {
-    display: block;
     grid-area: 10/48/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/operationsSpecialtyFlow5.png);
     background-repeat: no-repeat;
@@ -3112,8 +3116,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-engineeringSpecialtyFlow1
 {
-    display: block;
-    grid-area: 10/71/30/78;
+    grid-row: 10 / span 20;
+    grid-column: 70 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/engineeringSpecialtyFlow1.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3125,8 +3129,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-engineeringSpecialtyFlow2
 {
-    display: block;
-    grid-area: 10/71/37/78;
+    grid-row: 10 / span 27;
+    grid-column: 70 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/engineeringSpecialtyFlow2.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3138,8 +3142,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-engineeringSpecialtyFlow3
 {
-    display: block;
-    grid-area: 10/71/44/78;
+    grid-row: 10 / span 34;
+    grid-column: 70 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/engineeringSpecialtyFlow3.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3151,8 +3155,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-engineeringSpecialtyFlow4
 {
-    display: block;
-    grid-area: 10/71/51/78;
+    grid-row: 10 / span 41;
+    grid-column: 70 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/engineeringSpecialtyFlow4.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3164,8 +3168,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-engineeringSpecialtyFlow5
 {
-    display: block;
-    grid-area: 10/71/58/78;
+    grid-row: 10 / span 48;
+    grid-column: 70 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/engineeringSpecialtyFlow5.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3177,9 +3181,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-toolCrewKitDirection
 {
-    display: block;
-    grid-row: 10;
-    grid-column: 40;
+    grid-row: 10 / span 51;
+    grid-column: 40 / span 27;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/toolCrewKitDirection.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3191,9 +3194,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-chargeCrewKitDirection
 {
-    display: block;
-    grid-row: 55;
-    grid-column: 13;
+    grid-row: 55 / span 9;
+    grid-column: 13 / span 2;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/chargeFlow.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3206,9 +3208,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-advantageDirection
 {
-    display: block;
-    grid-row: 36;
-    grid-column: 70;
+    grid-row: 36 / span 9;
+    grid-column: 70 / span 2;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/advantageFlow.png);
     background-repeat: no-repeat;
     background-position: center;
@@ -3221,9 +3222,8 @@ span.sheet-shipLauncherTorpedo
 
 .sheet-threatDirection
 {
-    display: block;
-    grid-row: 49;
-    grid-column: 75;
+    grid-row: 48 / span 2;
+    grid-column: 75 / span 8;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img07/threatFlow.png);
     background-repeat: no-repeat;
     background-position: center;
diff --git a/FreeSpacer/FreeSpacer.html b/FreeSpacer/FreeSpacer.html
index a27994ff91..3beaec5ed0 100644
--- a/FreeSpacer/FreeSpacer.html
+++ b/FreeSpacer/FreeSpacer.html
@@ -23,7 +23,7 @@
                 </optgroup>
             </select>
         </h3>
-        <div class="version">Version 2.8</div>
+        <div class="version">Version 2.9</div>
     </div>
     <!--Hidden Sheet Selection Radio switch-->
     <input type="radio" name="attr_selectedSheet" class="hidden crewmemberSelector" value="1" checked>
@@ -2113,6 +2113,7 @@
             <!--<input type="radio" class="toolSelector shipLaunchBayTug shuttlePulseDrive" name="attr_salvoToolShip" value="Shuttle Pulse Drive" /><span class="toolSelector shipLaunchBay shuttlePulseDrive"></span>
     <input type="radio" class="toolSelector shipLaunchBayTug shuttleShields" name="attr_salvoToolShip" value="Shuttle Shields" /><span class="toolSelector shipLaunchBay shuttleShields"></span>-->
             <!--Make it a select for each mod depending on trailer equipped? -->
+
             <!--Charge Process Box-->
             <div class="salvoChargeBox processBox">
                 <input type="hidden" class="colorChanger" name="attr_salvoChargeDirection" value="Charged" /><!--Input to allow salvoChargeDirection Colour to Change-->
@@ -2147,6 +2148,7 @@
             </div>
 
             <!--Flow Lines-->
+            <div class="flowLine operatorDirection"></div><!--Operator Flow Line-->
             <div class="flowLine skillDirection"></div><!--Skill Flow Line-->
             <div class="flowLine specialtyFlow specialtyDirection"></div><!--Specialty Flow Line-->
 
diff --git a/FreeSpacer/img07/operatorFlow.png b/FreeSpacer/img07/operatorFlow.png
new file mode 100644
index 0000000000000000000000000000000000000000..d43a4179aed520b84ff28ca55595064c60c998aa
GIT binary patch
literal 2682
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

literal 0
HcmV?d00001