1 files changed, 110 insertions, 111 deletions
diff --git a/styles/style.css b/styles/style.css
index 0758f59..f849fc2 100644..100755
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,112 +1,111 @@
-body {
-	font-family: Arial, sans-serif;
-	font-size: 10pt;
-	margin: 24px 5%;
-	background-color: #ffe;
-}
-
-a {
-	color: forestgreen;
-}
-
-
-a:hover {
-	color: #333;
-	text-decoration: none;
-}
-
-small {
-	font-size: 8pt;
-	color: #333;
-}
-
-table {
-	width: 100%;
-	border: none;
-	border-collapse: collapse;
-}
-
-th, .header {
-	background-color: forestgreen;
-	color: white;
-	padding: 4px;
-}
-
-th, .header a {
-	color: #eee;
-	font-weight: bold;
-}
-
-td {
-	background-color: white;
-	border: 1px solid forestgreen;
-	margin: none;
-	padding: 3px;
-}
-
-blockquote {
-	background-color: #ffd;
-	margin: 8px 40px 14px 18px;
-	padding: 12px;
-	border: 1px solid #aa6;
-	overflow: hidden;
-}
-
-textarea {
-	width: 100%;
-	height: 200px;
-	margin-right: 0px;
-	overflow: scroll;
-	resize: none;
-}
-
-.header > small {
-	color: #dde;
-}
-
-.post-content {
-	overflow: auto;
-	background-color: white;
-	padding: 12px 8px;
-	border: 1px solid forestgreen;
-	display: block;
-}
-
-.image-embed {
-	max-height: 80vh;
-}
-
-@keyframes bgslide {
-	from { background-position: 0 0px }
-	to { background-position: -5402px 0px }
-}
-
-#banner {
-	background-image: url("../img/banner.jpg");
-	background-repeat: repeat;
-
-	animation: bgslide 300s infinite linear;
-	height: 60px;
-}
-
-.success {
-	background-color: #efe;
-	margin: 8px 40px 14px 18px;
-	padding: 12px;
-	border: 1px solid #aea;
-	overflow: hidden;
-	border-radius: 5px;
-}
-
-.error {
-	background-color: #fee;
-	margin: 8px 40px 14px 18px;
-	padding: 12px;
-	border: 1px solid #eaa;
-	overflow: hidden;
-	border-radius: 5px;
-}
-
-.info {
-	color: #666;
+body {
+	font-family: Arial, sans-serif;
+	font-size: 10pt;
+	margin: 24px 10%;
+	background-image: linear-gradient(#eff, #fff);
+	background-repeat: no-repeat;
+}
+
+@media only screen and (max-width: 600px) {
+	body {
+		margin: 24px 6px;
+	}
+
+	.image-embed {
+		width: 100%;
+	}
+}
+
+a {
+	color: seagreen;
+}
+
+a:hover {
+	color: #333;
+	text-decoration: none;
+}
+
+small {
+	font-size: 8pt;
+	color: #333;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+	border: 1px solid seagreen;
+}
+
+th, .header {
+	background-color: seagreen;
+	color: #eee;
+	padding: 4px;
+}
+
+th, .header a {
+	color: #eee;
+	font-weight: bold;
+}
+
+td {
+	border: 1px solid seagreen;
+	margin: none;
+	padding: 4px;
+}
+
+tr:nth-child(even) { background: #eee; }
+tr:nth-child(odd) { background: #fff; }
+
+blockquote {
+	background-color: #ffd;
+	margin: 8px 40px 14px 18px;
+	padding: 12px;
+	border: 1px solid #aa6;
+	overflow: hidden;
+}
+
+textarea {
+	width: 100%;
+	height: 200px;
+	margin-right: 0px;
+	overflow: scroll;
+	resize: none;
+}
+
+.header > small {
+	color: #dde;
+}
+
+.post-content {
+	overflow: auto;
+	background-color: white;
+	padding: 12px 8px;
+	border: 1px solid seagreen;
+	display: block;
+}
+
+.image-embed {
+	max-height: 80vh;
+}
+
+.success {
+	background-color: #efe;
+	margin: 8px 40px 14px 18px;
+	padding: 12px;
+	border: 1px solid #aea;
+	overflow: hidden;
+	border-radius: 5px;
+}
+
+.error {
+	background-color: #fee;
+	margin: 8px 40px 14px 18px;
+	padding: 12px;
+	border: 1px solid #eaa;
+	overflow: hidden;
+	border-radius: 5px;
+}
+
+.info {
+	color: #666;
 }
 \ No newline at end of file