1 html
{ Color: White
; Background: Black
; Line-Height: 1.28; Text-Align: Justify
}
2 body
{ Margin-Block: 0; Margin-Inline: Auto
; Border: Double
; Color: Black
; Background: White
; Padding: 0; Max-Inline-Size: Max-Content
}
3 body
>header
{ Box-Sizing: Border-Box
; Margin-Inline: Auto
; Border-Block-End: Double
; Padding-Block: .5REM; Padding-Inline: 1CH; Inline-Size: 43EM; Max-Inline-Size: 100%; Box-Shadow: Inset
0 -1PX CurrentColor
; Font-Size: Large
}
4 body
>header :Any-Link
{ Color: Inherit
}
5 #navigation-about{ Border: None
; Padding: 0 }
6 #navigation-about>summary
{ Border: Thin Solid
; Padding-Inline: 2CH; Inline-Size: Max-Content
}
7 #navigation-about[open
]>summary
{ Border-Block-End: None
}
8 #navigation-about>article
{ Border: Thin Solid
; Padding-Block: 1EM; Padding-Inline: 2CH }
9 main
{ Box-Sizing: Border-Box
; Margin: Auto
; Inline-Size: 43EM; Max-Inline-Size: 100% }
10 article
{ Padding-Block: 1REM; Padding-Inline: 2CH }
11 header
.main
{ Margin-Block: 0 1REM; Border-Block-End: Thin Solid
; Padding-Block: 0 1REM }
12 header
.main h1
{ Margin-Block: 0; Font-Size: XX-Large
; Font-Style: Italic
}
13 article
>footer
{ Font-Size: Small
}
14 article
>footer h2
{ Border-Block-End: Thin Solid
; Font-Size: Large
}
15 details
{ Margin-Block: 1EM; Border-Inline-Start: Thin Dotted
; Padding-Inline-Start: 1CH }
16 details:Has
(>summary:Last-Child
){ Display: None
}
17 figure
{ Margin-Inline: Auto
; Max-Inline-Size: Max-Content
}
18 figcaption
{ Font-Size: Smaller
; Text-Align-Last: Center
}
19 blockquote
{ Margin-Block: 1EM; Margin-Inline: 4CH; Border: Thin Dotted
; Padding-Block: 1EM; Padding-Inline: 2CH; Box-Shadow: Inset
0 0 1CH .5CH WhiteSmoke
; Font-Weight: 350 }
20 blockquote blockquote
{ Border: None
; Padding: 0; Box-Shadow: None
; Font-Size: Smaller
}
21 blockquote blockquote blockquote
{ Margin-Inline: 2CH; Font-Size: Inherit
; Font-Weight: 250 }
22 blockquote p
+p
{ Margin: 0; Text-Indent: 1EM }
23 blockquote p
+p
*{ Text-Indent: 0 }
24 :is
(p
,ol
,ul
),.thread li
+li
>:is
(p
,ol
,ul
):First-Child
{ Margin: 0 }
25 :is
(p
,ol
,ul
)+:is
(p
,ol
,ul
),li
+li
>:is
(p
,ol
,ul
):First-Child
{ Margin-Block-Start: .75EM }
26 ol
,ul
{ Margin-Block: .75EM; Padding-Inline: 2EM 0 }
27 .thread :is(ol,ul){ Padding-Inline: 0; List-Style-Type: None
}
28 .thread>:is(ol,ul){ Border-Block-Start: Medium Double
; Border-Block-End: Medium Solid
; Border-Inline-Start: Thin Dotted
; Border-Inline-End: Thin Solid
; Border-Radius: .5EM; Padding-Block: .75EM; Padding-Inline: 1EM }
29 .thread li{ Display: Block
; Position: Relative
; Margin-Block-Start: .5EM; Border-Block-Start: Thin Dashed
; Padding-Block-Start: .5EM; Padding-Inline-Start: 2EM; Margin-Trim: Block
}
30 .thread>:is(ol,ul)>li:First-Child{ Margin-Block-Start: -.5EM; Border-Block-Start: None
}
31 .thread li::before{ Position: Absolute
; Inset-Block-Start: .5EM; Inset-Inline-Start: 0; Content: "💭" }
32 .thread li li li li li :is(ol,ul){ Padding-Inline: 0; List-Style-Position: Inside
}
33 .timeline>details>summary{ Box-Sizing: Border-Box
; Margin-Block: 0 .75EM; Margin-Inline: 1PX; Border-Bottom: Thin Solid
; Padding-Inline: 1CH; Min-Inline-Size: Calc
(8EM / 1.5); Inline-Size: Max-Content
; Max-Inline-Size: Calc
(100% - 2PX); Font-Size: 1.5EM; Font-Weight: 550 }
34 .timeline>details>dl{ Margin-Block: 0 }
35 .timeline>details>dl>div { Position: Relative
; Margin-Block: .75EM; Border: Thin Solid
; Border-Radius: .5EM; Padding-Inline-Start: 8EM }
36 .timeline>details>dl>div>dt { Position: Absolute
; Box-Sizing: Border-Box
; Inset-Block: 0; Inset-Inline: 0 Auto
; Margin: Auto
; Padding-Inline: 1CH; Block-Size: 1EM; Inline-Size: 8EM; Text-Align: End
; Line-Height: 1 }
37 .timeline>details>dl>div>dd { Display: Flow-Root
; Margin: 0; Border-Inline-Start: Thin Solid
; Padding-Block: .5EM }
38 .timeline>details>dl>div>dd>ul { Margin: 0; Padding: 0 }
39 .timeline>details>dl>div>dd>ul>li { Display: Block
; Padding-Inline: 2CH }
40 .timeline>details>dl>div>dd>ul>li+li { Margin-Block-Start: .5EM; Border-Block-Start: Thin Dashed
}
41 .timeline>details>dl>div>dd>ul>li>small:First-Child { Opacity: .6 }
42 dl
{ Margin-Block: 1EM }
43 dt
{ Margin-Block: 1EM .5EM; Font-Weight: 650 }
44 hr
{ Margin-Block: .5EM; Border-Block-Start: Thin Dashed
; Border-Block-End: None
; Border-Inline: None
}
45 :Any-Link
[href^
="/Special:NotFound?path="]{ Color: Firebrick
}
46 span
.sig
{ Font-Style: Italic
; Font-Weight: Bold
}
47 strong
[data-recency
="7"]{ Font-Weight: 800 }
48 strong
[data-recency
="6"]{ Font-Weight: 750 }
49 strong
[data-recency
="5"]{ Font-Weight: 700 }
50 strong
[data-recency
="4"]{ Font-Weight: 650 }
51 strong
[data-recency
="3"]{ Font-Weight: 600 }
52 strong
[data-recency
="2"]{ Font-Weight: 550 }
53 strong
[data-recency
="1"]{ Font-Weight: 500 }
54 strong
[data-recency
] time
{ Font-Style: Italic
}
55 mark
{ Border: 1PX Khaki Solid
; Color: MidnightBlue
; Background: LemonChiffon
; Box-Decoration-Break: Clone
}
56 sup
,sub
{ Line-Height: .5 }