From bd2f99b4ddeee3ec2b7e258efa3dbbd8dce75f95 Mon Sep 17 00:00:00 2001
From: skaman82 <skaman82@users.noreply.github.com>
Date: Sat, 2 Jan 2016 21:43:57 +0100
Subject: [PATCH] Added mouseOver to menu icons

---
 main.css | 88 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)

diff --git a/main.css b/main.css
index 792ab03a..3715415c 100644
--- a/main.css
+++ b/main.css
@@ -585,6 +585,10 @@ input[type="number"]::-webkit-inner-spin-button {
     background-image: url(images/icons/cf_icon_setup_grey.svg);
 }
 
+.ic_setup:hover {
+    background-image: url(images/icons/cf_icon_setup_white.svg);
+}
+
 li.active .ic_setup {
     background-image: url(images/icons/cf_icon_setup_white.svg);
 }
@@ -593,6 +597,10 @@ li.active .ic_setup {
     background-image: url(images/icons/cf_icon_ports_grey.svg);
 }
 
+.ic_ports:hover {
+    background-image: url(images/icons/cf_icon_ports_white.svg);
+}
+
 li.active .ic_ports {
     background-image: url(images/icons/cf_icon_ports_white.svg);
 }
@@ -601,6 +609,10 @@ li.active .ic_ports {
     background-image: url(images/icons/cf_icon_config_grey.svg);
 }
 
+.ic_config:hover {
+    background-image: url(images/icons/cf_icon_config_white.svg);
+}
+
 li.active .ic_config {
     background-image: url(images/icons/cf_icon_config_white.svg);
 }
@@ -609,6 +621,10 @@ li.active .ic_config {
     background-image: url(images/icons/cf_icon_pid_grey.svg);
 }
 
+.ic_pid:hover {
+    background-image: url(images/icons/cf_icon_pid_white.svg);
+}
+
 li.active .ic_pid {
     background-image: url(images/icons/cf_icon_pid_white.svg);
 }
@@ -617,6 +633,10 @@ li.active .ic_pid {
     background-image: url(images/icons/cf_icon_rx_grey.svg);
 }
 
+.ic_rx:hover {
+    background-image: url(images/icons/cf_icon_rx_white.svg);
+}
+
 li.active .ic_rx {
     background-image: url(images/icons/cf_icon_rx_white.svg);
 }
@@ -625,6 +645,10 @@ li.active .ic_rx {
     background-image: url(images/icons/cf_icon_modes_grey.svg);
 }
 
+.ic_modes:hover {
+    background-image: url(images/icons/cf_icon_modes_white.svg);
+}
+
 li.active .ic_modes {
     background-image: url(images/icons/cf_icon_modes_white.svg);
 }
@@ -633,6 +657,10 @@ li.active .ic_modes {
     background-image: url(images/icons/cf_icon_adjust_grey.svg);
 }
 
+.ic_adjust:hover {
+    background-image: url(images/icons/cf_icon_adjust_white.svg);
+}
+
 li.active .ic_adjust {
     background-image: url(images/icons/cf_icon_adjust_white.svg);
 }
@@ -641,6 +669,10 @@ li.active .ic_adjust {
     background-image: url(images/icons/cf_icon_servo_grey.svg);
 }
 
+.ic_servo:hover {
+    background-image: url(images/icons/cf_icon_servo_white.svg);
+}
+
 li.active .ic_servo {
     background-image: url(images/icons/cf_icon_servo_white.svg);
 }
@@ -649,6 +681,10 @@ li.active .ic_servo {
     background-image: url(images/icons/cf_icon_gps_grey.svg);
 }
 
+.ic_gps:hover {
+    background-image: url(images/icons/cf_icon_gps_white.svg);
+}
+
 li.active .ic_gps {
     background-image: url(images/icons/cf_icon_gps_white.svg);
 }
@@ -657,6 +693,10 @@ li.active .ic_gps {
     background-image: url(images/icons/cf_icon_led_grey.svg);
 }
 
+.ic_led:hover {
+    background-image: url(images/icons/cf_icon_led_white.svg);
+}
+
 li.active .ic_led {
     background-image: url(images/icons/cf_icon_led_white.svg);
 }
@@ -665,6 +705,10 @@ li.active .ic_led {
     background-image: url(images/icons/cf_icon_sensors_grey.svg);
 }
 
+.ic_sensors:hover {
+    background-image: url(images/icons/cf_icon_sensors_white.svg);
+}
+
 li.active .ic_sensors {
     background-image: url(images/icons/cf_icon_sensors_white.svg);
 }
@@ -673,6 +717,10 @@ li.active .ic_sensors {
     background-image: url(images/icons/cf_icon_log_grey.svg);
 }
 
+.ic_log:hover {
+    background-image: url(images/icons/cf_icon_log_white.svg);
+}
+
 li.active .ic_log {
     background-image: url(images/icons/cf_icon_log_white.svg);
 }
@@ -681,6 +729,10 @@ li.active .ic_log {
     background-image: url(images/icons/cf_icon_data_grey.svg);
 }
 
+.ic_data:hover {
+    background-image: url(images/icons/cf_icon_data_white.svg);
+}
+
 li.active .ic_data {
     background-image: url(images/icons/cf_icon_data_white.svg);
 }
@@ -689,6 +741,10 @@ li.active .ic_data {
     background-image: url(images/icons/cf_icon_cli_grey.svg);
 }
 
+.ic_cli:hover {
+    background-image: url(images/icons/cf_icon_cli_white.svg);
+}
+
 li.active .ic_cli {
     background-image: url(images/icons/cf_icon_cli_white.svg);
 }
@@ -697,6 +753,10 @@ li.active .ic_cli {
     background-image: url(images/icons/cf_icon_motor_grey.svg);
 }
 
+.ic_motor:hover {
+    background-image: url(images/icons/cf_icon_motor_white.svg);
+}
+
 li.active .ic_motor {
     background-image: url(images/icons/cf_icon_motor_white.svg);
 }
@@ -705,6 +765,10 @@ li.active .ic_motor {
     background-image: url(images/icons/cf_icon_welcome_grey.svg);
 }
 
+.ic_welcome:hover {
+    background-image: url(images/icons/cf_icon_welcome_white.svg);
+}
+
 li.active .ic_welcome {
     background-image: url(images/icons/cf_icon_welcome_white.svg);
 }
@@ -713,6 +777,10 @@ li.active .ic_welcome {
     background-image: url(images/icons/cf_icon_help_grey.svg);
 }
 
+.ic_help:hover {
+    background-image: url(images/icons/cf_icon_help_white.svg);
+}
+
 li.active .ic_help {
     background-image: url(images/icons/cf_icon_help_white.svg);
 }
@@ -721,6 +789,10 @@ li.active .ic_help {
     background-image: url(images/icons/cf_icon_flasher_grey.svg);
 }
 
+.ic_flasher:hover {
+    background-image: url(images/icons/cf_icon_flasher_white.svg);
+}
+
 li.active .ic_flasher {
     background-image: url(images/icons/cf_icon_flasher_white.svg);
 }
@@ -730,12 +802,19 @@ li.active .ic_flasher {
     background-image: url(images/icons/cf_icon_failsafe_grey.svg);
 }
 
+.ic_failsafe:hover {
+    background-image: url(images/icons/cf_icon_failsafe_white.svg);
+}
+
 li.active .ic_failsafe {
     background-image: url(images/icons/cf_icon_failsafe_white.svg);
 }
 .ic_backup {
     background-image: url(images/icons/cf_icon_backup_grey.svg);
 }
+.ic_backup:hover {
+    background-image: url(images/icons/cf_icon_backup_white.svg);
+}
 
 li.active .ic_backup {
     background-image: url(images/icons/cf_icon_backup_white.svg);
@@ -744,6 +823,9 @@ li.active .ic_backup {
 .ic_wizzard {
     background-image: url(images/icons/cf_icon_wizard_grey.svg);
 }
+.ic_wizzard:hover {
+    background-image: url(images/icons/cf_icon_wizard_white.svg);
+}
 
 li.active .ic_wizard {
     background-image: url(images/icons/cf_icon_wizard_white.svg);
@@ -752,6 +834,9 @@ li.active .ic_wizard {
 .ic_advanced {
     background-image: url(images/icons/cf_icon_advanced_grey.svg);
 }
+.ic_advanced:hover {
+    background-image: url(images/icons/cf_icon_advanced_white.svg);
+}
 
 li.active .ic_advanced {
     background-image: url(images/icons/cf_icon_advanced_white.svg);
@@ -760,6 +845,9 @@ li.active .ic_advanced {
 .ic_mission {
     background-image: url(images/icons/cf_icon_mission_grey.svg);
 }
+.ic_mission:hover {
+    background-image: url(images/icons/cf_icon_mission_white.svg);
+}
 
 li.active .ic_mission {
     background-image: url(images/icons/cf_icon_mission_white.svg);