X-Git-Url: https://git.ladys.computer/GitWikiWeb/blobdiff_plain/b165897e6ceec78f2ba7b76c9ed532580b2287d4..refs/heads/current:/style.css diff --git a/style.css b/style.css index 6a78feb..47eabe8 100644 --- a/style.css +++ b/style.css @@ -21,8 +21,26 @@ blockquote blockquote{ Border: None; Padding: 0; Box-Shadow: None; Font-Size: Sm blockquote blockquote blockquote{ Margin-Inline: 2CH; Font-Size: Inherit; Font-Weight: 250 } blockquote p+p{ Margin: 0; Text-Indent: 1EM } blockquote p+p *{ Text-Indent: 0 } -p{ Margin: 0 } -p+p,li+li>p{ Margin-Block-Start: .75EM } +:is(p,ol,ul),.thread li+li>:is(p,ol,ul):First-Child{ Margin: 0 } +:is(p,ol,ul)+:is(p,ol,ul),li+li>:is(p,ol,ul):First-Child{ Margin-Block-Start: .75EM } +ol,ul{ Margin-Block: .75EM; Padding-Inline: 2EM 0 } +.thread :is(ol,ul){ Padding-Inline: 0; List-Style-Type: None } +.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 } +.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 } +.thread>:is(ol,ul)>li:First-Child{ Margin-Block-Start: -.5EM; Border-Block-Start: None } +.thread li::before{ Position: Absolute; Inset-Block-Start: .5EM; Inset-Inline-Start: 0; Content: "💭" } +.thread li li li li li :is(ol,ul){ Padding-Inline: 0; List-Style-Position: Inside } +.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 } +.timeline>details>dl{ Margin-Block: 0 } +.timeline>details>dl>div { Position: Relative; Margin-Block: .75EM; Border: Thin Solid; Border-Radius: .5EM; Padding-Inline-Start: 8EM } +.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 } +.timeline>details>dl>div>dd { Display: Flow-Root; Margin: 0; Border-Inline-Start: Thin Solid; Padding-Block: .5EM } +.timeline>details>dl>div>dd>ul { Margin: 0; Padding: 0 } +.timeline>details>dl>div>dd>ul>li { Display: Block; Padding-Inline: 2CH } +.timeline>details>dl>div>dd>ul>li+li { Margin-Block-Start: .5EM; Border-Block-Start: Thin Dashed } +.timeline>details>dl>div>dd>ul>li>small:First-Child { Opacity: .6 } +dl{ Margin-Block: 1EM } +dt{ Margin-Block: 1EM .5EM; Font-Weight: 650 } hr{ Margin-Block: .5EM; Border-Block-Start: Thin Dashed; Border-Block-End: None; Border-Inline: None } :Any-Link[href^="/Special:NotFound?path="]{ Color: Firebrick } span.sig{ Font-Style: Italic; Font-Weight: Bold }