removed non-webkit stuff and made the progress blue

front-end/css/style.css

@@ -31,6 +31,12 @@ button:hover {
 	text-decoration: none;
 }
 
+button:hover:disabled {
+    background: #bbb;
+    color: #aaa
+}
+
+
 
 label {
 	width: 215px;
@@ -43,8 +49,8 @@ select {
 }
 footer {
 	position:fixed;
-	left:0px;
-	bottom:0px;
+	left:0;
+	bottom:0;
 	height:30px;
 	width:100%;
 	background: #0568c6;
@@ -76,48 +82,26 @@ footer span {
 	position: relative;
 	margin: 60px 0 20px 0; /* Just for demo spacing */
 	background: #555;
-	-moz-border-radius: 25px;
-	-webkit-border-radius: 25px;
 	border-radius: 25px;
 	padding: 10px;
-	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
-	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
-	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
+	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
 }
 .meter > span {
 	display: block;
 	height: 100%;
-	-webkit-border-top-right-radius: 8px;
-	-webkit-border-bottom-right-radius: 8px;
-	-moz-border-radius-topright: 8px;
-	-moz-border-radius-bottomright: 8px;
 	border-top-right-radius: 8px;
 	border-bottom-right-radius: 8px;
-	-webkit-border-top-left-radius: 20px;
-	-webkit-border-bottom-left-radius: 20px;
-	-moz-border-radius-topleft: 20px;
-	-moz-border-radius-bottomleft: 20px;
 	border-top-left-radius: 20px;
 	border-bottom-left-radius: 20px;
-	background-color: rgb(43,194,83);
+	background-color: rgb(5, 138, 255);
 	background-image: -webkit-gradient(
 			linear,
 			left bottom,
 			left top,
-			color-stop(0, rgb(43,194,83)),
-			color-stop(1, rgb(84,240,84))
+			color-stop(0,  rgb(5, 138, 255)),
+			color-stop(1, rgb(71, 190, 240))
 	);
-	background-image: -moz-linear-gradient(
-			center bottom,
-			rgb(43,194,83) 37%,
-			rgb(84,240,84) 69%
-	);
-	-webkit-box-shadow:
-			inset 0 2px 9px  rgba(255,255,255,0.3),
-			inset 0 -2px 6px rgba(0,0,0,0.4);
-	-moz-box-shadow:
-			inset 0 2px 9px  rgba(255,255,255,0.3),
-			inset 0 -2px 6px rgba(0,0,0,0.4);
+
 	box-shadow:
 			inset 0 2px 9px  rgba(255,255,255,0.3),
 			inset 0 -2px 6px rgba(0,0,0,0.4);
@@ -136,33 +120,11 @@ footer span {
 			color-stop(.75, rgba(255, 255, 255, .2)),
 			color-stop(.75, transparent), to(transparent)
 			);
-	background-image:
-			-moz-linear-gradient(
-					-45deg,
-					rgba(255, 255, 255, .2) 25%,
-					transparent 25%,
-					transparent 50%,
-					rgba(255, 255, 255, .2) 50%,
-					rgba(255, 255, 255, .2) 75%,
-					transparent 75%,
-					transparent
-			);
 	z-index: 1;
-	-webkit-background-size: 50px 50px;
-	-moz-background-size: 50px 50px;
 	background-size: 50px 50px;
 	-webkit-animation: move 2s linear infinite;
-	-moz-animation: move 2s linear infinite;
-	-webkit-border-top-right-radius: 8px;
-	-webkit-border-bottom-right-radius: 8px;
-	-moz-border-radius-topright: 8px;
-	-moz-border-radius-bottomright: 8px;
 	border-top-right-radius: 8px;
 	border-bottom-right-radius: 8px;
-	-webkit-border-top-left-radius: 20px;
-	-webkit-border-bottom-left-radius: 20px;
-	-moz-border-radius-topleft: 20px;
-	-moz-border-radius-bottomleft: 20px;
 	border-top-left-radius: 20px;
 	border-bottom-left-radius: 20px;
 	overflow: hidden;
@@ -181,14 +143,6 @@ footer span {
 	}
 }
 
-@-moz-keyframes move {
-	0% {
-		background-position: 0 0;
-	}
-	100% {
-		background-position: 50px 50px;
-	}
-}
 .nostripes > span > span, .nostripes > span:after {
 	-webkit-animation: none;
 	-moz-animation: none;

index.js

@@ -34,7 +34,7 @@ app.on('ready', function() {
   mainWindow.loadURL('file://' + __dirname + '/front-end/index.html');
 
   // Open the DevTools.
-  mainWindow.webContents.openDevTools();
+  //mainWindow.webContents.openDevTools();
 
   // Emitted when the window is closed.
   mainWindow.on('closed', function() {