add news styling

core/style.css

@@ -1909,6 +1909,109 @@ div.user-input-box .userlink > * {
 	pointer-events: none;
 }
 
+/* NEWS */
+@font-face {
+    font-family: Alagard;
+    src: url(/assets/alagard.ttf) format("truetype");
+}
+
+body.news:not(.post) {
+	--main-background: #fff1e0;
+	--background-image: none;
+	font-family: Alagard;
+}
+
+body.news:not(.post) .page-container {
+	color: #7d4310;
+}
+
+body.news .news-header h1 {
+	font-size: 4em;
+	margin: 4px;
+}
+
+body.news .news-header {
+	text-align: center;
+}
+
+body.news .news-header .hr {
+	display: flex;
+}
+
+body.news:not(.post) .page-container hr {
+	---hr-border: 1px double #7d4310;
+	border: none;
+	border-top: var(---hr-border);
+	border-bottom: var(---hr-border);
+	min-width: 4px;
+	height: 2px;
+}
+
+body.news:not(.post) .news-header a:link {
+	margin: auto 8px;
+}
+
+body.news:not(.post) .page-container hr:not(.nogrow) {
+	flex-grow: 1;
+	width: 100%;
+}
+
+body.news .article {
+	margin: 16px;
+}
+
+@media only screen and (orientation: landscape) {
+	body.news .page-container .articles {
+		display: grid; 
+		grid-template-columns: 1fr 1fr 1fr; 
+		gap: 16px;
+		grid-template-areas: 
+			"top top top2"
+			"top top top2"
+			". . ."; 
+	}
+	
+	body.news .page-container .articles .article:nth-of-type(1) {
+		grid-area: top;
+	}
+	
+	body.news .page-container .articles .article:nth-of-type(2) {
+		grid-area: top2;
+	}
+}
+
+body.news .article {
+	display: flex;
+	flex-direction: column;
+}
+
+body.news .article .subject {
+	font-size: 1.5em;
+}
+
+body.news .article .summary {
+	flex-grow: 1;
+	white-space: pre-wrap;
+}
+
+body.news .article .subj-line,
+body.news .article .info-line {
+	display: flex;
+	padding: 4px;
+}
+
+body.news .article div.gap {
+	flex-grow: 1;
+}
+
+body.news.post h1.article-title {
+	margin: 2px;
+}
+
+body.news.post div.subinfo i {
+	color: var(--subtitle);
+}
+
 /* EDITOR */
 .tabbed-container._weditor .tablist .buttonrow {
 	height: 0px;