Improve styling on topic pages

[Status] / topic.html

diff --git a/topic.html b/topic.html
index 908cf1b0abbdcdcc406356b7d90b3c6194083da7..13a220f07a555bcfdc82a214256c5ac7cfd3e29a 100644 (file)
--- a/topic.html
+++ b/topic.html
@@ -5,6 +5,7 @@
 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 }
 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>
 </STYLE>
 <H1>Topic Feed</H1>
 <NAV><P><A HRef=/>Home</A></P><DL></DL></NAV>