Improve styling on topic pages

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

index dbc899c51bde536bc40039398fe4196f78d120b5..72dfd0489247bbfc1cc6439a14c1907c718691c2 100644 (file)
--- a/status.html
+++ b/status.html
@@ -2,12 +2,15 @@
  <HTML Lang=en>
  <TITLE>Status</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 }
-article{ 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 }
+article{ Border: Thin Solid; Padding-Inline: 1REM; Border-Radius: .5REM; Color: #F3DEE3; Background: #1A1A1A; Font-Size: Larger; Text-Shadow: None }
+article :Any-Link{ Color: #D6B7BF }
  summary{ Padding-Block: 1REM; Font-Weight: Bold }
  details[open]>summary{ Border-Block-End: Thin Solid }
-header{ Border-Block-End: Thin Solid; Padding-Block: 1REM; Text-Align: Start }
-footer{ Border-Block-Start: Thin Solid; Padding-Block: 1REM; Text-Align: End }
+header{ Padding-Block: 1REM; Text-Align: Start }
+footer{ Padding-Block: 1REM; Text-Align: End }
  footer p{ Margin-Block: 0 .5REM }
  footer time:Not([datetime]),
  footer small{ Font-Size: Inherit; Font-Style: Italic }