第一次

assets/css/ie8.css

@@ -0,0 +1,47 @@
+/*
+	Multiverse by HTML5 UP
+	html5up.net | @n33co
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+	input[type="submit"],
+	input[type="reset"],
+	input[type="button"],
+	button,
+	.button {
+		border: solid 2px #36383c;
+	}
+
+		input[type="submit"].special,
+		input[type="reset"].special,
+		input[type="button"].special,
+		button.special,
+		.button.special {
+			border: 0;
+		}
+
+/* Panel */
+
+	.panel {
+		background: #242629;
+		display: none;
+	}
+
+		.panel.active {
+			display: block;
+		}
+
+		.panel > .closer:before {
+			content: '\00d7';
+			font-size: 42px;
+		}
+
+/* Main */
+
+	#main .thumb > h2 {
+		text-align: center;
+		width: 100%;
+		left: 0;
+	}

assets/css/ie9.css

@@ -0,0 +1,41 @@
+/*
+	Multiverse by HTML5 UP
+	html5up.net | @n33co
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Panel */
+
+	.panel > .inner.split:after {
+		clear: both;
+		content: '';
+		display: block;
+	}
+
+	.panel > .inner.split > div {
+		float: left;
+		margin-left: 0;
+		padding-left: 0;
+	}
+
+	.panel > .inner.split > :first-child {
+		padding-left: 0;
+	}
+
+/* Wrapper */
+
+	#wrapper:before {
+		display: none;
+	}
+
+/* Main */
+
+	#main:after {
+		clear: both;
+		content: '';
+		display: block;
+	}
+
+	#main .thumb {
+		float: left;
+	}

assets/css/images/arrow.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable">
+	<style>
+		line {
+			stroke: #fff;
+			stroke-width: 1px;
+		}
+	</style>
+	<line x1="32" y1="16" x2="64" y2="48" />
+	<line x1="32" y1="80" x2="64" y2="48" />
+
+</svg>

assets/css/images/close.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64" zoomAndPan="disable">
+	<style>
+		line {
+			stroke: #fff;
+			stroke-width: 1.5px;
+		}
+	</style>
+	<line x1="20" y1="20" x2="44" y2="44" />
+	<line x1="20" y1="44" x2="44" y2="20" />
+</svg>

assets/css/images/spinner.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable">
+	<style>
+		circle {
+			fill: transparent;
+			stroke: #fff;
+			stroke-width: 1.5px;
+		}
+	</style>
+	<defs>
+		<clipPath id="corner">
+			<polygon points="0,0 48,0 48,48 96,48 96,96 0,96" />
+		</clipPath>
+	</defs>
+	<g clip-path="url(#corner)">
+		<circle cx="48" cy="48" r="32"/>
+	</g>
+</svg>