Pushing this mess anyway

css/blog.css

@@ -0,0 +1,109 @@
+body.blog-index .article {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #a4a4a4);
+	margin: 4px;
+	padding: 8px;
+}
+
+body.blog-index .article p {
+	margin: 2px;
+}
+
+body.blog-index .article i, .article .userlink {
+	font-family: var(--spfont1, Pixio);
+}
+
+body.blog-index .article i { color: var(--subtitle, #525252); }
+
+.body > img {
+	max-width: calc(100% - 64px);
+}
+
+.subject {
+	margin: 4px 0px;
+		}
+
+#commentFrame {
+	width: calc(100% - 8px);
+	border: none;
+}
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+.userlink, .date i, .comment i, #comments {
+	font-family: var(--spfont1, Pixio);
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+.header-title h1, .header-title .author {
+	margin: 2px;
+}
+
+.header-title .author .userlink {
+	margin: 0px;
+}
+
+.header-title i {
+	color: var(--subtitle, #525252);
+}
+
+
+.comment {
+	background-color: var(--menu-bg, #d0d0d0);
+	border: var(--menu-border, 1px solid #bdbdbd);
+	margin: 4px;
+	padding: 8px;
+}
+
+.comment p {
+	margin: 2px;
+}
+
+.comment a[title="Delete"],
+.userlink,
+.comment i{
+	font-family: var(--spfont1, Pixio);
+}
+
+.comment i {
+	color: var(--subtitle, #525252);
+}
+
+.userlink, .userlink a {
+	color: var(--main-text, #000000);
+	text-decoration: none;
+}
+
+textarea {
+	width: calc(100% - 8px);
+}
+
+#header {
+	font-size: 24px;
+	vertical-align: top;
+}
+
+body#comments > .header-title {
+	top: -10px;
+}