Improve styling on topic pages

[Status] / index.html
diff --git a/index.html b/index.html

index 4be82395752d44ec09e52048b3a65f27f9d71a44..b8e6735c999334198b61f3ffbd28aa4108fa5681 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,19 +2,23 @@
  <HTML Lang=en>
  <TITLE>Index</TITLE>
  <STYLE>
  <HTML Lang=en>
  <TITLE>Index</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 }
-#status{ Font-Size: Larger }
+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 }
  #topics{ Display: Grid; Margin-Block: 1REM; Grid: Auto-Flow / 1FR 1FR; Gap: 0 1REM }
  #topics h2{ Margin-Block-End: 0; Grid-Column: 1 / Span 2; Text-Align: Center }
  #topics h2:Last-Child{ Display: None }
  #topics{ Display: Grid; Margin-Block: 1REM; Grid: Auto-Flow / 1FR 1FR; Gap: 0 1REM }
  #topics h2{ Margin-Block-End: 0; Grid-Column: 1 / Span 2; Text-Align: Center }
  #topics h2:Last-Child{ Display: None }
-div.STATUS{ Border: Thin Solid; Padding-Inline: 1REM; Border-Radius: .5REM }
+div.STATUS{ Border: Thin Solid; Padding-Inline: 1REM; Border-Radius: .5REM; Color: #F3DEE3; Background: #1A1A1A; Font-Size: Larger; Text-Shadow: None }
+div.STATUS :Any-Link{ Color: #D6B7BF }
  summary{ Padding-Block: 1REM; Font-Weight: Bold }
  details[open]>summary{ Border-Block-End: Thin Solid }
  footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Font-Size: Smaller; Text-Align: End }
  footer p{ Margin-Block: 0 .5REM }
  footer time:Not([datetime]),
  footer small{ Font-Size: Inherit; Font-Style: Italic }
  summary{ Padding-Block: 1REM; Font-Weight: Bold }
  details[open]>summary{ Border-Block-End: Thin Solid }
  footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Font-Size: Smaller; Text-Align: End }
  footer p{ Margin-Block: 0 .5REM }
  footer time:Not([datetime]),
  footer small{ Font-Size: Inherit; Font-Style: Italic }
-svg{ Display: Inline-Block; Vertical-Align: Middle; Block-Size: 1EM; Inline-Size: 1EM; Fill: #FFF }
+svg{ Display: Inline-Block; Vertical-Align: Middle; Block-Size: 1EM; Inline-Size: 1EM; Color: #F3DEE3; Fill: #1A1A1A }
+:Any-Link svg{ Color: #D6B7BF }
+svg#feedicon{ Color: #EAB783; Fill: #D11800 }
  </STYLE>
  <H1>Index</H1>
  <DIV Class=STATUS ID=status>
  </STYLE>
  <H1>Index</H1>
  <DIV Class=STATUS ID=status>