]> Lady’s Gitweb - GitWikiWeb/blob - style.css
Improve timeline styling
[GitWikiWeb] / style.css
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 }
This page took 0.060036 seconds and 5 git commands to generate.