fixed categories page

design/custom.css

@@ -1,7 +1,10 @@
 /*
-	TABLE OF CONTENTS								^TOC
+	TABLE OF CONTENTS										^TOC
 	-	-	-	-	-	-	-	-	-	-	-	-	-	-
 
+	Vanilla's HTML is a mess to me--doing my best to work
+	round it >:(
+
 	TAGS
 	(so you can jump to sections :)
 
@@ -33,9 +36,8 @@
 	Sizes:
 	regular	1em
 	small	0.7em
-*/
 
-/*
+
 	General	-	-	-	-	-	-	-	-	-	-	-	-	^GENERAL
 */
 
@@ -54,10 +56,9 @@ a:hover {
 
 body {
 	background-color:white;
+	display:grid;
 	font-size:1em;
 	font-family:sans-serif;
-	/*	Grid stuffs	*/
-	display:grid;
 	grid-template-columns:repeat(4, 1fr);
 	grid-gap:1em;
 	grid-template-areas:
@@ -106,6 +107,9 @@ li.Gender { display:none !important; }
 	in the header*/
 main > h1.H.HomepageTitle { display:none; }
 
+/*	Hides extraneous date on categories page	*/
+span.MItem.LastCommentDate { display:none; }
+
 /*	All pages	-	-	-	-	-	-	-	-	-	-	-	^LAYOUT
 
 	Header	-	-	-	-	-	-	-	-	-	-	-	-	^HEADER
@@ -160,19 +164,11 @@ main {
 	padding:0 1em;
 }
 
-main > div.P.PageDescription {
-	margin:0;
-}
-
 main > nav > p {
 	font-size:0.7em;
 	margin:0;
 }
 
-main > ul.DataList {
-	margin:0;
-}
-
 /*
 	Panel on the right	-	-	-	-	-	-	-	-	-	^PANEL
  */
@@ -229,15 +225,31 @@ footer > ul li:first-child::before {
 	Categories / landing page	-	-	-	-	-	-	-	^CATS
 */
 
-.CategoryList .Depth2 {
-    margin-top: -6px !important; /* Join to parent category */
-    padding-left: 1em !important; /* Overide default indent */
+main ul.CategoryList a.Title {
+	font-size:1em;
 }
 
-.DataList .Title {
-	font-size:1em;	/* do all ont resizing in one bit?	*/
+/*	Overwrite red categories having grey bg	*/
+main ul.CategoryList .Item.Read {
+	background:none;
 }
 
+main ul.CategoryList .Item.Unread .Title::after{
+	content:url("new.gif");
+	padding-left:0.5em;
+}
+
+main ul.CategoryList li.Item {
+	padding:1em;
+}
+
+main ul.CategoryList li.Depth2 {
+	border-left-style:dashed;
+	margin-left:+1em;
+}
+
+
+
 /*
 	Post threads-	-	-	-	-	-	-	-	-	-	-	^POSTS
 */