From 65b485a3463cc6291efdfcbc158a915684270b6a Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Mon, 19 Mar 2018 10:27:20 -0400
Subject: [PATCH] Made the pref selector prettier

---
 feast.css  | 19 ++++++++++++--
 feast.html | 76 +++++++++++++++++++++++++++---------------------------
 2 files changed, 55 insertions(+), 40 deletions(-)

diff --git a/feast.css b/feast.css
index dfd8eb7..3cbcade 100644
--- a/feast.css
+++ b/feast.css
@@ -180,8 +180,23 @@ button {
   width: 150px;
 }
 
-.pref-radio:checked + label {
-  background: #333;
+.pref-radio:checked + label.pref-disable {
+  background: #933;
+  color: #eee;
+}
+
+.pref-radio:checked + label.pref-avoid {
+  background: #973;
+  color: #eee;
+}
+
+.pref-radio:checked + label.pref-enable {
+  background: #393;
+  color: #eee;
+}
+
+.pref-radio:checked + label.pref-prefer {
+  background: #191;
   color: #eee;
 }
 
diff --git a/feast.html b/feast.html
index 92560b5..1e8af20 100644
--- a/feast.html
+++ b/feast.html
@@ -199,68 +199,68 @@
             <li class="pref-select">
               <span class="pref-type">Oral</span>
               <input type="radio" class="pref-radio" id="character-prefs-vore-oral-0" name="prefs-vore-oral" value="0" />
-              <label for="character-prefs-vore-oral-0">Disabled</label>
+              <label class="pref-disable" for="character-prefs-vore-oral-0">Disable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-oral-1" name="prefs-vore-oral" value="1" />
-              <label for="character-prefs-vore-oral-1">Avoid</label>
+              <label class="pref-avoid" for="character-prefs-vore-oral-1">Avoid</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-oral-2" name="prefs-vore-oral" checked="true" value="2" />
-              <label for="character-prefs-vore-oral-2">Enable</label>
+              <label class="pref-enable" for="character-prefs-vore-oral-2">Enable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-oral-3" name="prefs-vore-oral" value="3" />
-              <label for="character-prefs-vore-oral-3">Prefer</label>
+              <label class="pref-prefer" for="character-prefs-vore-oral-3">Prefer</label>
             </li>
             <li class="pref-select">
               <span class="pref-type">Cock</span>
               <input type="radio" class="pref-radio" id="character-prefs-vore-cock-0" name="prefs-vore-cock" value="0" />
-              <label for="character-prefs-vore-cock-0">Disabled</label>
+              <label class="pref-disable" for="character-prefs-vore-cock-0">Disable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-cock-1" name="prefs-vore-cock" value="1" />
-              <label for="character-prefs-vore-cock-1">Avoid</label>
+              <label class="pref-avoid" for="character-prefs-vore-cock-1">Avoid</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-cock-2" name="prefs-vore-cock" checked="true" value="2" />
-              <label for="character-prefs-vore-cock-2">Enable</label>
+              <label class="pref-enable" for="character-prefs-vore-cock-2">Enable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-cock-3" name="prefs-vore-cock" value="3" />
-              <label for="character-prefs-vore-cock-3">Prefer</label>
-            </li>
-            <li class="pref-select">
-              <span class="pref-type">Unbirth</span>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-0" name="prefs-vore-unbirth" value="0" />
-              <label for="character-prefs-vore-unbirth-0">Disabled</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-1" name="prefs-vore-unbirth" value="1" />
-              <label for="character-prefs-vore-unbirth-1">Avoid</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-2" name="prefs-vore-unbirth" checked="true" value="2" />
-              <label for="character-prefs-vore-unbirth-2">Enable</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-3" name="prefs-vore-unbirth" value="3" />
-              <label for="character-prefs-vore-unbirth-3">Prefer</label>
+              <label class="pref-prefer" for="character-prefs-vore-cock-3">Prefer</label>
             </li>
             <li class="pref-select">
               <span class="pref-type">Anal</span>
               <input type="radio" class="pref-radio" id="character-prefs-vore-anal-0" name="prefs-vore-anal" value="0" />
-              <label for="character-prefs-vore-anal-0">Disabled</label>
+              <label class="pref-disable" for="character-prefs-vore-anal-0">Disable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-anal-1" name="prefs-vore-anal" value="1" />
-              <label for="character-prefs-vore-anal-1">Avoid</label>
+              <label class="pref-avoid" for="character-prefs-vore-anal-1">Avoid</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-anal-2" name="prefs-vore-anal" checked="true" value="2" />
-              <label for="character-prefs-vore-anal-2">Enable</label>
+              <label class="pref-enable" for="character-prefs-vore-anal-2">Enable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-anal-3" name="prefs-vore-anal" value="3" />
-              <label for="character-prefs-vore-anal-3">Prefer</label>
-            </li>
-            <li class="pref-select">
-              <span class="pref-type">Hard</span>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-0" name="prefs-vore-hard" value="0" />
-              <label for="character-prefs-vore-hard-0">Disabled</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-1" name="prefs-vore-hard" value="1" />
-              <label for="character-prefs-vore-hard-1">Avoid</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-2" name="prefs-vore-hard" checked="true" value="2" />
-              <label for="character-prefs-vore-hard-2">Enable</label>
-              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-3" name="prefs-vore-hard" value="3" />
-              <label for="character-prefs-vore-hard-3">Prefer</label>
+              <label class="pref-prefer" for="character-prefs-vore-anal-3">Prefer</label>
             </li>
             <li class="pref-select">
               <span class="pref-type">Tail</span>
               <input type="radio" class="pref-radio" id="character-prefs-vore-tail-0" name="prefs-vore-tail" value="0" />
-              <label for="character-prefs-vore-tail-0">Disabled</label>
+              <label class="pref-disable" for="character-prefs-vore-tail-0">Disable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-tail-1" name="prefs-vore-tail" value="1" />
-              <label for="character-prefs-vore-tail-1">Avoid</label>
+              <label class="pref-avoid" for="character-prefs-vore-tail-1">Avoid</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-tail-2" name="prefs-vore-tail" checked="true" value="2" />
-              <label for="character-prefs-vore-tail-2">Enable</label>
+              <label class="pref-enable" for="character-prefs-vore-tail-2">Enable</label>
               <input type="radio" class="pref-radio" id="character-prefs-vore-tail-3" name="prefs-vore-tail" value="3" />
-              <label for="character-prefs-vore-tail-3">Prefer</label>
+              <label class="pref-prefer" for="character-prefs-vore-tail-3">Prefer</label>
+            </li>
+            <li class="pref-select">
+              <span class="pref-type">Unbirth</span>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-0" name="prefs-vore-unbirth" value="0" />
+              <label class="pref-disable" for="character-prefs-vore-unbirth-0">Disable</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-1" name="prefs-vore-unbirth" value="1" />
+              <label class="pref-avoid" for="character-prefs-vore-unbirth-1">Avoid</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-2" name="prefs-vore-unbirth" checked="true" value="2" />
+              <label class="pref-enable" for="character-prefs-vore-unbirth-2">Enable</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-3" name="prefs-vore-unbirth" value="3" />
+              <label class="pref-prefer" for="character-prefs-vore-unbirth-3">Prefer</label>
+            </li>
+            <li class="pref-select">
+              <span class="pref-type">Hard</span>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-0" name="prefs-vore-hard" checked="true" value="0" />
+              <label class="pref-disable" for="character-prefs-vore-hard-0">Disable</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-1" name="prefs-vore-hard" value="1" />
+              <label class="pref-avoid" for="character-prefs-vore-hard-1">Avoid</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-2" name="prefs-vore-hard" value="2" />
+              <label class="pref-enable" for="character-prefs-vore-hard-2">Enable</label>
+              <input type="radio" class="pref-radio" id="character-prefs-vore-hard-3" name="prefs-vore-hard" value="3" />
+              <label class="pref-prefer" for="character-prefs-vore-hard-3">Prefer</label>
             </li>
           </ul>
         </li>