Add spinner; retain preview image order.

public/css/default.css

@@ -669,3 +669,44 @@ a#previous_photo:hover, a#next_photo:hover {
 		width: auto;
 	}
 }
+
+
+/* Upload form
+----------------*/
+#upload_preview_area {
+	margin: 10px 0;
+}
+#upload_preview_area img {
+	margin: 0 5px 0 0;
+}
+
+
+/* Spinner animation
+----------------------*/
+.spinner {
+	display: inline-block;
+	background-color: #74AFCF;
+	height: 20px;
+	width: 20px;
+	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
+	animation: sk-rotateplane 1.2s infinite ease-in-out;
+}
+
+@-webkit-keyframes sk-rotateplane {
+	0% { -webkit-transform: perspective(120px) }
+	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
+	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
+}
+
+@keyframes sk-rotateplane {
+	0% {
+		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
+	} 50% {
+		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
+	} 100% {
+		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+	}
+}