Added button images in

- added button images
- cssd it a little

#story[1301]

racevisionGame/src/main/java/visualiser/Controllers/HostGameController.java

@@ -67,8 +67,6 @@ public class HostGameController extends Controller {
         sliderLength.setShowTickLabels(true);
         sliderLength.setMajorTickUnit(MAX_RACE_LENGTH-1);
         sliderLength.setBlockIncrement(1);
-
-        sliderLength.getStylesheets().add("/css/slider.css");
     }
 
 

racevisionGame/src/main/resources/css/dayMode.css

@@ -27,33 +27,6 @@
     /*Focus colour*/
     -fx-focus-color: rgb(128, 128, 128);
 }
-/* BUTTONS */
-    /* Small Buttons */
-    .button {
-        -fx-background-color: rgba(11, 158, 160, 0.42);
-        -fx-border-color: #0b9ea0;
-        -fx-text-fill: rgb(10, 123, 125);
-        -fx-border-radius: 20px;
-        -fx-background-radius: 20px;
-        -fx-font-family: "Trebuchet MS";
-    }
-
-    .button:hover {
-        -fx-background-color: #0b9ea0;
-        -fx-border-color: #0b9ea0;
-        -fx-text-fill: rgba(255, 230, 146, 0.43);
-        -fx-font-size: 14px;
-        -fx-font-weight: bold;
-    }
-
-    /* Large buttons */
-    #hostGameBtn {
-        -fx-font-size: 18px;
-    }
-
-    #hostGameBtn:hover {
-        -fx-font-size: 22px;
-    }
 
 /* Titles */
 #title {
@@ -67,6 +40,102 @@
     -fx-font-family: "Trebuchet MS";
 }
 
+
+/* Buttons */
+#hostAGameBtn, #hostGameBtn, #btnJoin, #tutorialButton, #controlsBtn,
+    #mainMenuBtn, #addBtn, #refreshBtn, #joinGameBtn, #spectateButton,
+    #quitBtn
+{
+    -fx-background-size: 150px;
+    -fx-background-repeat: no-repeat;
+    -fx-background-position: center center;
+    -fx-focus-color: transparent;
+    -fx-background-color: transparent;
+    -fx-text-fill: transparent;
+    -fx-border-color: rgb(10, 123, 125);
+    -fx-border-width: 2px;
+}
+
+/* Smaller buttons */
+#mainMenuBtn #addBtn #refreshBtn #joinGameBtn #spectateButton #quitBtn {
+    -fx-background-size: 115px;
+}
+
+/* Images for buttons */
+    /* Title menu buttons */
+    #hostAGameBtn {
+        -fx-background-image: url("/visualiser/images/hostAGameBtn.png");
+    }
+    #hostAGameBtn:pressed {
+        -fx-background-image: url("/visualiser/images/hostAGameBtnPressed.png");
+    }
+    #btnJoin {
+        -fx-background-image: url("/visualiser/images/joinAGameBtn.png");
+    }
+    #btnJoin:pressed {
+        -fx-background-image: url("/visualiser/images/joinAGameBtnPressed.png");
+    }
+    #tutorialButton {
+        -fx-background-image: url("/visualiser/images/howToPlayBtn.png");
+    }
+    #tutorialButton:pressed {
+        -fx-background-image: url("/visualiser/images/howToPlayBtnPressed.png");
+    }
+    #controlsBtn {
+        -fx-background-image: url("/visualiser/images/controlsBtn.png");
+    }
+    #controlsBtn:pressed {
+        -fx-background-image: url("/visualiser/images/controlsBtnPressed.png");
+    }
+
+    /* host game lobby buttons */
+    #hostGameBtn {
+        -fx-background-image: url("/visualiser/images/startGameBtn.png");
+    }
+    #hostGameBtn:pressed {
+        -fx-background-image: url("/visualiser/images/startGameBtnPressed.png");
+    }
+    #mainMenuBtn {
+        -fx-background-image: url("/visualiser/images/mainMenuBtn.png");
+    }
+    #mainMenuBtn:pressed {
+        -fx-background-image: url("/visualiser/images/mainMenuBtnPressed.png");
+    }
+
+    /* match browsing lobby buttons */
+    #addBtn {
+        -fx-background-image: url("/visualiser/images/addBtn.png");
+    }
+    #addBtn:pressed {
+        -fx-background-image: url("/visualiser/images/addBtnPressed.png");
+    }
+    #refreshBtn {
+        -fx-background-image: url("/visualiser/images/refreshBtn.png");
+    }
+    #refreshBtn:pressed {
+        -fx-background-image: url("/visualiser/images/refreshBtnPressed.png");
+    }
+    #joinGameBtn {
+        -fx-background-image: url("/visualiser/images/participateBtn.png");
+    }
+    #joinGameBtn:pressed {
+        -fx-background-image: url("/visualiser/images/participateBtnPressed.png");
+    }
+    #spectateButton {
+        -fx-background-image: url("/visualiser/images/spectateBtn.png");
+    }
+    #spectateButton:pressed {
+        -fx-background-image: url("/visualiser/images/spectateBtnPressed.png");
+    }
+
+    /* in-game lobby buttons */
+    #quitBtn {
+        -fx-background-image: url("/visualiser/images/quitBtn.png");
+    }
+    #quitBtn:pressed {
+        -fx-background-image: url("/visualiser/images/quitBtnPressed.png");
+    }
+
 /* Fix derived prompt color for text fields */
 .text-input {
     -fx-prompt-text-fill: derive(-fx-control-inner-background, +0%);
@@ -98,27 +167,45 @@
     -fx-graphic: url("/visualiser/images/arrow.png");
 }
 
-#nextButton, #previousButton {
-    -fx-background-image: url("/visualiser/images/ArrowSelect.png");
-    -fx-background-size: 60px;
-    -fx-background-repeat: no-repeat;
-    -fx-background-position: center center;
-    -fx-focus-color: transparent;
-    -fx-background-color: transparent;
-    -fx-border-color: transparent;
-}
+/* Host Game / Map Selection */
+    #nextButton, #previousButton {
+        -fx-background-image: url("/visualiser/images/ArrowSelect.png");
+        -fx-background-size: 60px;
+        -fx-background-repeat: no-repeat;
+        -fx-background-position: center center;
+        -fx-focus-color: transparent;
+        -fx-background-color: transparent;
+        -fx-border-color: transparent;
+    }
 
-#nextButton {
-    -fx-rotate: 180;
-}
+    #nextButton {
+        -fx-rotate: 180;
+    }
 
-#nextButton:pressed {
-    -fx-background-image: url("/visualiser/images/ArrowClick.png");
-}
+    #nextButton:pressed {
+        -fx-background-image: url("/visualiser/images/ArrowClick.png");
+    }
 
-#previousButton:pressed {
-    -fx-background-image: url("/visualiser/images/ArrowClick.png");
-}
+    #previousButton:pressed {
+        -fx-background-image: url("/visualiser/images/ArrowClick.png");
+    }
+
+    .slider .thumb {
+        -fx-background-image: url("/visualiser/images/sun.png");
+        -fx-background-size: 25px;
+        -fx-pref-height: 25px;
+        -fx-pref-width: 25px;
+        -fx-background-position: top;
+        -fx-background-repeat: no-repeat;
+        -fx-focus-color: transparent;
+        -fx-background-color: transparent;
+    }
+
+    .slider .track {
+        -fx-control-inner-background: #166df1;
+        -fx-border-color: #6a80ff;
+        -fx-border-radius: 0.25em, 0.25em, 0.166667em;
+    }
 
 #lineChartWrapper{
     -fx-border-color: #02378c;

racevisionGame/src/main/resources/css/slider.css

@@ -1,16 +0,0 @@
-.slider .thumb {
-    -fx-background-image: url("/visualiser/images/sun.png");
-    -fx-background-size: 25px;
-    -fx-pref-height: 25px;
-    -fx-pref-width: 25px;
-    -fx-background-position: top;
-    -fx-background-repeat: no-repeat;
-    -fx-focus-color: transparent;
-    -fx-background-color: transparent;
-}
-
-.slider .track {
-    -fx-control-inner-background: dodgerblue;
-    -fx-border-color: rgba(30, 144, 255, 0.44);
-    -fx-border-radius: 0.25em, 0.25em, 0.166667em;
-}