Adjust heading and remove blog.css

css/blog.css

@@ -1,109 +0,0 @@
-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;
-}

style.css

@@ -577,6 +577,12 @@ nav.top.alert p {
 	font-family: var(--primary-font);
 }
 
+.heading > div.head-contents {
+	max-width: 1200px;
+	margin-left: auto; margin-right: auto;
+	
+}
+
 .heading.main {
 	position: sticky;
 	background-size: 64px;
@@ -605,15 +611,13 @@ nav.top.alert p {
 	font-size: 1.5em;
 }
 
-.heading.main > a {
+.heading.main > div.head-contents > a {
-	font-size: 2em;
-}
-
-.heading.main > a {
 	vertical-align: middle;
+	font-size: 2em;
+	
 }
 
-.heading > a {
+.heading > div.head-contents > a {
 	margin: 0px 0px 0px 4px;
 	display: inline-block;
 	font-weight: bold;
@@ -629,10 +633,6 @@ nav.top.alert p {
 	height: 48px;
 }
 
-.heading > img {
-	filter: drop-shadow(0px 0px 2px black);
-}
-
 .heading.main i {
 	margin-left: 16px;
 	font-weight: normal;
@@ -787,6 +787,24 @@ body.home .home-container .blog-contents .blog-item {
 }
 body.home .home-container .blog-contents .blog-item i { text-align: right; }
 
+/* == BLOG */
+body.blog .page-container .month {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+}
+
+body.blog .page-container .article {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	margin: 4px;
+}
+
+body.blog .page-container .article .date,
+body.blog .page-container .article .link { padding: 4px; }
+
+body.blog .page-container .article .date { text-align: right; }
+body.blog .page-container .article .link { font-weight: bold; }
+
 /* == LIBRARY */
 
 body.library .lib {