Fixes #133

src/client/css/main.less

@@ -67,4 +67,4 @@ body {
     -webkit-border-radius: 10px;
     border-radius: 0px;
     background: @lightGray; 
-}
+}

src/client/ui/templates/characters/styles.less

@@ -67,8 +67,10 @@
 			.sprite {
 				width: 32px;
 				height: 32px;
-				zoom: 4;
+				transform: scale(4);
+				transform-origin: 0% 0%;
 				image-rendering: pixelated;
+				image-rendering: optimizeSpeed;
 				display: none;
 			}
 		}

src/client/ui/templates/createCharacter/styles.less

@@ -68,7 +68,9 @@
 			.sprite {
 				width: 32px;
 				height: 32px;
-				zoom: 4;
+				transform: scale(4);
+				transform-origin: 0% 0%;
+				image-rendering: optimizeSpeed;
 				image-rendering: pixelated;
 				background: url('../../../images/charas.png') -64px 0px;
 			}

src/client/ui/templates/equipment/styles.less

@@ -103,6 +103,7 @@
 				&:hover {
 					.icon {
 						filter: brightness(160%);
+						-moz-filter: brightness(160%);
 					}
 
 					&.empty {
@@ -130,6 +131,12 @@
 						drop-shadow(2px 0px 0px @blackD) 
 						drop-shadow(-2px 0px 0px @blackD);
 
+					-moz-filter:
+						drop-shadow(0px -2px 0px @blackD) 
+						drop-shadow(0px 2px 0px @blackD)
+						drop-shadow(2px 0px 0px @blackD) 
+						drop-shadow(-2px 0px 0px @blackD);
+
 					&.blueText > font {
 						color: @blue;
 					}
@@ -191,6 +198,12 @@
 								drop-shadow(0px 2px 0px @blackD)
 								drop-shadow(2px 0px 0px @blackD) 
 								drop-shadow(-2px 0px 0px @blackD);
+
+							-moz-filter:
+								drop-shadow(0px -2px 0px @blackD) 
+								drop-shadow(0px 2px 0px @blackD)
+								drop-shadow(2px 0px 0px @blackD) 
+								drop-shadow(-2px 0px 0px @blackD);
 						}				
 					}
 				}

src/client/ui/templates/hud/styles.less

@@ -52,6 +52,7 @@
 				text-align: center;
 				color: @white;
 				padding: 2px 0px;
+				line-height: 16px;
 
 				text-shadow: 
 					2px 0px #2d2136,

src/client/ui/templates/inventory/styles.less

@@ -57,6 +57,13 @@
 						drop-shadow(0px 4px 0px @blackD)
 						drop-shadow(4px 0px 0px @blackD) 
 						drop-shadow(-4px 0px 0px @blackD);
+
+					-moz-filter: 
+						brightness(100%)
+						drop-shadow(0px -4px 0px @blackD) 
+						drop-shadow(0px 4px 0px @blackD)
+						drop-shadow(4px 0px 0px @blackD) 
+						drop-shadow(-4px 0px 0px @blackD);
 				}
 			}
 
@@ -70,6 +77,13 @@
 					drop-shadow(0px 2px 0px @blackD)
 					drop-shadow(2px 0px 0px @blackD) 
 					drop-shadow(-2px 0px 0px @blackD);
+
+				-moz-filter: 
+					drop-shadow(0px -2px 0px @blackD) 
+					drop-shadow(0px 2px 0px @blackD)
+					drop-shadow(2px 0px 0px @blackD) 
+					drop-shadow(-2px 0px 0px @blackD);
+
 			}
 
 			.icon {
@@ -95,6 +109,8 @@
 			&:hover {
 				.icon {
 					filter: brightness(160%);
+
+					-moz-filter: brightness(160%);
 				}
 			}
 		}

src/client/ui/templates/login/styles.less

@@ -43,7 +43,16 @@
 		padding: @boxPadding;
 		margin-left: (@boxPadding * 2);
 
-		.textbox, input:-webkit-autofill {
+		input, .textbox, input:-webkit-autofill {
+		    box-shadow: 0 0 0px 1000px darken(@gray, 15%) inset;
+			width: 100%;
+			color: @white;
+			-webkit-text-fill-color: @white;
+			margin-bottom: @boxPadding;
+		}
+
+		/* We duplicate this for firefox which doesn't like the webkit selector */
+		input, .textbox {
 		    box-shadow: 0 0 0px 1000px darken(@gray, 15%) inset;
 			width: 100%;
 			color: @white;

src/client/ui/templates/messages/styles.less

@@ -88,6 +88,12 @@
 				drop-shadow(2px 0px 0px @blackD)
 				drop-shadow(-2px 0px 0px @blackD);
 
+			-moz-filter:
+				drop-shadow(0px -2px 0px @blackD)
+				drop-shadow(0px 2px 0px @blackD)
+				drop-shadow(2px 0px 0px @blackD)
+				drop-shadow(-2px 0px 0px @blackD);
+
 			word-wrap: break-word;
 			line-height: 18px;
 

src/client/ui/templates/reputation/styles.less

@@ -101,6 +101,12 @@
 					drop-shadow(0px 2px 0px @blackD)
 					drop-shadow(2px 0px 0px @blackD) 
 					drop-shadow(-2px 0px 0px @blackD);
+
+				-moz-filter:
+					drop-shadow(0px -2px 0px @blackD) 
+					drop-shadow(0px 2px 0px @blackD)
+					drop-shadow(2px 0px 0px @blackD) 
+					drop-shadow(-2px 0px 0px @blackD);
 			}
 		}
 	}

src/client/ui/templates/smithing/styles.less

@@ -89,6 +89,12 @@
 						drop-shadow(2px 0px 0px @blackD) 
 						drop-shadow(-2px 0px 0px @blackD);
 
+					-moz-filter:
+						drop-shadow(0px -2px 0px @blackD) 
+						drop-shadow(0px 2px 0px @blackD)
+						drop-shadow(2px 0px 0px @blackD) 
+						drop-shadow(-2px 0px 0px @blackD);
+
 					&.red {
 						color: @red;
 					}
@@ -106,6 +112,13 @@
 						drop-shadow(0px 4px 0px @blackD)
 						drop-shadow(4px 0px 0px @blackD) 
 						drop-shadow(-4px 0px 0px @blackD);
+
+					-moz-filter: 
+						brightness(100%)
+						drop-shadow(0px -4px 0px @blackD) 
+						drop-shadow(0px 4px 0px @blackD)
+						drop-shadow(4px 0px 0px @blackD) 
+						drop-shadow(-4px 0px 0px @blackD);
 				}
 			}
 		}