style.css

.spinner {
	animation: previewSpin .7s 0s infinite linear;
}

@keyframes previewSpin {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}

#dropzone {
	text-align: center;
	padding: 10px;
	margin: 10px;
	border: 1px dashed #555;
	cursor: default;
	background-color: #f3fdff;
	min-height: 100px;
}

#dropzone.hover {
	border-style: solid;
	box-shadow: inset 0 3px 4px #cbcbcb;
}

#previews {
	border: 1px solid silver;
	padding: 7px;
	display: none;
}

#previews .previewBox {
	float: left;
	border: 1px solid #77c7c7;
	padding: 7px;
	margin-right: 7px;
	background-color: #ededed;
	width: 250px;
	height: 250px;
}

#previews .previewBox .progress {
	height: 7px;
	border: 1px solid silver;
	margin-bottom: 10px;
	overflow: hidden;
}

#previews .previewBox .progress .progressBar {
	background-color: #00A228;
	width: 0;
	height: 7px;
}

#previews .previewBox .title {
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
}

#previews .previewBox .title .done, #previews .previewBox .title .fail {
	border: 1px solid silver;
	padding: 1px;
	background-color: #F9F9F9;
	visibility: hidden;
}

#previews .previewBox .title .done {
	color: green;
	border-color: green;
}

#previews .previewBox .title .fail {
	color: red;
	border-color: red;
}

#previews .previewBox .imgHolder {
	text-align: center;
}

#previews .clearDiv {
	clear: both;
}

UL LI {
	margin-bottom: 15px;
}