[Hack The Planet] Show success/failure status on rolls

Uses a bit of CSS-hackery to accomplish this, since we can't
access the values directly super easily.

Addresses part of Eckankar/roll20-character-sheets#2

Hack The Planet/Hack the Planet.css

@@ -2361,7 +2361,7 @@ input[value="12"]:checked ~ .sheet-12clock {
 .sheet-rolltemplate-dice {
     font-size: 20px;
     font-weight: 400;
-    margin: 2.5em 0;
+    margin: 1.5em 0;
 }
 
 .sheet-rolltemplate-zerodice-msg {
@@ -2393,11 +2393,96 @@ input[value="12"]:checked ~ .sheet-12clock {
     text-transform: capitalize;
 }
 
+.sheet-rolltemplate-outcome {
+    margin-top: 1em;
+}
+
 .sheet-rolltemplate-roll2 .sheet-rolltemplate-dice .inlinerollresult {
     background-color:  rgba(0,0,0,0);
     border-color: rgba(0,0,0,0);
 }
 
+.sheet-rolltemplate-outcome > * {
+    display: none;
+}
+
+/* non-zero rolls */
+/* non-zero roll with 2+ crits = critical success */
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-critical-success {
+    display: block;
+}
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success,
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
+{
+    display: none;
+}
+
+/* non-zero roll with 1 crit = success */
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
+    display: block;
+}
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
+{
+    display: none;
+}
+
+/* non-zero roll with a 4 or 5 = mixed success */
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
+    display: block;
+}
+
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
+    display: none;
+}
+
+/* if all else fails, it's a failure */
+.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
+    display: block;
+}
+
+/* zero rolls */
+/* two sixes on a zero roll = success */
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
+    display: block;
+}
+
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
+    display: none;
+}
+
+/* at least 2 of 4, 5 and 6 = mixed success */
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
+    display: block;
+}
+
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
+.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
+    display: none;
+}
+
+/* otherwise, we've got a failure */
+.sheet-rolltemplate-dice.sheet-zerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
+    display: block;
+}
+
+
 .sheet-rolltemplate-die1,
 .sheet-rolltemplate-die2,
 .sheet-rolltemplate-die3,

Hack The Planet/Hack the Planet.html

@@ -4619,11 +4619,17 @@ give you +1d. Maybe a higherTier target will give you -1d. Maybe
             <div class="rolltemplate-{{type}}-roll rolltemplate-crew-sheet-title">{{type}} ROLL</div>
             {{#rolltype}}<div class="rolltemplate-character-text">{{character}} rolls <span class="rolltemplate-rolltype-name">{{rolltype}}</span></div>{{/rolltype}}
         </div>
-        <div class="rolltemplate-dice">
+        <div class="rolltemplate-dice {{#zerodice}}zerodice-rolled{{/zerodice}} {{#dice}}nonzerodice-rolled{{/dice}}">
             {{zerodice}}{{dice}}
             {{#zerodice}}
             <div class="rolltemplate-zerodice-msg">Zero Dice — take the lowest result above</div>
             {{/zerodice}}
+            <div class="rolltemplate-outcome">
+                <div class="rolltemplate-outcome-critical-success">Critical Success</div>
+                <div class="rolltemplate-outcome-success">Full Success</div>
+                <div class="rolltemplate-outcome-mixed-success">Partial Success</div>
+                <div class="rolltemplate-outcome-failure">Failure</div>
+            </div>
         </div>
         <div>
             <div class="rolltemplate-col-6 rolltemplate-crew-sheet-title">{{position}}</div>