Improve styling on topic pages

[Status] / topic.html

diff --git a/topic.html b/topic.html
index f0a4a9ef955c9ffc19082f44c69a7d8bb593645f..13a220f07a555bcfdc82a214256c5ac7cfd3e29a 100644 (file)
--- a/topic.html
+++ b/topic.html
@@ -2,7 +2,10 @@
 <META Charset=utf-8>
 <TITLE>Topic Feed</TITLE>
 <STYLE>
-body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1REM; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 45REM; Align-Content: Center; Justify-Content: Stretch; Font-Family: Sans-Serif }
+html{ Color: #E3E3E3; Background: #700020; Font-Family: UI-Rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, Sans-Serif; Line-Height: 1.5; Text-Shadow: Calc(1EM / 12) Calc(1EM / 12) #000000 }
+body{ Display: Grid; Box-Sizing: Border-Box; Margin: Auto; Padding-Inline: 1CH; Min-Block-Size: 100VH; Inline-Size: 100%; Max-Inline-Size: 48REM; Align-Content: Center; Justify-Content: Stretch }
+:Any-Link{ Color: #87E6DD }
+dd :Any-Link{ Display: Block; Border: Thin Solid; Padding-Inline: .5REM; Border-Radius: .5REM; Min-Inline-Size: Max-Content; Inline-Size: 28CH; Color: #D6B7BF; Background: #1A1A1A; Text-Shadow: None }
 </STYLE>
 <H1>Topic Feed</H1>
 <NAV><P><A HRef=/>Home</A></P><DL></DL></NAV>